@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;
@endphp
<div class="flex-header">
    <div class="pc" id="logo">
        <a href="{{ setUrl($project->id, $domainPublish ?? false, $lang) }}">
            <img class="{!! checkFileSvg(setImagePreview(fieldPropertyValue('logo', $basic))) ? 'svg-logo' : '' !!}" src="{{ setImagePreview(fieldPropertyValue('logo', $basic)) }}">
        </a>
    </div>
    <div id="menu">
        <div class="menu-sub">
            <ul class="navbar__top">
                @if (!empty($basic['cv_text2']))
                    <li class="navbar-item">
                        <a href="{!! textLocale('cv_url2', $basic, $lang) ?? '#' !!}" target="_blank">
                            {!! setTextDefault(textLocale('cv_text2', $basic, $lang)) !!}
                        </a>
                    </li>
                @endif
                @if ($project->show_news)
                    <li class="navbar-item">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->news_url) !!}" data-i18n="news_display_text"></a>
                    </li>
                @endif
                @if ($project->show_access)
                    <li class="navbar-item">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->access_url) !!}">
                            {!! setTextDefault(
                                textLocale('access_display_text', $basic, $lang),
                                config('translate.' . $lang . '.basic.access_display_text'),
                            ) !!}
                        </a>
                    </li>
                @endif
                @if ($project->multi_lang_mode)
                    <li class="navbar-item border-y"></li>
                @endif
                <div class="logo-meu__sp sp">
                    <a href="{{ setUrl($project->id, $domainPublish ?? false, $lang) }}">
                        <img class="{!! checkFileSvg(setImagePreview(fieldPropertyValue('logo', $basic))) ? 'svg-logo' : '' !!}"
                            src="{{ setImagePreview(fieldPropertyValue('logo', $basic)) }}">
                    </a>
                </div>
                @if ($project->multi_lang_mode)
                    <li class="navbar-item select-language"> {{ MultiLangMode::getText($lang) }}
                        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewbox="0 0 12 12">
                            <g id="chevron-right" transform="translate(12) rotate(90)">
                                <path id="Path_8494" data-name="Path 8494" d="M0,12H12V0H0Z" transform="translate(0 0)"
                                    fill="none"></path>
                                <path id="Path_8495" data-name="Path 8495" d="M0,6,3,3,0,0" transform="translate(4.5 3)"
                                    fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round"
                                    stroke-width="1"></path>
                            </g>
                        </svg>
                        <ul class="sub-menu_language">
                            @if ($lang != MultiLangMode::DEFAULT)
                                <li class="language-item" onclick="changLanguage({{ MultiLangMode::DEFAULT }})">
                                    {!! MultiLangMode::getText(MultiLangMode::DEFAULT) !!}
                                </li>
                            @endif
                            @foreach ($project->multi_lang_mode as $langMode)
                                @if ($lang != $langMode)
                                    <li class="language-item" onclick="changLanguage({{ $langMode }})">
                                        {!! MultiLangMode::getText($langMode) !!}
                                    </li>
                                @endif
                            @endforeach
                        </ul>
                    </li>
                @endif
                <div class="menu-close">
                    <div class="menu-icon">
                        <div class="bar" id="bar1"></div>
                        <div class="bar" id="bar2"></div>
                    </div>
                </div>
            </ul>
        </div>
        <ul class="menu-main">
            <li class="menu-main__item item-top sub-item">
                <div class="main-item__row">
                    <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang) !!}">
                        {!! setTextDefault(
                            textLocale('top_display_text', $basic, $lang),
                            config('translate.' . $lang . '.basic.top_display_text'),
                        ) !!}
                    </a>
                </div>
            </li>
            @if ($project->show_room)
                <li class="menu-main__item item-rooms sub-item">
                    <div class="main-item__row">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->room_url) !!}">
                            {!! setTextDefault(
                                textLocale('room_display_text', $basic, $lang),
                                config('translate.' . $lang . '.basic.room_display_text'),
                            ) !!}
                        </a>
                        @if (!empty($roomInformations))
                            <div class="arrow-up"> </div>
                        @endif
                    </div>
                    @if (!empty($roomInformations))
                        <ul class="sub-menu__banquet sub-menu">
                            @foreach ($roomInformations as $room)
                                {{-- @if (fieldPropertyValue('detail_page', $room) == RoomDetailPage::SIMPLE_PAGE)
                                    <li class="menu-banquet__item sub-menu__item">
                                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->room_url) .
                                            '/detail?id=' .
                                            fieldPropertyValue('id', $room) !!}">
                                            {!! textLocale('name', $room, $lang) !!}
                                        </a>
                                    </li>
                                @endif --}}
                                @if (fieldPropertyValue('detail_page', $room) == RoomDetailPage::CREATE_DETAILED)
                                    <li class="menu-banquet__item sub-menu__item">
                                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->room_url) .
                                            '/' .
                                            fieldPropertyValue('slug', $room) !!}">
                                            {!! textLocale('name', $room, $lang) !!}
                                        </a>
                                    </li>
                                @endif
                            @endforeach
                        </ul>
                    @endif
                </li>
            @endif
            @if ($project->show_food_list)
                <li class="menu-main__item item-restaurant sub-item">
                    <div class="main-item__row">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->food_list_url) !!}">
                            {!! setTextDefault(
                                textLocale('cooking_display_text', $basic, $lang),
                                config('translate.' . $lang . '.basic.cooking_display_text'),
                            ) !!}
                        </a>
                        @if (!empty($restaurantInformations))
                            <div class="arrow-up"> </div>
                        @endif
                    </div>
                    @if (!empty($restaurantInformations))
                        <ul class="sub-menu__banquet sub-menu">
                            @foreach ($restaurantInformations as $restaurant)
                                {{-- @if (fieldPropertyValue('detail_page', $restaurant) == RoomDetailPage::SIMPLE_PAGE)
                                    <li class="menu-banquet__item sub-menu__item">
                                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->food_list_url) .
                                            '/detail?id=' .
                                            fieldPropertyValue('id', $restaurant) !!}">
                                            {!! textLocale('name', $restaurant, $lang) !!}
                                        </a>
                                    </li>
                                @endif --}}
                                @if (fieldPropertyValue('detail_page', $restaurant) == RoomDetailPage::CREATE_DETAILED)
                                    <li class="menu-banquet__item sub-menu__item">
                                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->food_list_url) .
                                            '/' .
                                            fieldPropertyValue('slug', $restaurant) !!}">
                                            {!! textLocale('name', $restaurant, $lang) !!}
                                        </a>
                                    </li>
                                @endif
                            @endforeach
                        </ul>
                    @endif
                </li>
            @endif
            <li class="menu-main__item item-banquet sub-item">
                <div class="main-item__row">
                    <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->banquet_url) !!}" data-i18n="banquet.name"></a>
                    @if (!empty($banquetInfo))
                        <div class="arrow-up"> </div>
                    @endif
                </div>
                @if (!empty($banquetInfo))
                    <ul class="sub-menu__banquet sub-menu">
                        @foreach ($banquetInfo as $banquet)
                            @if (fieldPropertyValue('detail_page', $banquet) == Boolean::TRUE)
                                <li class="menu-banquet__item sub-menu__item">
                                    <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->banquet_url) .
                                        '/' .
                                        fieldPropertyValue('slug', $banquet) !!}">
                                        {!! textLocale('banquet_name', $banquet, $lang) !!}
                                    </a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                @endif
            </li>
            @if ($project->show_facility)
                <li class="menu-main__item item-information sub-item">
                    <div class="main-item__row">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->facility_url) !!}">
                            {!! setTextDefault(
                                textLocale('facility_display_text', $basic, $lang),
                                config('translate.' . $lang . '.basic.facility_display_text'),
                            ) !!}
                        </a>
                    </div>
                </li>
            @endif
            @if ($project->show_sightseeing)
                <li class="menu-main__item item-sightseeing sub-item">
                    <div class="main-item__row">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->sightseeing_url) !!}">
                            {!! setTextDefault(
                                textLocale('sightseeing_display_text', $basic, $lang),
                                config('translate.' . $lang . '.basic.sightseeing_display_text'),
                            ) !!}
                        </a>
                    </div>
                </li>
            @endif
            @if (!empty($basic['cv_text2']))
                <li class="menu-main__item item-banquet sub-item sp">
                    <div class="main-item__row">
                        <a href="{!! textLocale('cv_url2', $basic, $lang) ?? '#' !!}" target="_blank">
                            {!! setTextDefault(textLocale('cv_text2', $basic, $lang)) !!}
                        </a>
                    </div>
                </li>
            @endif
            @if ($project->show_news)
                <li class="menu-main__item item-banquet sub-item sp">
                    <div class="main-item__row">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->news_url) !!}" data-i18n="news_display_text"></a>
                    </div>
                </li>
            @endif
            @if ($project->show_access)
                <li class="menu-main__item item-banquet sub-item sp">
                    <div class="main-item__row">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->access_url) !!}">
                            {!! setTextDefault(
                                textLocale('access_display_text', $basic, $lang),
                                config('translate.' . $lang . '.basic.access_display_text'),
                            ) !!}
                        </a>
                    </div>
                </li>
            @endif
            @if (!empty($basic['additional_link_display_text1']))
                <li class="menu-main__item item-sightseeing sub-item">
                    <div class="main-item__row">
                        <a href="{!! fieldPropertyValue('additional_link_url1', $basic) !!}">
                            {!! setTextDefault(textLocale('additional_link_display_text1', $basic, $lang)) !!}
                        </a>
                    </div>
                </li>
            @endif
            @if (!empty($basic['additional_link_display_text2']))
                <li class="menu-main__item item-sightseeing sub-item">
                    <div class="main-item__row">
                        <a href="{!! fieldPropertyValue('additional_link_url2', $basic) !!}">
                            {!! setTextDefault(textLocale('additional_link_display_text2', $basic, $lang)) !!}
                        </a>
                    </div>
                </li>
            @endif
            @if (!empty($basic['additional_link_display_text3']))
                <li class="menu-main__item item-sightseeing sub-item">
                    <div class="main-item__row">
                        <a href="{!! fieldPropertyValue('additional_link_url3', $basic) !!}">
                            {!! setTextDefault(textLocale('additional_link_display_text3', $basic, $lang)) !!}
                        </a>
                    </div>
                </li>
            @endif
            @foreach ($project->optionManagements as $optionManagement)
                @if (fieldPropertyValue('is_header', $optionManagement) == OptionManagementHeader::ADD && fieldPropertyValue('is_publish', $optionManagement) == 1)
                    <li class="menu-main__item item-sightseeing sub-item">
                        <div class="main-item__row">
                            @if (fieldPropertyValue('is_page', $optionManagement) == 1 &&
                                    !empty($project[LinkDestinationType::getLinkProject(fieldPropertyValue('target_page', $optionManagement))]))
                                <a 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 href="{!! setUrl($project->id, $domainPublish ?? false, $lang, fieldPropertyValue('url', $optionManagement)) !!}">
                                    {!! setTextDefault(textLocale('page_name', $optionManagement, $lang)) !!}
                                </a>
                            @endif
                        </div>
                    </li>
                @endif
            @endforeach
        </ul>
    </div>
    <div class="home-btn pc">
        <button class="show-modal-btn" onclick="showModalSearch()">
            {!! setTextDefault(textLocale('cv_text1', $basic, $lang)) !!}
        </button>
    </div>
    <div class="dark-modal-overlay invisible pc" id="dark-modal-overlay" onclick="closeModalSearch()"></div>
    <div class="booking-form-popup" id="booking-form-popup" type-search="{!! fieldPropertyValue('reservation_engine', $basic) !!}"
        data-hotel="{!! setTextDefault($basic['hotel_id'] ?? null, 0000000002) !!}" data-hotel-domain="{!! setTextDefault($basic['hotel_domain'] ?? null) !!}" data-route-search="{{ routeSearch($lang, $project->id) }}">
        <button class="close" onclick="closeModalSearch()" data-i18n="close_modal_search"></button>
        <div class="wrapper">
            <h4 data-i18n="search_modal.title" class="heading-main pc"></h4>
            <div class="show-search-from-fixed sp heading-main pc" data-i18n="search_modal.search_btn"
                onclick="showModalSearch()"></div>
            <div class="form">
                <div>
                    <div class="search_box__date_time search_border">
                        <label for="" data-i18n="search_modal.check_in"></label>
                        <div class="search_box__time flex">
                            <input class="input_date date_check_in" id="datepicker" readonly type="text"
                                name="dates">
                        </div>
                    </div>
                </div>
                <div class="flex between-justify wrap-flex">
                    <div class="half-content">
                        <label for="numberOfAdults" data-i18n="search_modal.people"></label>
                        <input type="number" name="adult" id="numberOfAdults" value="1" min="1"
                            max="10">
                    </div>
                    <div class="half-content">
                        <label for="numberChild" data-i18n="search_modal.child"></label>
                        <input type="number" name="child" id="numberChild" value="0" min="0"
                            max="10">
                    </div>
                    <div class="half-content">
                        <label for="numberOfRooms" data-i18n="search_modal.rooms"></label>
                        <input type="number" id="numberOfRooms" name="room" value="1" min="1"
                            max="10">
                    </div>
                </div>
            </div>
            <div class="clearfix form-button">
                <button class="reservation-button button-cv" data-i18n="search_modal.search_btn"
                    onclick="searchHotel('booking-form-popup')"></button>
            </div>
        </div>
    </div>
</div>

<script>
    function changLanguage(lang) {
        let multiLangMode = {!! json_encode(MultiLangMode::toArray()) !!};
        let multiLang = {!! json_encode(MultiLangMode::asSelectArray()) !!};
        let oldLang = {!! $lang !!};
        let isPublish = {!! json_encode($domainPublish ?? false) !!};
        const stringToSlug = (str) => {
            return str
                .trim()
                .toLowerCase()
                .replace(/[\W_]+/g, '-')
                .replace(/^-+|-+$/g, '');
        };
        let pathNameList = document.location.pathname.split('/');

        if (!Object.values(multiLangMode).includes(parseInt(lang)) || oldLang == lang) {
            return;
        }

        if (lang == multiLangMode.DEFAULT) {
            return document.location.pathname = pathNameList.filter(function(item) {
                return item !== stringToSlug(multiLang[oldLang]);
            }).join("/");
        }

        if (oldLang == multiLangMode.DEFAULT) {
            if (isPublish) {
                pathNameList.splice((isPublish == 'domain_own' ? 1 : 3), 0, stringToSlug(multiLang[lang]));
            } else {
                pathNameList.splice(3, 0, stringToSlug(multiLang[lang]));
            }
        } else {
            if (lang == lang == multiLangMode.DEFAULT) {
                pathNameList[isPublish ? 1 : 3] = multiLang[lang];
            } else {
                pathNameList = pathNameList.filter(function(item) {
                    return item !== stringToSlug(multiLang[oldLang]);
                });
                if (isPublish) {
                    pathNameList.splice((isPublish == 'domain_own' ? 1 : 3), 0, stringToSlug(multiLang[lang]));
                } else {
                    pathNameList.splice(3, 0, stringToSlug(multiLang[lang]));
                }
            }
        }
        return document.location.pathname = pathNameList.join("/");

    }
</script>