@extends('layouts.app')

@section('title', __('password_recovery.page_title'))
@section('meta_description', __('password_recovery.meta_description'))

@section('content')
    <section class="tb-forgot-password py-5">
        <div class="container">
            <div class="tb-forgot-password__wrap">
                <div class="tb-forgot-password__card card shadow-sm border-0">
                    <div class="card-body p-4 p-md-5">
                        <h1 class="tb-page-title h4 mb-2">{{ __('password_recovery.heading') }}</h1>
                        <p class="text-muted mb-4">
                            {{ __('password_recovery.intro') }}
                        </p>

                        <form method="POST" action="{{ route('esqueci-senha.submit', [], false) }}" class="tb-forgot-password__form">
                            @csrf

                            <div class="mb-3">
                                <label for="cpfCnpj" class="form-label">{{ __('password_recovery.label_document') }}</label>
                                <input
                                    type="text"
                                    class="form-control @error('cpf_cnpj') is-invalid @enderror @error('document') is-invalid @enderror"
                                    id="cpfCnpj"
                                    name="cpf_cnpj"
                                    value="{{ old('cpf_cnpj') }}"
                                    placeholder="{{ __('password_recovery.placeholder_document') }}"
                                    autocomplete="username"
                                    required
                                    aria-required="true"
                                >
                                @error('cpf_cnpj')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                @error('document')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="mb-4">
                                <label for="email" class="form-label">{{ __('password_recovery.label_email') }}</label>
                                <input
                                    type="email"
                                    class="form-control @error('email') is-invalid @enderror"
                                    id="email"
                                    name="email"
                                    value="{{ old('email') }}"
                                    placeholder="{{ __('password_recovery.placeholder_email') }}"
                                    autocomplete="email"
                                    required
                                    aria-required="true"
                                >
                                @error('email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="d-grid gap-2">
                                <button type="submit" class="btn btn-primary">
                                    {{ __('password_recovery.submit_send') }}
                                </button>
                                <a href="{{ route('entrar') }}" class="btn btn-outline-secondary">
                                    {{ __('password_recovery.back_login') }}
                                </a>
                            </div>
                        </form>

                        @if (! empty($contaAngraForgotUrl))
                            <p class="small text-muted border-top pt-3 mt-4 mb-0">
                                {{ __('password_recovery.portal_link_intro') }}
                                <a href="{{ $contaAngraForgotUrl }}" target="_blank" rel="noopener noreferrer">{{ __('password_recovery.portal_link_label') }}</a>
                            </p>
                        @endif

                        <p class="small text-muted mt-3 mb-0">
                            <a href="{{ route('password.reset') }}">{{ __('password_recovery.link_to_reset_form') }}</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection