@extends('layouts.admin.focused')
@section('content')
<div class="d-flex flex-column justify-content-center h-100 ">
        <div class="mb-12">
          <h5 class="mb-2">Back in Control</h5>
          <p class="text-muted mb-0">Log in with the new password once it's set.</p>
        </div>
         <form class="" method="POST" action="{{ route('admin.reset_password.update') }}">
            <input type="hidden" name="timezone" value="" id="userTimezone">
            <input type="hidden" name="reset_token" value="{{ request()->token }}">
            @csrf
          <div class="mb-4">
            <div class="position-relative">
            <label class="label">{{ tr('new_password') }}</label>
              <input type="password" class="form-control" id="password"  name="password" placeholder="Enter your password" required>
              <button type="button" class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted toggle-password" id="toggle-password" data-target="password"><i class="ri-eye-off-line align-middle"></i></button>
            </div>
          </div>
          <div class="mb-10">
            <label class="label">{{ tr('confirm_password') }}</label>
            <div class="position-relative">
              <input type="password" class="form-control" id="password" name="password_confirmation" placeholder="Re-enter your password" required>
              <button type="button" class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted toggle-password" data-target="confirmPassword">
                <i class="ri-eye-off-line align-middle"></i>
              </button>
            </div>
          </div>
          <div class="text-center mb-5">
            <button type="submit" class="btn btn-primary w-100">{{ tr('reset_password') }}</button>
          </div>
        </form>
        <p class="text-center text-muted fs-14 my-6">Back to <a href="{{route('admin.signin')}}" class="link link-primary">{{ tr('back_to_login') }}?</a></p>
      </div>
@endsection