@extends('layouts.auth-app')
@section('title', 'Reset Password')


@section('content')
    <form class="login100-form validate-form mojere-login reset-password" method="POST"
        action="{{ route('admin.password-reset.update') }}">
        @csrf
        <input type="hidden" name="token" value="{{ $token }}">

        <div class="brand-head">
            <div class="brand-logo">
                <img src="{{ asset('assets/img/Mojere Logo1.jpg') }}" alt="Mojere">
            </div>
            <div class="brand-name">Mojere</div>
        </div>

        <span class="login100-form-title p-b-10">
            {{ __('Set new password') }}
        </span>
        <p class="login-subtitle">Your new password must be different from<br>previously used passwords</p>

        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="field">
            <label class="field-label">Password</label>
            <div class="wrap-input100">
                <input id="password" type="password"
                    class="input100 @error('password') is-invalid @enderror" name="password"
                    required autocomplete="new-password" placeholder="********">
                <span class="focus-input100"></span>
            </div>
            <small class="field-hint">Must be at least 8 characters</small>
            @error('password')
                <span class="invalid-feedback d-block" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        <div class="field">
            <label class="field-label">Confirm password</label>
            <div class="wrap-input100">
                <input id="password_confirmation" type="password"
                    class="input100 @error('password_confirmation') is-invalid @enderror"
                    name="password_confirmation" required autocomplete="new-password" placeholder="********">
                <span class="focus-input100"></span>
            </div>
            @error('password_confirmation')
                <span class="invalid-feedback d-block" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        <div class="container-login100-form-btn">
            <button type="submit" class="login100-form-btn">
                {{ __('Reset password') }}
            </button>
        </div>

        <div class="back-link-wrap">
            <a href="{{ route('admin.login') }}" class="back-link">
                <i class="fa fa-arrow-left"></i> Back to sign in
            </a>
        </div>
    </form>
@endsection