{{-- 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">
        @if($message = Session::get('success'))
          <div class="card-alert card green lighten-5">
            <div class="card-content green-text">
              <p>{{$message}}</p>
            </div>
            <button type="button" class="close green-text" data-dismiss="alert" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
          </div>
        @endif
        @if($message = Session::get('error'))
            <div class="card-alert card red lighten-5">
                <div class="card-content red-text">
                  {{$message}}
                </div>
                <button type="button" class="close red-text" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">×</span>
                </button>
          </div>
        @endif

        <!-- Session Status -->
        <span class="mb-4 green-text ml-10 mt-12">{{session('status')}}</span>
        <!-- Validation Errors -->
        
        <form class="login-form" id="adminforgotForm" method="post" action="{{ route('password.email') }}">
          @csrf
      <div class="row">
        <div class="input-field col s12">
          <h5 class="ml-4">Forgot Password</h5>
          <p class="ml-4">You can reset your password</p>
        </div>
      </div>
      <div class="row">
        <div class="input-field col s12">
          <i class="material-icons prefix pt-2">person_outline</i>
          <input id="email" type="email" name="email">
          <label for="email" class="center-align">Email</label>
          @error('email')
          <span class="red-text ml-10 mt-12" role="alert">
              {{ $message }}
          </span>
          @enderror
        </div>
      </div>
      <div class="row">
        <div class="input-field col s12">
          <button class="btn waves-effect waves-light border-round gradient-45deg-purple-deep-orange col s12 mb-1">Reset
            Password</button>
        </div>
      </div>
      <div class="row">
        <div class="input-field col s6 m6 l6">
          <p class="margin medium-small"><a href="{{route('login')}}">Login</a></p>
        </div>
        
      </div>
    </form>
    </div>
</div>
@endsection

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