<x-authbase-layout>
    <!-- <x-authentication-card>
        <x-slot name="logo">
            <x-authentication-card-logo />
        </x-slot>

        <x-validation-errors class="mb-4" />

        @if (session('status'))
            <div class="mb-4 font-medium text-sm text-green-600">
                {{ session('status') }}
            </div>
        @endif

        <form method="POST" action="{{ route('login') }}">
            @csrf

            <div>
                <x-label for="email" value="{{ __('Email') }}" />
                <x-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
            </div>

            <div class="mt-4">
                <x-label for="password" value="{{ __('Password') }}" />
                <x-input id="password" class="block mt-1 w-full" type="password" name="password" required autocomplete="current-password" />
            </div>

            <div class="block mt-4">
                <label for="remember_me" class="flex items-center">
                    <x-checkbox id="remember_me" name="remember" />
                    <span class="ms-2 text-sm text-gray-600">{{ __('Remember me') }}</span>
                </label>
            </div>

            <div class="flex items-center justify-end mt-4">
                @if (Route::has('password.request'))
                    <a class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('password.request') }}">
                        {{ __('Forgot your password?') }}
                    </a>
                @endif

                <x-button class="ms-4">
                    {{ __('Log in') }}
                </x-button>
            </div>
        </form>
    </x-authentication-card> -->
    

    <main class="main-content  mt-0">
         <div class="page-header align-items-start min-height-300 m-3 border-radius-xl" style="background-image: url('/assets/images/banner-slider-img/slider3.jpg');">
      <span class="mask bg-gradient-dark opacity-6"></span>
    </div>
    <div class="container mb-4">
      <div class="row mt-lg-n12 mt-md-n12 mt-n12 justify-content-center">
        <div class="col-xl-4 col-lg-5 col-md-7 mx-auto">
          <div class="card mt-10">
            <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
              <div class="bg-gradient-success shadow-dark border-radius-lg py-3 pe-1 text-center py-4">
                <h4 class="font-weight-bolder text-white mt-1">Sign In</h4>
                <p class="mb-1 text-sm text-white">Enter your email and password to Sign In</p>
              </div>
                 @session('status')
                    <div class="mb-4 font-medium text-sm text-green-600">
                        {{ $value }}
                    </div>
                @endsession
            </div>
            </div>
            <div class="card-body mt-2">
                @if ($errors->any())
                    <div class="alert alert-danger text-white mb-4" role="alert">
                        <ul class="mb-0 ps-3">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
             <form method="POST" action="{{ route('login') }}">
                   @csrf
                <div class="input-group input-group-static mb-4">
                  <label>Email</label>
                  <input type="email" class="form-control" name="email" required autofocus autocomplete="username" placeholder="dumescoastal@gmail.com">
                </div>
                <div class="input-group input-group-static mb-4">
                  <label>Password</label>
                <input type="password" class="form-control" placeholder="•••••••••••••" name="password" required autocomplete="current-password">
                </div>
                <div class="form-check form-switch d-flex align-items-center mb-3">
                      <input class="form-check-input" type="checkbox" id="remember_me" name="remember">
                      <label class="form-check-label mb-0 ms-3" for="remember_me">Remember me</label>
                    </div>
                 <div class="text-center">
                    <button type="submit" class="btn btn-lg bg-dark text-white w-100 mt-4 mb-0">Sign in</button>
                </div>
              </form>
            </div>
            <div class="card-footer text-center pt-0 px-lg-2 px-1">
               <p class="mb-4 text-sm mx-auto">
                Don't have an account?
                <a href="{{ route('register') }}" class="text-primary  font-weight-bold">Sign up</a>
                <p class="m-0 p-0">
                @if (Route::has('password.request'))
                    <a href="{{ __('Forgot your password?') }}" class="text-primary  font-weight-bold">Forgot password?</a>
                @endif
                </p>
                
                </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  
  </main>
</x-authbase-layout>
