@extends('layouts.admin_auth')

@section('content')


        <div class="flex flex-col overflow-y-auto md:flex-row">
 
        <div class="h-auto md:h-auto md:w-1/2">
            <img
              aria-hidden="true"
              class="w-full h-full dark:block"
              src="{{ asset('images/66374-lottie-admin.png') }}"
              alt="Office"
            />
          </div>
          <div class="flex items-center justify-center p-6 sm:p-12 md:w-1/2">
            <div class="w-full">
              <h1
                class="text-center mb-4 text-xl font-semibold text-gray-700 dark:text-gray-200"
              >
                <span class="text-blue-500">Admin</span>Login
              </h1>
              <div class="text-center mt-3">
                  <span class="inline-block w-3 h-3 rounded-full bg-blue-600 ml-1"></span>
                  <span class="inline-block w-6 h-3 rounded-full bg-blue-600 ml-1"></span>
                  <span class="inline-block w-12 h-3 rounded-full bg-blue-600"></span>
                  <span class="inline-block w-6 h-3 rounded-full bg-blue-600 ml-1"></span>
                  <span class="inline-block w-3 h-3 rounded-full bg-blue-600 ml-1"></span>
              </div>
              <x-alert/>
              <form method="post" action="{{ route('admin.check') }}">

               @csrf
              <label class="block text-sm">
                <span class="text-gray-700 dark:text-gray-400">Email</span>
                <input
                  class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input @error('email') is-invalid @enderror"
                  style="border-radius:18px;" placeholder="janedoe@yahoo.com" name="email" value="{{ old('email') }}" id="exampleInputEmail1" aria-describedby="emailHelp"
                />
                @error('email')
                <span class="text-xs text-red-600 dark:text-red-400" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                @enderror
              </label>


              <label class="block mt-4 text-sm">
                <span class="text-gray-700 dark:text-gray-400">Password</span>
                <input
                  class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input @error('password') is-invalid @enderror" 
                  style="border-radius:18px;" name="password" required autocomplete="current-password" id="exampleInputPassword1"
                  placeholder="***************"
                  type="password"
                />
                @error('password')
                <span class="text-xs text-red-600 dark:text-red-400" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                @enderror
              </label>

              <!-- You should use a button here, as the anchor is only used for the example  -->
              <button
                class="block w-full bg-blue-600 px-4 py-2 mt-4 text-sm font-medium leading-5 text-center text-white transition-colors duration-150 border border-transparent hover:bg-green-700 focus:outline-none focus:shadow-outline-green"
                type="submit"
              >
                Sign in &rAarr;
              </button>

            </form>


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


@endsection
