@php
    use App\Enums\LinkType;
    use App\Enums\MultiLangMode;
    use App\Enums\LanguageSetting;
    use App\Enums\OptionManagementHeader;
    use App\Enums\LinkDestinationType;
    use App\Enums\RoomDetailPage;
    use App\Enums\Boolean;
    use App\Enums\ReservationEngine;
    use App\Enums\HeaderType;
    use App\Enums\ElementTarget;
    $airports = config('airport');
    $postGroupsArray = $project->postGroups->keyBy('id');
    $optionManagementsArray = $project->optionManagements->keyBy('id');
@endphp
<div class="flex-header">
    <div class="header-content">
        <div class="header-left">
            <button class="hamburger-menu flex flex-col items-center justify-center" onclick="showMenu()"><span
                    class="flex flex-col items-center"><span class="bg-black"></span><span class="bg-black"></span><span
                        class="bg-black"></span></span><span class="text-menu">MENU</span></button>
            <div class="menu-left custom-transition">
                <ul class="flex items-center">
                    @if (!empty($basic['additional_link_display_text4']))
                        <li class="menu-item custom-transition">
                            <a href="{!! fieldPropertyValue('additional_link_url4', $basic) !!}">
                                {!! setTextDefault(textLocale('additional_link_display_text4', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if (!empty($basic['additional_link_display_text5']))
                        <li class="menu-item custom-transition">
                            <a href="{!! fieldPropertyValue('additional_link_url5', $basic) !!}">
                                {!! setTextDefault(textLocale('additional_link_display_text5', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                </ul>
            </div>
        </div>
        <div class="header-center">
            <div class="relative header-logo">
                <a href="{{ setUrl($project->id, $domainPublish ?? false, $lang) }}">
                    <img class="custom-transition entered lazyloaded"
                        src="{{ setImagePreview(fieldPropertyValue('logo', $basic)) }}">
                    <noscript></noscript>
                </a>
            </div>
        </div>
        <div class="header-right flex items-center justify-end">
            @if ($project->multi_lang_mode)
                <div class="translation">
                    <ul>
                        <li>
                            <a class="translation-toggle">
                                <span>{{ MultiLangMode::getText($lang) }}</span>
                            </a>
                            <ul class="translation-submenu">
                                @if ($lang != MultiLangMode::DEFAULT)
                                    <li>
                                        <a href="javascript:;" onclick="changLanguage({{ MultiLangMode::DEFAULT }})">
                                            <span>{!! MultiLangMode::getText(MultiLangMode::DEFAULT) !!}</span>
                                        </a>
                                    </li>
                                @endif
                                @foreach ($project->multi_lang_mode as $langMode)
                                    @if ($lang != $langMode)
                                        <li>
                                            <a href="javascript:;" onclick="changLanguage({{ $langMode }})">
                                                <span>{!! MultiLangMode::getText($langMode) !!}</span>
                                            </a>
                                        </li>
                                    @endif
                                @endforeach
                            </ul>
                        </li>
                    </ul>
                </div>
            @endif
            <div class="top-right">
                <ul class="menu-top-right flex items-center justify-end">
                    <li class="menu-item">
                        <button class="button" onclick="openFormSearch('#headerBookingRestaurant')"
                            data-i18n="btn_search_restaurant"></button>
                    </li>
                    <li class="menu-item">
                        <button class="button"
                            onclick="openFormSearch('#headerBookingRoom')">{!! setTextDefault(textLocale('cv_text1', $basic, $lang)) !!}</button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="primary-menu custom-transition">
    <div class="mega-menu">
        <div class="mega-menu-wrap-primary">
            <div class="mega-menu-toggle">
                <button onclick="closeMenu()">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="close">
                        <path
                            d="M13.41,12l6.3-6.29a1,1,0,1,0-1.42-1.42L12,10.59,5.71,4.29A1,1,0,0,0,4.29,5.71L10.59,12l-6.3,6.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L12,13.41l6.29,6.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z">
                        </path>
                    </svg>
                </button>
            </div>
        </div>
        <ul class="mega-menu-primary">
            @foreach ($project->header_positions as $headerPosition)
                @php
                    [$target, $type] = explode('_', $headerPosition);
                    $postGroup = $postGroupsArray->get($target, []);
                    $optionManagement = $optionManagementsArray->get($target, []);
                @endphp

                @if ($type == HeaderType::DEFAULT)
                    @if ($target == ElementTarget::TOP)
                        <li class="mega-menu-item">
                            <a class="mega-menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang) !!}">
                                {!! setTextDefault(textLocale('top_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if ($project->show_room && $target == ElementTarget::ROOM_LIST)
                        <li class="mega-menu-item">
                            <a class="mega-menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->room_url) !!}">
                                {!! setTextDefault(textLocale('room_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if ($project->show_food_list && $target == ElementTarget::DISHS)
                        <li class="mega-menu-item">
                            <a class="mega-menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->food_list_url) !!}">
                                {!! setTextDefault(textLocale('cooking_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if ($target == ElementTarget::BANQUET)
                        <li class="mega-menu-item">
                            <a class="mega-menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->banquet_url) !!}" data-i18n="banquet.name">
                            </a>
                        </li>
                    @endif
                    @if ($project->show_facility && $target == ElementTarget::OTHER_FACILITIES)
                        <li class="mega-menu-item">
                            <a class="mega-menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->facility_url) !!}">
                                {!! setTextDefault(textLocale('facility_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if ($project->show_sightseeing && $target == ElementTarget::SIGHTSEEING_AROUND)
                        <li class="mega-menu-item">
                            <a class="mega-menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->sightseeing_url) !!}">
                                {!! setTextDefault(textLocale('sightseeing_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if ($project->show_news && $target == ElementTarget::NOTICE)
                        <li class="mega-menu-item">
                            <a class="mega-menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->news_url) !!}" data-i18n="news_display_text">
                            </a>
                        </li>
                    @endif
                    @if ($project->show_access && $target == ElementTarget::ACCESS)
                        <li class="mega-menu-item">
                            <a class="mega-menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->access_url) !!}">
                                {!! setTextDefault(textLocale('access_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if ($project->show_plan && $target == ElementTarget::PLAN_LIST)
                        <li class="mega-menu-item">
                            <a class="mega-menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->plan_url) !!}">
                                {!! setTextDefault(textLocale('plan_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                @endif

                @if ($type == HeaderType::ADD && !in_array($target, [4, 5]) && !empty($basic['additional_link_display_text' . $target]))
                    <li class="mega-menu-item">
                        <a class="mega-menu-link" href="{!! fieldPropertyValue('additional_link_url' . $target, $basic) !!}">
                            {!! setTextDefault(textLocale('additional_link_display_text' . $target, $basic, $lang)) !!}
                        </a>
                    </li>
                @endif

                @if (
                    $type == HeaderType::OPTIONAL &&
                        $optionManagement &&
                        fieldPropertyValue('is_header', $optionManagement) == OptionManagementHeader::ADD &&
                        fieldPropertyValue('is_publish', $optionManagement) == 1)
                    <li class="mega-menu-item">
                        @if (fieldPropertyValue('is_page', $optionManagement) == 1 &&
                                !empty($project[LinkDestinationType::getLinkProject(fieldPropertyValue('target_page', $optionManagement))]))
                            <a class="mega-menu-link" href="{!! setUrl(
                                $project->id,
                                $domainPublish ?? false,
                                $lang,
                                $project[LinkDestinationType::getLinkProject(fieldPropertyValue('target_page', $optionManagement))] .
                                    '/' .
                                    fieldPropertyValue('url', $optionManagement),
                            ) !!}">
                                {!! setTextDefault(textLocale('page_name', $optionManagement, $lang)) !!}
                            </a>
                        @else
                            <a class="mega-menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, fieldPropertyValue('url', $optionManagement)) !!}">
                                {!! setTextDefault(textLocale('page_name', $optionManagement, $lang)) !!}
                            </a>
                        @endif
                    </li>
                @endif

                @if (
                    $type == HeaderType::POST &&
                        $postGroup &&
                        fieldPropertyValue('is_header', $postGroup) == OptionManagementHeader::ADD)
                    <li class="mega-menu-item">
                        <a class="mega-menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, fieldPropertyValue('url', $postGroup)) !!}">
                            {!! setTextDefault(textLocale('post_name', $postGroup, $lang)) !!}
                        </a>
                    </li>
                @endif
            @endforeach
        </ul>
    </div>
    <div class="menu-mobile">
        <ul class="menu-secondary-menu-mobile">
            @if (!empty($basic['additional_link_display_text4']))
                <li class="menu-item">
                    <a href="{!! fieldPropertyValue('additional_link_url4', $basic) !!}">
                        {!! setTextDefault(textLocale('additional_link_display_text4', $basic, $lang)) !!}
                    </a>
                </li>
            @endif
            @if (!empty($basic['additional_link_display_text5']))
                <li class="menu-item">
                    <a href="{!! fieldPropertyValue('additional_link_url5', $basic) !!}">
                        {!! setTextDefault(textLocale('additional_link_display_text5', $basic, $lang)) !!}
                    </a>
                </li>
            @endif
            <li class="menu-item">
                <button class="button" onclick="openFormSearch('#headerBookingRoom')">
                    {!! setTextDefault(textLocale('cv_text1', $basic, $lang)) !!}
                </button>
            </li>
        </ul>
    </div>
</div>
<div class="form-search custom-transition absolute" id="headerBookingRestaurant">
    <div class="absolute btn-close-modal">
        <button onclick="closeFormSearch()">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="close">
                <path
                    d="M13.41,12l6.3-6.29a1,1,0,1,0-1.42-1.42L12,10.59,5.71,4.29A1,1,0,0,0,4.29,5.71L10.59,12l-6.3,6.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L12,13.41l6.29,6.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z">
                </path>
            </svg>
        </button>
    </div>
    <div class="relative form-search-content">
        <div class="relative">
            <div class="flex items-center form-search-heading">
                <div class="flex-auto">
                    <div class="heading-line"></div>
                </div>
                <div class="text">TABLE RESERVATION</div>
                <div class="flex-auto">
                    <div class="heading-line"></div>
                </div>
            </div>
            <form class="flex justify-center items-center" id="form-search-restaurant" style="align-items: unset">
                <div class="form-group">
                    <div class="flex flex-col input-form">
                        <label for="restaurant-form" data-i18n="search_modal.restaurant"></label>
                        <div class="restaurant-form__input">
                            <select class="input-form-booking" name="shop_id" readonly="">
                                <option value="" data-i18n="search_modal.restaurant"></option>
                                @if (!empty($restaurantInformations))
                                    @foreach ($restaurantInformations as $restaurant)
                                        @if (fieldPropertyValue('shop_id', $restaurant))
                                            <option value="{{ fieldPropertyValue('shop_id', $restaurant) }}"
                                                class="pc">
                                                {{ textLocale('name', $restaurant, $lang) }}
                                            </option>
                                            <option value="{{ fieldPropertyValue('shop_id', $restaurant) }}"
                                                class="sp">
                                                {{ textLocale('name_sp', $restaurant, $lang) }}
                                            </option>
                                        @endif
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="flex flex-col input-form">
                        <label for="datepicker" data-i18n="search_modal.date_restaurant"></label>
                        <div class="floating-booking-date__input">
                            <input class="input-form-booking" type="text" id="datepicker"
                                style="text-align: center" name="dates">
                        </div>
                    </div>
                    <div class="flex flex-col input-form">
                        <label for="start_time" data-i18n="search_modal.time_restaurant"></label>
                        <div class="restaurant-form__input">
                            <select class="input-form-booking" name="start_time" id="restaurantBookingTime">
                                <option value="" data-i18n="search_modal.placeholder_time_restaurant">
                                </option>
                                @for ($i = 0; $i <= 84600; $i += 1800)
                                    <option value="{{ $i }}">{{ gmdate('H:i', $i) }}</option>
                                @endfor
                            </select>
                        </div>
                    </div>
                    <div class="flex flex-col input-form">
                        <label for="num-people" data-i18n="search_modal.people_restaurant"></label>
                        <div class="restaurant-form__input">
                            <select class="input-form-booking" name="num_people">
                                <option value="" data-i18n="search_modal.placeholder_people_restaurant">
                                </option>
                                @for ($i = 1; $i <= 20; $i++)
                                    <option value="{{ $i }}">{{ $i }}</option>
                                @endfor
                            </select>
                        </div>
                    </div>
                </div>
                <button class="btn-search" type="submit" data-i18n="search_modal.search_btn"></button>
            </form>
        </div>
    </div>
</div>
<div class="relative form-search custom-transition" id="headerBookingRoom">
    <div class="absolute btn-close-modal">
        <button onclick="closeFormSearch()">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="close">
                <path
                    d="M13.41,12l6.3-6.29a1,1,0,1,0-1.42-1.42L12,10.59,5.71,4.29A1,1,0,0,0,4.29,5.71L10.59,12l-6.3,6.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L12,13.41l6.29,6.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z">
                </path>
            </svg>
        </button>
    </div>
    @if (fieldPropertyValue('is_air_ticket', $basic) == Boolean::TRUE &&
            fieldPropertyValue('reservation_engine', $basic) == ReservationEngine::SYS &&
            $lang == MultiLangMode::DEFAULT)
        <div class="group-link__box">
            <button class="btn-toggle active-btn__link" data-form="room">
                <span>
                    <img src="https://anaicbeppu.com/wp-content/themes/twentytwenty-child/images/booking_icon_01.svg"
                        alt="">
                </span>
                <p>
                    {!! setTextDefault(textLocale('cv_text1', $basic, $lang)) !!}
                </p>
            </button>
            <button class="btn-toggle airline-btn" data-form="ticket"><span> <img
                        src="https://anaicbeppu.com/wp-content/themes/twentytwenty-child/images/booking_icon_01.svg"
                        alt="">+ </span><span><img
                        src="https://anaicbeppu.com/wp-content/themes/twentytwenty-child/images/booking_icon_02.svg"
                        alt=""></span>
                <p data-i18n="search_modal.flight_ticket_accommodation"></p>
            </button>
        </div>
    @endif
    <div class="relative form-search-content" data-form="room" id="formBookingRoom"
        type-search="{!! fieldPropertyValue('reservation_engine', $basic) !!}" data-hotel="{!! setTextDefault($basic['hotel_id'] ?? null, 0000000002) !!}"
        data-hotel-domain="{!! setTextDefault($basic['hotel_domain'] ?? null) !!}" data-ihg-hotel-id="{!! setTextDefault($basic['ihg_hotel_id'] ?? null) !!}"
        data-ihg-other-parameters="{!! setTextDefault($basic['ihg_other_parameters'] ?? null) !!}" data-route-search="{{ routeSearch($lang, $project->id) }}">
        <div class="relative">
            <div class="flex items-center form-search-heading">
                <div class="flex-auto">
                    <div class="heading-line"></div>
                </div>
                <div class="text">ROOM RESERVATION</div>
                <div class="flex-auto">
                    <div class="heading-line"></div>
                </div>
            </div>
            <div class="flex items-center justify-center">
                <div class="form-group">
                    <div class="flex group-sp">
                        <div class="flex flex-col input-form">
                            <label for="" data-i18n="search_modal.check_in"></label>
                            <div class="floating-booking-date__input">
                                <input class="input-form-booking date-check-in text-center" type="text"
                                    id="datepicker" name="dates" onchange="handleChangeDateCheckIn(this)">
                            </div>
                        </div>
                        <div class="flex flex-col input-form">
                            <label for="" data-i18n="search_modal.check_out"></label>
                            <div class="floating-booking-date__input">
                                <input class="input-form-booking date-check-out text-center" type="text"
                                    id="datepicker" name="dates" onchange="handleChangeDateCheckOut(this)">
                            </div>
                        </div>
                    </div>
                    <div class="flex group-sp">
                        @if (showSearchPeople(fieldPropertyValue('reservation_engine', $basic)))
                            <div class="flex flex-col input-form">
                                <label for="" data-i18n="search_modal.people"></label>
                                <div class="floating-booking-date__input">
                                    <div class="custom-input-number">
                                        <button class="minus">-</button>
                                        <input type="number" name="adults" id="numberOfAdults" value="1"
                                            min="1" max="{{ $basic['max_people'] ?? 10 }}" disabled>
                                        <button class="plus">+</button>
                                    </div>
                                </div>
                            </div>
                        @endif
                        @if (showSearchRoom(fieldPropertyValue('reservation_engine', $basic)))
                            <div class="flex flex-col input-form">
                                <label for="" data-i18n="search_modal.rooms"></label>
                                <div class="floating-booking-date__input">
                                    <div class="custom-input-number">
                                        <button class="minus">-</button>
                                        <input type="number" name="rooms" id="numberOfRooms" value="1"
                                            min="1" max="{{ $basic['max_room'] ?? 10 }}" disabled>
                                        <button class="plus">+</button>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
                <button class="btn-search button-cv" data-i18n="search_modal.search_btn"
                    onclick="searchHotel()">空室検索</button>
            </div>
        </div>
    </div>
    @if (fieldPropertyValue('is_air_ticket', $basic) == Boolean::TRUE &&
            fieldPropertyValue('reservation_engine', $basic) == ReservationEngine::SYS &&
            $lang == MultiLangMode::DEFAULT)
        <form class="relative form-search-content hidden" data-form="ticket" method="get"
            action="https://www.tour-list.com/TL/" target="_blank">
            <input name="hc" type="hidden" value="{!! setTextDefault($basic['hotel_code'] ?? null, 0000000002) !!}" />
            <input name="cid" type="hidden" value="builtingadget_{!! setTextDefault($basic['hotel_code'] ?? null, 0000000002) !!}" />
            <div class="relative">
                <div class="flex items-center form-search-heading">
                    <div class="flex-auto">
                        <div class="heading-line"></div>
                    </div>
                    <div class="text">TICKET + ACCOMMODATION</div>
                    <div class="flex-auto">
                        <div class="heading-line"></div>
                    </div>
                </div>
                <div class="flex items-center justify-center">
                    <div class="form-group">
                        <div class="flex group-sp">
                            <div class="flex flex-col input-form">
                                <label data-i18n="search_modal.departure_airport_label"></label>
                                <div class="floating-booking-date__input">
                                    <select name="goDepAirPort" class="select-airport">
                                        @php
                                            $selectedAirport = false;
                                        @endphp
                                        @foreach ($airports as $key1 => $value)
                                            <option disabled="disabled" value="{!! $key1 !!}">
                                                ■■■■■{!! setTextDefault(textLocale('name', $value, $lang)) !!}■■■■■</option>
                                            @foreach (fieldPropertyValue('airports', $value) as $key2 => $airport)
                                                <option <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function fieldPropertyValue() in /var/www/html/spaceagent/micadolayout/resources/views/include/preview/intercontinental/header.blade.php:462
Stack trace:
#0 {main}
  thrown in <b>/var/www/html/spaceagent/micadolayout/resources/views/include/preview/intercontinental/header.blade.php</b> on line <b>462</b><br />