@extends(backpack_view('layouts.plain'))

@section('content')
    {{-- CHANGE PASSWORD FORM --}}
    <div class="d-flex flex-column justify-content-center">
        <h1 class="text-center mb-4">
            Initialisation du mot de passe
        </h1>
        <div class="">
            <form class="form" action="{{ route('update.password') }}" method="post">
                @csrf

                <div class="card padding-10 reset-form">
                <div class="card-header">
                    Créez votre mot de passe ci-dessous
                </div>

                    <div class="card-body backpack-profile-form bold-labels">
                        <div class="">

                            <div class="form-group">
                                @php
                                    $label = "Mot de passe";
                                    $field = 'new_password';
                                @endphp
                                <label class="required">{{ $label }}</label>
                                <x-forms.input-password autocomplete="new-password" required class="form-control" type="password"
                                       name="password" id="{{ $field }}" value=""/>
                            </div>
                            <div class="form-group">
                                @php
                                    $label = trans('backpack::base.confirm_password');
                                    $field = 'confirm_password';
                                @endphp
                                <label class="required">{{ $label }}</label>
                                <x-forms.input-password autocomplete="new-password" required class="form-control" type="password"
                                       name="password_confirmation" id="{{ $field }}" value=""/>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">{{ trans('backpack::base.change_password') }}</button>
                    </div>
                </div>

            </form>
        </div>
    </div>
@endsection