@extends('main')
@section('body')
    <div id="sub_content">
        <div class="container my-0 my-md-5">
            <div class="row justify-content-center align-items-center">
                <div class="col-12 col-md-4 d-none d-lg-block">
                    <i class="fa-solid fa-person-circle-question fa-10x text-ingram-blue"></i>
                </div>
                <div class="col-12 col-md-5">
                    <div class="mb-3">
                        <h3 class="mb-1 fw-bold">{!! __(GetAppText("page.ext_user_forgot_username_index.title")) !!}</h3>
                        <p>{!! __(GetAppText("page.ext_user_forgot_username_index.text")) !!}</p>
                    </div>
                    <div class="row">
                        <div class="col-12 pb-2">
                            @component("components.inputs.input", ["id" => "email", "label" => __("universal.email"), "placeholder" => __("universal.email"), "mandatory" => true])
                            @endcomponent
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 pb-2">
                            @component("components.inputs.input", ["id" => "postal_code", "label" => __("universal.postal_code"), "placeholder" => __("universal.postal_code"), "mandatory" => true])
                            @endcomponent
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-12 col-md-6 d-grid mb-1 mb-md-0">
                            @component("components.links.link", [
                                "id" => "lnk_register_user",
                                "title" => __("universal.link.back"),
                                "url" => session("url.loginPage"),
                                "linkClass" => "btn btn-danger"
                            ])
                            @endcomponent
                        </div>
                        <div class="col-12 col-md-6 d-grid">
                            @component("components.buttons.button", [
                                 "id" => "btn_send_mail",
                                 "title" => __("universal.button.next")
                             ])
                            @endcomponent
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection