@extends('dashboard.layouts.app', ['pageTitle' => $pageTitle])

@section('content')
    <div class="container">
        <h4 class="fw-bold py-3 mb-4"><a href="{{route('dashboard.home')}}" class="text-muted fw-light"> {{ trans('app.dashboard') }} /</a> {{$pageTitle}}</h4>
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">{{ $pageTitle }}</div>

                    <div class="card-body">
                        <form method="POST" action="{{ route('dashboard.password.update') }}">
                            @csrf
                            <div class="row mb-3">
                                <label for="password_oldd" class="col-md-4 col-form-label">{{ trans('app.old_password') }}</label>
                                <input id="password_old" name="password_old" type="password" required autocomplete="password_old"
                                       class="form-control  @error('password_old') is-invalid @enderror">
                                @error('password_old')
                                <span class="text-danger">
                                    {{ $message }}
                                </span>
                                @enderror
                            </div>

                            <div class="row mb-3">
                                <label for="password_new" class="form-label">{{ trans('app.new_password') }}</label>
                                <input id="password_new" name="password_new" type="password" required autocomplete="password_new"
                                       class="form-control @error('password_new') is-invalid @enderror">
                                @error('password_new')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div
                                class="row                                                                                                                                                                         mb-3">
                                <label for="password_confirmation" class="form-label">{{ trans('app.confirm_password') }}</label>
                                <input id="password_confirmation" name="password_new_confirmation" type="password" required
                                 autocomplete="password_confirmation" class="form-control">
                            </div>

                            <div class="row mb-0">
                                <button type="submit" class="btn btn-primary">
                                    {{ trans('app.update') }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection