@extends('layouts.authentication') @section('content')
<div class="row g-0 h-100">
    <div class="col-md-5 text-center bg-card-gradient">
        <div class="position-relative p-4 pt-md-5 pb-md-7 light">
            <div class="z-index-1 position-relative"><a class="link-light mb-4 font-sans-serif fs-4 d-inline-block fw-bolder" href="{{url ('/')}}">MBBS</a>
                <p class="opacity-75 text-white">Providing security and a dignified farewell to your beloved in a compassionate and professional manner.</p>
            </div>
        </div>
       <!-- <div class="mt-3 mb-4 mt-md-4 mb-md-5 light">
            <p class="text-white">Don't have an account?<br><a class="text-decoration-underline link-light" href="{{ url ('/register') }}">Get started!</a></p>
            <p class="mb-0 mt-4 mt-md-5 fs--1 fw-semi-bold text-white opacity-75">Read our <a class="text-decoration-underline text-white" href="#!">terms</a> and <a class="text-decoration-underline text-white" href="#!">conditions </a></p>
        </div>-->
    </div>
    <div class="col-md-7 d-flex flex-center">
        <div class="p-4 p-md-5 flex-grow-1">
            <div class="row flex-between-center">
                <div class="col-auto">
                    <h3>Account Logins</h3>
                </div>
            </div>
            <form method="POST" action="{{ route('login') }}">
                @csrf
                <div class="mb-3">
                    <label class="form-label" for="card-email">Email address</label>
                    <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="off" autofocus>
                    @error('email')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>
                <div class="mb-3">
                    <div class="d-flex justify-content-between"><label class="form-label" for="card-password">Password</label></div>
                    <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="off">
                    @error('password')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>
                <div class="row flex-between-center">
                    <div class="col-auto">
                        <div class="form-check mb-0"><input class="form-check-input" type="checkbox" id="card-checkbox" checked="checked" /><label class="form-check-label mb-0" for="card-checkbox">Remember me</label></div>
                    </div>
                    <div class="col-auto"><a class="fs--1" href="{{ route('password.request') }}">Forgot Password?</a></div>
                </div>
                <div class="mb-3"><button class="btn btn-primary d-block w-100 mt-3" type="submit" name="submit">Log in</button></div>
            </form>
        </div>
    </div>
</div>
@endsection