@extends('layouts.app')

@section('content')
<div class="container-fluid px-1 px-md-5 px-lg-1 px-xl-5 py-5 mx-auto" style="position:fixed;top:7mm;">
    <div class="card card0 border-0">
        <div class="row d-flex">
            <div class="col-lg-6">
                <div class="card1 pb-5">
                    <div class="row">
                        <img src="{{ asset('images/vlogo.png') }}" class="logo" style="background: black !important;
    border-radius: 15px !important;
    width: 178px !important;
height: 68px !important;">
                    </div>
                    <div class="row px-3 justify-content-center mt-4 mb-5 border-line">
                        <img src="{{ asset('images/login_theme.png') }}" class="image">
                    </div>
                </div>
            </div>


            <div class="col-lg-6">
                <div class="card2 card border-0 px-4 py-5">
                    <div class="row mb-4 px-3">
                      &nbsp;
                    </div>

                    
                    <form method="POST" action="{{ route('login') }}">
                        @csrf
                    <div class="row px-3">




                        <label class="mb-1"><h6 class="mb-0 text-sm">Username</h6></label>
                        <input class="mb-4" id="uname" name="uname" type="text"  placeholder="Enter Username">

                        @error('error')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                    </div>
                
                    <div class="row px-3">
                        <label class="mb-1"><h6 class="mb-0 text-sm">Password</h6></label>
                        <input type="password" id="password" name="password" placeholder="Enter password">
                        @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror

                    </div>
                    @if(Session::has('error'))
<div class="alert alert-danger">
  {{ Session::get('error')}}
</div>
@endif


                    <div class="row px-3 mb-4">
                        
                        <div class="custom-control custom-checkbox custom-control-inline">
                            

                            <!-- <input class="custom-control-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
                            
                            <label class="form-check-label" for="remember">
                                        {{ __('Remember Me') }}
                                    </label> -->
                        </div>
                        
                    </div>
                    <div class="row mb-3 px-3">
                     

                        <button type="submit" class="btn btn-blue text-center">
                                    {{ __('Login') }}
                                </button>


                    </div>

                    </form>

                    <div class="row mb-4 px-3">
                        

                    </div>
                </div>
            </div>
        </div>
       
    </div>
</div>




@endsection
<script>

 
</script>
