@extends('main')
@section('body')
    <div class="container my-0 my-md-5">
        <div class="row">
            <div class="col-12">
                <div class="mb-3">
                    <h3 class="mb-1 fw-bold">{!! __("universal.page.admin_reg_request.title") !!}</h3>
                    <p>{!!__("universal.page.admin_reg_request.text") !!}</p>
                </div>
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-12">
                <div class="border-bottom pb-1 mb-2">
                    <h5 class="mb-1"><i class="fa-solid fa-user-check icon-design-headline me-2"></i>{!! __("universal.page.admin_reg_request_activate_account.title") !!}</h5>
                </div>
                <p>
                    {{__("universal.page.admin_reg_request_activate_account.text")}}
                </p>
                <div class="row">
                    <div class="col-12 col-md-6">
                        <table class="table table-striped">
                            <tr>
                                <th>{{__("universal.registration")}}:</th>
                                <td>{{FormatDate($request->added)}}</td>
                            </tr>
                            <tr>
                                <th>{{__("universal.business_owner")}}:</th>
                                <td>{{$request->businessOwner}}</td>
                            </tr>
                            <tr>
                                <th>{{__("universal.company")}}:</th>
                                <td>{{$request->company}}</td>
                            </tr>
                            <tr>
                                <th>{{__("universal.vat_id")}}:</th>
                                <td>{{$request->vatId}}</td>
                            </tr>
                            <tr>
                                <th>{{__("universal.address_1")}}:</th>
                                <td>{{$request->address_1}}</td>
                            </tr>
                            <tr>
                                <th>{{__("universal.postal_code")}}:</th>
                                <td>{{$request->postalCode}}</td>
                            </tr>
                            <tr>
                                <th>{{__("universal.city")}}:</th>
                                <td>{{$request->city}}</td>
                            </tr>
                            <tr>
                                <th>{{__("universal.country")}}:</th>
                                <td>{{$request->country}}</td>
                            </tr>
                            <tr>
                                <th>{{__("universal.phone")}}:</th>
                                <td>{{$request->generalPhone}}</td>
                            </tr>
                            <tr>
                                <th>{{__("universal.email")}}:</th>
                                <td>{{$request->generalEmail}}</td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-12 col-md-6">
                        @component("components.cards.card", ["class" => "h-100"])
                            @slot("body")
                                <div class="row">
                                    <div class="col-12 pb-2">
                                        @component("components.selects.select", ["id" => "user_category", "label" => __("universal.user_category")])
                                            @slot("options")
                                                <option value="{{$request->categoryCode}}">{{$request->categoryName}}</option>
                                                @foreach($userCategories AS $category)
                                                    @if($category->code != $request->categoryCode)
                                                        <option value="{{$category->code ?? ""}}">{{$category->name ?? ""}}</option>
                                                    @endif
                                                @endforeach
                                            @endslot
                                        @endcomponent
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 pb-2">
                                        @component("components.inputs.input_info", ["id" => "customer_no", "label" => __("universal.customer_no"), "type" => "text", "placeholder" => __("universal.customer_no"), "dataTarget" => "modal_info_customer_no"])
                                        @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.cancel"),
                                            "url" => "/admin/registration-requests",
                                            "linkClass" => "btn btn-danger",
                                            "style" => "min-width: 14em;"
                                        ])
                                        @endcomponent
                                    </div>
                                    <div class="col-12 col-md-6 d-grid">
                                        @component("components.buttons.button", [
                                             "id" => "btn_activate_user_account",
                                             "title" => __("universal.button.activate_user_account"),
                                             "buttonClass" => "btn-success",
                                             "style" => "min-width: 14em;"
                                         ])
                                        @endcomponent
                                    </div>
                                </div>
                            @endslot
                        @endcomponent
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="border-bottom pb-1 mb-2">
                    <h5 class="mb-1"><i class="fa-solid fa-arrows-rotate icon-design-headline me-2"></i>{!! __("universal.page.admin_reg_request_sync.title") !!}</h5>
                </div>
                <p>
                    {{__("universal.page.admin_reg_request_sync.text_1")}}
                </p>
                <p class="text-danger">
                    {{__("universal.page.admin_reg_request_sync.text_2")}}
                </p>
                <div class="row">
                    <div class="col-12">
                        @component("components.inputs.input", ["id" => "customer_data_synchronization", "label" => __("universal.customer_no"), "type" => "text", "placeholder" => __("universal.customer_no")])
                        @endcomponent
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-3 mb-4">
            <div class="col-12 text-end">
                @component("components.links.link", [
                    "title" => __("universal.link.back"),
                    "url" => "/admin/registration-requests",
                    "linkClass" => "btn btn-back",
                    "style" => "min-width: 8em;"
                ])
                @endcomponent
                @component("components.buttons.button", [
                     "id" => "btn_customer_data_synchronization",
                     "title" => __("universal.button.synchronization"),
                     "buttonClass" => "btn-success",
                     "style" => "min-width: 8em;"
                 ])
                @endcomponent
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="border-bottom pb-1 mb-2">
                    <h5 class="mb-1"><i class="fa-solid fa-user-slash icon-design-headline me-2"></i>{!! __("universal.page.admin_reg_request_delete_request.title") !!}</h5>
                </div>
                <p>
                    {{__("universal.page.admin_reg_request_delete_request.text")}}
                </p>
                <div class="row">
                    <div class="col-12">

                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-3 mb-4">
            <div class="col-12 text-end">
                @component("components.links.link", [
                    "title" => __("universal.link.back"),
                    "url" => "/admin/registration-requests",
                    "linkClass" => "btn btn-back",
                    "style" => "min-width: 8em;"
                ])
                @endcomponent
                @component("components.buttons.button", [
                     "id" => "btn_delete_registration_request",
                     "title" => __("universal.button.delete"),
                     "buttonClass" => "btn-danger",
                     "style" => "min-width: 8em;"
                 ])
                @endcomponent
            </div>
        </div>
    </div>
    @component("components.modals.modal", ["id" => "modal_info_customer_no", "modalTitle" => __("universal.info.registration_request_customer_no.title")])
        @slot("modalBody")
            {!! __("universal.info.registration_request_customer_no.text") !!}
        @endSlot
    @endcomponent
    @component("components.modals.modal", ["id" => "modal_confirmation_del_reg_request", "modalTitle" => __("universal.modal.confirmation_del_reg_request.title")])
        @slot("modalBody")
            {{__("universal.modal.confirmation_del_reg_request.text")}}
        @endslot
        @slot("modalFooter")
            <button type="button" class="btn btn-secondary" style="min-width: 8em;" data-bs-dismiss="modal">{{__("universal.button.cancel")}}</button>
            <button id="btn_confirmation_del_reg_request" type="button" class="btn btn-success" style="min-width: 8em;" value="">{{__("universal.button.yes")}}</button>
        @endslot
    @endcomponent
    @component("components.modals.modal", ["id" => "modal_confirmation_cust_data_sync", "modalTitle" => __("universal.modal.confirmation_cust_data_sync.title")])
        @slot("modalBody")
            {{__("universal.modal.confirmation_cust_data_sync.text")}}
        @endslot
        @slot("modalFooter")
            <button type="button" class="btn btn-secondary" style="min-width: 8em;" data-bs-dismiss="modal">{{__("universal.button.cancel")}}</button>
            <button id="btn_confirmation_cust_data_sync" type="button" class="btn btn-success" style="min-width: 8em;" value="">{{__("universal.button.yes")}}</button>
        @endslot
    @endcomponent
@endsection