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

{{-- page title --}}
@section('title','Create Password')

{{-- page style --}}
@section('pagelevelcss')
<link rel="stylesheet" type="text/css" href="{{asset('backend/css/login.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('backend/css/page-account-settings.min.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">
    <form class="login-form admin-validation" method="POST" action="{{ route('password.update') }}" id="staffPasswordCreate">
      @csrf
      <input type="hidden" name="token" value="{{ $request->route('token') }}">

      <div class="row">
        <div class="input-field col s12">
          <h5 class="ml-4">Reset Password</h5>
        </div>
      </div>
      <div class="row margin" style="display:none;">
        <div class="input-field col s12">
          <i class="material-icons prefix pt-2">person_outline</i>
          <x-input id="email" class="block mt-1 w-full" type="hidden" name="email" :value="old('email', $request->email)" autofocus />
          <label for="email" class="center-align">Username</label>
          @error('email')
          <small class="red-text ml-10" role="alert">
            {{ $message }}
          </small>
          @enderror
        </div>
      </div>
      <div class="row margin">
        <div class="input-field col s12">
          <i class="material-icons prefix pt-2">lock_outline</i>
          <x-input id="password" class="block mt-1 w-full" type="password" name="password" />
          <label for="password">Password</label>
          @error('password')
          <small class="red-text ml-9" role="alert">
            {{ $message }}
          </small>
          @enderror
        </div>
      </div>
      <div class="row margin">
        <div class="input-field col s12">
          <i class="material-icons prefix pt-2">lock_outline</i>
          <x-input id="password_confirmation" class="block mt-1 w-full"
                                    type="password"
                                    name="password_confirmation" />
          <label for="password_confirmation">Password Confirm</label>
        </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">Update</button>
        </div>
      </div>
    </form>
  </div>
</div>
@endsection

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