 <link href="{{url('public/assets/css/style.css')}}" rel="stylesheet">
 <body class="c-app flex-row align-items-center">
 
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-md-8">
          <div class="card-group">
            <div class="card p-4">
              <div class="card-body">
                <form action="{{ route('login') }}" method="POST">
                    @csrf
                    <h1>Login</h1>
                    <p class="text-muted">Sign In to your account</p>

                    <span class="text-danger">@if(Session::has('status')) {{ Session::get('status') }} @enderror</span>


                    <div class="input-group mt-3">
                      <div class="input-group-prepend"><span class="input-group-text">
                          <svg class="c-icon">
                            <use xlink:href="{{url('public/assets/vendors/@coreui/icons/svg/free.svg#cil-user')}}"></use>
                          </svg></span></div>
                           <input class="form-control" type="text" placeholder="Username" name="username"  value="{{ old('username') ?? '' }}">
                    </div>
                    <span class="text-danger">@error('username') {{$message}} @enderror</span>


                    <div class="input-group mt-3">
                      <div class="input-group-prepend"><span class="input-group-text">
                          <svg class="c-icon">
                            <use xlink:href="{{url('public/assets/vendors/@coreui/icons/svg/free.svg#cil-lock-locked')}}"></use>
                          </svg></span></div>
                      <input class="form-control" type="password" placeholder="Password" name="password">
                    </div>
                    <span class="text-danger">@error('password') {{$message}} @enderror</span>

		    <div class="input-group mt-3">
                      <div class="input-group-prepend"><span class="input-group-text">
                          <svg class="c-icon">
                            <use xlink:href="{{url('public/assets/vendors/@coreui/icons/svg/free.svg#cil-lock-locked')}}"></use>
                          </svg></span></div>
                      <select id="location" name="location" tabindex="3" class="form-control" disabled="">
                          <option value="default">default</option>
                      </select>
                    </div>
                    <span class="text-danger">@error('location') {{$message}} @enderror</span>

                    <div class="row mt-4">
                      <div class="col-6">
                      <input type="submit" class="btn btn-primary px-4" value="Login" >
                      </div>
                      <div class="col-6 text-right">
                        <a href="{{ route('forgot-password') }}" class="btn btn-link px-0" >Forgot password?</a>
                      </div>
                    </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
	
    <!-- CoreUI and necessary plugins-->
    <script src="{{ url('public/assets/vendors/@coreui/coreui-pro/js/coreui.bundle.min.js') }}"></script>
    <!--[if IE]><!-->
    <script src="{{ url('public/assets/vendors/@coreui/icons/js/svgxuse.min.js') }}"></script>
    <!--<![endif]-->
    <script>
      document.addEventListener("DOMContentLoaded", function(event) {
        setTimeout(function() {
          document.body.classList.remove('c-no-layout-transition')
        }, 2000);
      });
    </script>
	</body>
