@extends('layout')
@section('title', 'Reset Password')
@section('content')
<nav aria-label="breadcrumb" class="mt-2">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/account">{{ __('text.dashboard') }}</a></li>
    <li class="breadcrumb-item active" aria-current="page"> {{ __('text.change') }} {{ __('text.password') }}</li>
  </ol>
</nav>
  <div class="container">
    @if (session()->has('success'))
    <div class="alert alert-success alert-dismissible fade show mb-2" role="alert">
        <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.success') }} !</strong> {{ session()->get('success') }}.
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    @endif

    @if (session()->has('error'))
    <div class="alert alert-danger alert-dismissible fade show mb-2" role="alert">
        <i class="fa fa-exclamation-circle me-2"></i><strong>{{ __('text.error') }} !</strong> {{ session()->get('error') }}.
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    @endif
    <h2 class="mt-5">{{ __('text.password') }} {{ __('text.reset') }}</h2>
    <form action="{{ route('customer_reset_password') }}" method="post" class="mt-4">
        @csrf
        <div class="mb-3">
            <label for="old_password" class="form-label">{{ __('text.old') }} {{ __('text.password') }}:</label>
            <input type="password" class="form-control" id="old_password" name="old_password" value="{{ old('old_password') }}">
            @error('old_password')
            <p class="text-danger">{{ $message }}</p>
            @enderror
        </div>

        <div class="mb-3">
            <label for="new_password" class="form-label">{{ __('text.new') }} {{ __('text.password') }}:</label>
            <input type="password" class="form-control" id="new_password" name="new_password" value="{{ old('new_password') }}">
            @error('new_password')
            <p class="text-danger">{{ $message }}</p>
            @enderror
        </div>

        <div class="mb-3">
            <label for="confirm_password" class="form-label">{{ __('text.confirme') }} {{ __('text.password') }}:</label>
            <input type="password" class="form-control" id="confirm_password" name="confirm_password" value="{{ old('confirm_password') }}">
            @error('confirm_password')
            <p class="text-danger">{{ $message }}</p>
            @enderror
        </div>

        <button type="submit" class="btn btn-primary">{{ __('text.reset') }} {{ __('text.password') }}</button>
    </form>
</div>

@endsection