@extends("Supplier.Layouts.blank_empty")
@section ("content")

    <main class="bg-neutral-800 h-screen">
          <div class="w-full h-full center-by-flex">
              <section class="bg-neutral-700 w-[70%] h-[70%] rounded-xl">

                  <div class="h-full flex flex-col justify-around items-center">
                      <img src="{{asset('images/logo.svg')}}" alt="logo">

                      <form action="{{route('supplier_login_action')}}" method="post" class="flex flex-col  gap-4 items-center">
                          @csrf
                          <h1 class=" text-white text-xl font-bold "> Supplier Panel </h1>
                          <input type="text" placeholder="Username" name="username" required value="{{old('username')}}" class="bg-neutral-800 p-1 rounded text-white min-w-[250px] border border-neutral-800">
                          <input type="password"  placeholder="Password" name="password" required class="bg-neutral-800 p-1 rounded text-white min-w-[250px] border border-neutral-800">

                          <button type="submit" class="bg-green-400 w-[70px] rounded font-bold"> Login</button>
                      </form>
                  </div>

              </section>
          </div>
    </main>

@endsection