{{-- Form Modal --}}
<div id="advanced_form_modal" role="dialog" tabindex="-1"
    aria-hidden="true" class="modal fade"
>
    <div class="modal-dialog modal-xl">
        <div class="p-0 modal-content">
            <div class="modal-body special-modal-body">

                {{-- Header --}}
                <section class="modal-header">
                    <h3 class="pt-1">
                        {{ __('neutral_words')['new'] }} {{ __('entities')['hotel']['reservation'] }}
                    </h3>

                    <button
                        type="button"
                        onclick="console.log('')"
                        class="mt-1 ml-3 btn btn-outline-harsi adjusted-elements-height"
                    >
                        <i class="fa fa-unlink"></i>
                    </button>

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">
                            <img src="{{ asset('icons/close_modal.svg') }}" alt="">
                        </span>
                    </button>
                </section>

                {{-- Nav tabs --}}
                    {{-- Tabs --}}
                    <ul class="pl-3 nav nav-tabs" id="advanced_tab_content">
                        <li class="nav-item active">
                            <a id="reservation_advanced_data_tab" class="nav-link sanserif active" href="#advanced_reservation" data-toggle="tab">
                                {{ __('entity_forms')['reservation']['sections']['basic_data'] }}
                            </a>
                        </li>
                        &nbsp;&nbsp;
                        <li id="lodging_advanced_control_tab">
                            <a class="nav-link sanserif advanced-lodging" href="#advanced_lodging" data-toggle="tab">
                                {{ __('entity_forms')['reservation']['sections']['lodging'] }}
                            </a>
                        </li>
                        &nbsp;&nbsp;
                        <li>
                            <a class="nav-link sanserif advanced-consume" href="#advanced_consumption" data-toggle="tab">
                                {{ __('entity_forms')['reservation']['sections']['consumption'] }}
                            </a>
                        </li>
                        &nbsp;&nbsp;
                        <li>
                            <a class="nav-link sanserif advanced-extras" href="#advanced_extras" data-toggle="tab">
                                {{ __('entity_forms')['reservation']['sections']['extras'] }}
                            </a>
                        </li>
                    </ul>

                    {{--Contenido--}}
                    <section class="tab-content">
                        {{-- Reserva simple --}}
                        <div class="tab-pane fade show active" id="advanced_reservation">
                            @include('shared.utils.reservation-form.complex.reservation')
                        </div>

                        {{-- Hospedaje --}}
                        <div class="tab-pane fade" id="advanced_lodging">
                            @include('shared.utils.reservation-form.complex.lodging')
                        </div>

                        {{-- Consumo --}}
                        <div class="tab-pane fade" id="advanced_consumption">
                            @include('shared.utils.reservation-form.complex.consumption')
                        </div>

                        {{-- Extra --}}
                        <div class="tab-pane fade" id="advanced_extras">
                            @include('shared.utils.reservation-form.complex.extra')
                        </div>
                    </section>

            </div>
        </div>
    </div>
</div>
