<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{{asset('backend/assets/stylesheets/theme.css')}}" />

<!-- Theme Custom CSS -->
<link rel="stylesheet" href="{{asset('backend/assets/stylesheets/theme-custom.css')}}">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<style>
body {font-family: Arial, Helvetica, sans-serif;}
form {border: 3px solid #f1f1f1;}

input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

button {
  background-color: #04AA6D;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

button:hover {
  opacity: 0.8;
}

.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}

img.avatar {
  width: 15%;
  border-radius: 50%;
}

.container {
  padding: 16px;
}

span.psw {
  float: right;
  padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
}

.centered-element {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
</style>
</head>
<body>


<header class="header container-fluid">
        <div class="container p-0">
          <div class="col-xs-12">
              <div>
                <img src="{{asset('backend/assets/images/header.png')}}" alt="header" class="img-responsive">
              </div>
            </div>
          <!-- <div class="row">
            <div class="col-lg-2 my-auto pr-0">
              <div class="pull-right">
                <a href="{{url('index')}}" class="logo">
                  <img src="{{asset('backend/assets/images/TSREDCO Logo.svg')}}" alt="Joseph Doe" class="img-fluid">
                </a>
              </div>
            </div>
            <div class="col-lg-8 my-auto">
                <div class="web-name-div">
                  <div class="web-name">Telangana State Renewable Energy Development Corporation Ltd., (TSREDCO)</div>
                  <div class="telugu-web-name"><small>తెలంగాణ రాష్ట్ర పునరుద్ధరణీయ ఇంధన వనరుల అభివృద్ధి సంస్థ లిమిటెడ్</small></div>
                </div>
              </div>
            <div class="col-lg-2 my-auto pl-0">
              <div class="logo1">
                <a href="{{url('index')}}" class="">
                  <img src="{{asset('backend/assets/images/government-of-telangana-logo-4949BC8A09-seeklogo.com.svg')}}" alt="Joseph Doe" class="img-fluid">
                </a>
              </div>
            </div>
          </div> -->
            <div class="visible-xs toggle-sidebar-left" data-toggle-class="sidebar-left-opened" data-target="html" data-fire-event="sidebar-left-opened">
              <i class="fa fa-bars" aria-label="Toggle sidebar"></i>
            </div>
        </div>
      
        <!-- start: search & user box -->
        
        <!-- end: search & user box -->
      </header>
      <div class="inner-wrapper">
        <div class="container">
        <div class="col-xs-12 my-5 py-5">
          <div class="">

          <form action="{{url('loginchk')}}" method="post" class="" style="max-width:500px;margin:auto;">
            @csrf

            <div class="container" style="width:80%;margin:auto;">
              @if(session('error'))

      <div class="alert alert-danger">{{session('error')}}</div>
      @endif
              <label for="uname"><b>Role</b></label>
             
             <select name="role" class="form-control" required>
               <option value="0">Admin</option>
               <option value="6">Vendor</option>
               <option value="1">Tsredco Consultants</option>
               <option value="7">Subvendor Agency</option>
               <option value="8">Subvendor Survey</option>
             </select>
           </br>
              <label for="uname"><b>Username</b></label>
              <input type="text" placeholder="Enter Username" name="uname" required>

              <label for="psw"><b>Password</b></label>
              <input type="password" placeholder="Enter Password" name="psw" required id="myInput">
              <input type="checkbox" onclick="myFunction()"><span class="pl-2">Show Password</span> 
              <button type="submit">Login</button>
              
            </div>
          </form>
        </div>
      </div>
      </div>
    </div>

      <footer class="container-fluid pl-lg-0 pr-lg-0 " style="background: #4DC97E !important;">
            <div class="container pl-lg-0 pr-lg-0 py-2">
                <div class="row pt-lg-3 pb-lg-3 pt-3 pb-3" style="background: #4DC97E !important;">
                    <div class="col-lg-6 text-lg-left pl-lg-0" style="padding-top: 4px;">
                        <p class="text-white mb-0 small">© 2021 TSREDCO. All Rights Reserved</p>
                    </div>
                    <!-- <div class="col-lg-6 text-lg-right pr-lg-0">
                        <a href="http://www.paccore.com/" class="text-white text-decoration-none small" target="_blank">www.paccore.com</a>
                    </div> -->
                </div>
            </div>
        </footer>
<script>
function myFunction() {
  var x = document.getElementById("myInput");
  if (x.type === "password") {
    x.type = "text";
  } else {
    x.type = "password";
  }
}
</script>

</body>
</html>
