{{-- layout --}}
@extends('admin.layouts.loginLayoutMaster')

{{-- page title --}}
@section('title','Admin Login')

{{-- page style --}}
@section('pagelevelcss')
<link rel="stylesheet" type="text/css" href="{{asset('backend/css/login.css')}}">
@endsection

{{-- page content --}}
@section('content')
<div id="login-page" class="row">
    <div class="col s12 m6 l4 z-depth-4 card-panel border-radius-6 login-card bg-opacity-8">
        <span class="mb-4 green-text ml-10 mt-12">{{session('status')}}</span>
        <div class="red-text ml-10">{{ session('error') }}</div>
        <form class="login-form backend-validation" method="POST" action="{{ route('login') }}" id="backendLoginForm">
            @csrf            
            <input type="hidden" name="admin_login" id="admin_login" value="1">
            <div class="row">
                <div class="input-field col s12">
                    <h5 class="ml-4">{{ __('Sign in') }}</h5>
                </div>
            </div>
            <div class="row margin">
                <div class="input-field col s12">
                    <i class="material-icons prefix pt-2">person_outline</i>
                    <input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" autofocus>
                    <label for="email" class="center-align">{{ __('Username') }}</label>
                    @error('email')
                    <span class="red-text ml-10 mt-12" role="alert">
                        {{ $message }}
                    </span>
                    @enderror
                </div>
            </div>
            <div class="row margin">
                <div class="input-field col s12">
                    <i class="material-icons prefix pt-2">lock_outline</i>
                    <input id="password" class="block mt-1 w-full" type="password" name="password" autocomplete="current-password">
                    <label for="password">{{ __('Password') }}</label>
                    @error('password')
                    <small class="red-text ml-10" role="alert">
                        {{ $message }}
                    </small>
                    @enderror
                </div>
            </div>
            <div class="row">
                <div class="input-field col s12">
                    <button type="submit"
                        class="btn waves-effect waves-light border-round gradient-45deg-purple-deep-orange col s12">Login
                    </button>
                </div>
            </div>
             <div class="row">
        <div class="input-field col s6 m6 l6">
          {{--
          <p class="margin medium-small"><a href="user-register.html">Register Now!</a></p>
          --}}
        </div>
        <div class="input-field col s6 m6 l6">
          <p class="margin right-align medium-small"><a href="{{ route('password.request') }}">Forgot password ?</a></p>
        </div>
      </div>
            
        </form>
    </div>
</div>
@endsection

{{-- page js --}}
@section('pageleveljs')
@endsection