@php
    use App\Enums\MultiLangMode;
    use App\Enums\LinkType;
    use App\Enums\OptionManagementHeader;
    use App\Enums\LanguageSetting;
    use App\Enums\LinkDestinationType;
    $countPage = 1;
    $pageMenuSp = 1;
    $isShowMenuLeft = true;
@endphp
<div class="flex-header">
    <div class="pc" id="logo">
        <a class="logo-white" href="{!! setUrl($project->id, $domainPublish ?? false, $lang) !!}">
            <img src="{{ setImagePreview(fieldPropertyValue('logo', $basic)) }}"></a>
        <a class="logo-black" href="{!! setUrl($project->id, $domainPublish ?? false, $lang) !!}">
            <img src="{{ setImagePreview(fieldPropertyValue('logo', $basic)) }}"></a>
    </div>
    <div id="menu">
        <div class="menu-sub">
            <div class="navbar__top">
                <div class="logo-menu__sp sp">
                    <a class="logo-white__sp" href="{!! setUrl($project->id, $domainPublish ?? false, $lang) !!}">
                        <img src="{{ setImagePreview(fieldPropertyValue('logo', $basic)) }}">
                    </a>
                    <a class="logo-black__sp" href="{!! setUrl($project->id, $domainPublish ?? false, $lang) !!}">
                        <img src="{{ setImagePreview(fieldPropertyValue('logo', $basic)) }}">
                    </a>
                </div>
                <div class="menu-close">
                    <div class="menu-btn">
                        <button>{!! setTextDefault(textLocale('cv_text1', $basic, $lang)) !!}</button>
                    </div>
                    <div class="open-menu">
                        <div class="menu-text"> <span>Menu</span></div>
                        <div class="menu-icon">
                            <div class="bar" id="bar1"></div>
                            <div class="bar" id="bar2"></div>
                        </div>
                    </div>
                </div>
                <div class="menu-close__resverse">
                    <div class="open-menu__resverse">
                        <div class="menu-icon">
                            <div class="bar" id="bar1_rvs"></div>
                            <div class="bar" id="bar2_rvs"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pc-flex">
            <ul class="menu-main menu-nav">
                <li class="menu-main__item">
                    <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang) !!}">
                        {!! setTextDefault(textLocale('top_display_text', $basic, $lang)) !!}
                    </a>
                </li>
                @if ($project->show_room)
                    <br />
<b>Notice</b>:  Undefined variable: countPage in <b>/var/www/html/spaceagent/micadorayout-v2/resources/views/include/preview/hankyu/header.blade.php</b> on line <b>59</b><br />
                    <li class="menu-main__item">
                        <a 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)
                                        <li class="menu-main__item">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->food_list_url) !!}">
                            {!! setTextDefault(textLocale('cooking_display_text', $basic, $lang)) !!}
                        </a>
                    </li>
                @endif
                                <li class="menu-main__item">
                    <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, 'meetingroom') !!}" data-i18n="banquet.name">
                    </a>
                </li>
                {{-- @if ($project->postGroups)
                    @foreach ($project->postGroups as $postGroup)
                        @if (fieldPropertyValue('is_header', $postGroup) == OptionManagementHeader::ADD)
                                                        <li class="menu-main__item">
                                <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, fieldPropertyValue('url', $postGroup)) !!}">
                                    {!! setTextDefault(textLocale('post_name', $postGroup, $lang)) !!}
                                </a>
                            </li>
                        @endif
                    @endforeach
                @endif --}}
                @if ($project->show_facility)
                                        <li class="menu-main__item">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->facility_url) !!}">
                            {!! setTextDefault(textLocale('facility_display_text', $basic, $lang)) !!}
                        </a>
                    </li>
                @endif
                @if ($project->show_sightseeing)
                                        <li class="menu-main__item">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->sightseeing_url) !!}">
                            {!! setTextDefault(textLocale('sightseeing_display_text', $basic, $lang)) !!}
                        </a>
                    </li>
                @endif
                @if ($project->show_access)
                                        <li class="menu-main__item">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->access_url) !!}">
                            {!! setTextDefault(textLocale('access_display_text', $basic, $lang)) !!}
                        </a>
                    </li>
                @endif
                @if ($project->show_plan)
                                        <li class="menu-main__item">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->plan_url) !!}">
                            {!! setTextDefault(textLocale('plan_display_text', $basic, $lang)) !!}
                        </a>
                    </li>
                @endif
                @if (!empty($basic['additional_link_display_text1']))
                                        <li class="menu-main__item">
                        <a href="{!! fieldPropertyValue('additional_link_url1', $basic) !!}">
                            {!! setTextDefault(textLocale('additional_link_display_text1', $basic, $lang)) !!}
                        </a>
                    </li>
                @endif
                @if (!empty($basic['additional_link_display_text2']))
                                        <li class="menu-main__item">
                        <a href="{!! fieldPropertyValue('additional_link_url2', $basic) !!}">
                            {!! setTextDefault(textLocale('additional_link_display_text2', $basic, $lang)) !!}
                        </a>
                    </li>
                @endif
                @if (!empty($basic['additional_link_display_text3']))
                                        <li class="menu-main__item">
                        <a href="{!! fieldPropertyValue('additional_link_url3', $basic) !!}">
                            {!! setTextDefault(textLocale('additional_link_display_text3', $basic, $lang)) !!}
                        </a>
                    </li>
                @endif
                @foreach ($project->optionManagements as $optionManagement)
                    @if (fieldPropertyValue('is_header', $optionManagement) == OptionManagementHeader::ADD &&
                            fieldPropertyValue('is_publish', $optionManagement) == 1)
                                                <li class="menu-main__item">
                            @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
                        </li>
                    @endif
                @endforeach
                                <li class="menu-main__item">
                    <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->faq_url) !!}">
                        {!! config('translate.' . $lang . '.basic.faq') !!}
                    </a>
                </li>
            </ul>
            <ul class="menu-main">
                <li class="menu-main__item menu-hidden" id="menu-vertical-line"><a>|</a></li>
                <li class="menu-main__item menu-hidden select-menu" id="header-more">
                    <div class="main-item__row">
                        <svg id="open-menu__svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                            viewbox="0 0 24 24">
                            <path id="Path_8742" data-name="Path 8742" d="M4,4h6v6H4Z" fill="none" stroke="#fff"
                                stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path>
                            <path id="Path_8743" data-name="Path 8743" d="M14,4h6v6H14Z" fill="none" stroke="#fff"
                                stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                            </path>
                            <path id="Path_8744" data-name="Path 8744" d="M4,14h6v6H4Z" fill="none" stroke="#fff"
                                stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                            </path>
                            <path id="Path_8745" data-name="Path 8745" d="M17,17m-3,0a3,3,0,1,0,3-3,3,3,0,0,0-3,3"
                                fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round"
                                stroke-width="1.5"></path>
                        </svg>
                        <svg class="hide" id="close-menu__svg" xmlns="http://www.w3.org/2000/svg" width="24"
                            height="25" viewbox="0 0 20 32" fill="#fff">
                            <text id="_" data-name="✕" transform="translate(0 26)" font-size="24"
                                font-family="SegoeUIEmoji, Segoe UI Emoji">
                                <tspan x="0" y="0">&#x2715;</tspan>
                            </text>
                        </svg><a class="link-custom" href="javascript:;">Menu</a>
                    </div>
                    <ul class="sub-menu list-menu"></ul>
                </li>
                @if ($project->multi_lang_mode)
                    <li class="menu-main__item select-language" id="select-language">
                        <div class="main-item__row">
                            <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19.399"
                                viewBox="0 0 19 19.399">
                                <g id="Group_1275" data-name="Group 1275" transform="translate(-2.5 -2.301)">
                                    <path id="Path_8734" data-name="Path 8734"
                                        d="M3,12,3,12a9,9,0,1,0,9-9,9,9,0,0,0-9,9" fill="none" stroke="#fff"
                                        stroke-linecap="round" stroke-linejoin="round" stroke-width="1" />
                                    <path id="Path_8735" data-name="Path 8735" d="M11.5,3a11.2,11.2,0,0,0,0,18"
                                        fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="1" />
                                    <path id="Path_8736" data-name="Path 8736" d="M12.5,3a11.2,11.2,0,0,1,0,18"
                                        fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="1" />
                                    <path id="Path_8737" data-name="Path 8737" d="M12,3V21" fill="none"
                                        stroke="#fff" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="1" />
                                </g>
                            </svg>
                            <a class="link-custom">
                                @switch($lang)
                                    @case(MultiLangMode::DEFAULT)
                                        {{ 'JP' }}
                                    @break

                                    @case(MultiLangMode::ENGLISH)
                                        {{ 'EN' }}
                                    @break

                                    @case(MultiLangMode::CHINESE_TRADITIONAL)
                                        {{ 'TW' }}
                                    @break

                                    @case(MultiLangMode::CHINESE_SIMPLIFIED)
                                        {{ 'CN' }}
                                    @break

                                    @case(MultiLangMode::KOREAN)
                                        {{ 'KR' }}
                                    @break

                                    @default
                                @endswitch
                            </a>
                            <svg class="arrow-up" xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                viewbox="0 0 14 14">
                                <g id="chevron-right" transform="translate(14) rotate(90)">
                                    <path id="Path_8495" data-name="Path 8495" d="M9,6l3.5,3.5L9,13"
                                        transform="translate(-3.75 -2.5)" fill="none" stroke="#fff"
                                        stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></path>
                                </g>
                            </svg>
                        </div>
                        <ul class="sub-menu list-language">
                            @if ($lang != MultiLangMode::DEFAULT)
                                <li class="sub-menu__item">
                                    <a href="javascript:;" onclick="changLanguage({!! MultiLangMode::DEFAULT !!})">JP</a>
                                </li>
                            @endif

                            @foreach ($project->multi_lang_mode as $langMode)
                                @if ($lang != $langMode)
                                    <li class="sub-menu__item">
                                        <a href="javascript:;" onclick="changLanguage({!! $langMode !!})">
                                            @switch($langMode)
                                                @case(MultiLangMode::ENGLISH)
                                                    {{ 'EN' }}
                                                @break

                                                @case(MultiLangMode::CHINESE_TRADITIONAL)
                                                    {{ 'TW' }}
                                                @break

                                                @case(MultiLangMode::CHINESE_SIMPLIFIED)
                                                    {{ 'CN' }}
                                                @break

                                                @case(MultiLangMode::KOREAN)
                                                    {{ 'KR' }}
                                                @break

                                                @default
                                            @endswitch
                                        </a>
                                    </li>
                                @endif
                            @endforeach
                        </ul>
                    </li>
                @endif
            </ul>
        </div>
        <div class="menu-main menu-sp">
            <div class="list-menu">
                <ul class="list-menu__main">
                    <li>
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang) !!}">
                            {!! setTextDefault(textLocale('top_display_text', $basic, $lang)) !!}
                        </a>
                    </li>
                    @if ($project->show_room)
                        @php
                            if ($pageMenuSp >= $countPage / 2 && $isShowMenuLeft) {
                                $isShowMenuLeft = false;
                                echo '</ul><ul class="list-menu__sub">';
                            }
                            $pageMenuSp++;
                        @endphp
                        <li>
                            <a 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)
                        @php
                            if ($pageMenuSp >= $countPage / 2 && $isShowMenuLeft) {
                                $isShowMenuLeft = false;
                                echo '</ul><ul class="list-menu__sub">';
                            }
                            $pageMenuSp++;
                        @endphp
                        <li>
                            <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->food_list_url) !!}">
                                {!! setTextDefault(textLocale('cooking_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @php
                        if ($pageMenuSp >= $countPage / 2 && $isShowMenuLeft) {
                            $isShowMenuLeft = false;
                            echo '</ul><ul class="list-menu__sub">';
                        }
                        $pageMenuSp++;
                    @endphp
                    <li>
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, 'meetingroom') !!}" data-i18n="banquet.name">
                        </a>
                    </li>
                    {{-- @if ($project->postGroups)
                        @foreach ($project->postGroups as $postGroup)
                            @if (fieldPropertyValue('is_header', $postGroup) == OptionManagementHeader::ADD)
                                @php
                                    if ($pageMenuSp >= $countPage / 2 && $isShowMenuLeft) {
                                        $isShowMenuLeft = false;
                                        echo '</ul><ul class="list-menu__sub">';
                                    }
                                    $pageMenuSp++;
                                @endphp
                                <li>
                                    <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, fieldPropertyValue('url', $postGroup)) !!}">
                                        {!! setTextDefault(textLocale('post_name', $postGroup, $lang)) !!}
                                    </a>
                                </li>
                            @endif
                        @endforeach
                    @endif --}}
                    @if ($project->show_facility)
                        @php
                            if ($pageMenuSp >= $countPage / 2 && $isShowMenuLeft) {
                                $isShowMenuLeft = false;
                                echo '</ul><ul class="list-menu__sub">';
                            }
                            $pageMenuSp++;
                        @endphp
                        <li>
                            <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->facility_url) !!}">
                                {!! setTextDefault(textLocale('facility_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if ($project->show_sightseeing)
                        @php
                            if ($pageMenuSp >= $countPage / 2 && $isShowMenuLeft) {
                                $isShowMenuLeft = false;
                                echo '</ul><ul class="list-menu__sub">';
                            }
                            $pageMenuSp++;
                        @endphp
                        <li>
                            <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->sightseeing_url) !!}">
                                {!! setTextDefault(textLocale('sightseeing_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if ($project->show_access)
                        @php
                            if ($pageMenuSp >= $countPage / 2 && $isShowMenuLeft) {
                                $isShowMenuLeft = false;
                                echo '</ul><ul class="list-menu__sub">';
                            }
                            $pageMenuSp++;
                        @endphp
                        <li>
                            <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->access_url) !!}">
                                {!! setTextDefault(textLocale('access_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if ($project->show_plan)
                        @php
                            if ($pageMenuSp >= $countPage / 2 && $isShowMenuLeft) {
                                $isShowMenuLeft = false;
                                echo '</ul><ul class="list-menu__sub">';
                            }
                            $pageMenuSp++;
                        @endphp
                        <li>
                            <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->plan_url) !!}">
                                {!! setTextDefault(textLocale('plan_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if (!empty($basic['additional_link_display_text1']))
                        @php
                            if ($pageMenuSp >= $countPage / 2 && $isShowMenuLeft) {
                                $isShowMenuLeft = false;
                                echo '</ul><ul class="list-menu__sub">';
                            }
                            $pageMenuSp++;
                        @endphp
                        <li>
                            <a href="{!! fieldPropertyValue('additional_link_url1', $basic) !!}">
                                {!! setTextDefault(textLocale('additional_link_display_text1', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if (!empty($basic['additional_link_display_text2']))
                        @php
                            if ($pageMenuSp >= $countPage / 2 && $isShowMenuLeft) {
                                $isShowMenuLeft = false;
                                echo '</ul><ul class="list-menu__sub">';
                            }
                            $pageMenuSp++;
                        @endphp
                        <li>
                            <a href="{!! fieldPropertyValue('additional_link_url2', $basic) !!}">
                                {!! setTextDefault(textLocale('additional_link_display_text2', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if (!empty($basic['additional_link_display_text3']))
                        @php
                            if ($pageMenuSp >= $countPage / 2 && $isShowMenuLeft) {
                                $isShowMenuLeft = false;
                                echo '</ul><ul class="list-menu__sub">';
                            }
                            $pageMenuSp++;
                        @endphp
                        <li>
                            <a href="{!! fieldPropertyValue('additional_link_url3', $basic) !!}">
                                {!! setTextDefault(textLocale('additional_link_display_text3', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @foreach ($project->optionManagements as $optionManagement)
                        @if (fieldPropertyValue('is_header', $optionManagement) == OptionManagementHeader::ADD &&
                                fieldPropertyValue('is_publish', $optionManagement) == 1)
                            @php
                                if ($pageMenuSp >= $countPage / 2 && $isShowMenuLeft) {
                                    $isShowMenuLeft = false;
                                    echo '</ul><ul class="list-menu__sub">';
                                }
                                $pageMenuSp++;
                            @endphp
                            <li>
                                @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
                            </li>
                        @endif
                    @endforeach
                    @php
                        if ($pageMenuSp >= $countPage / 2 && $isShowMenuLeft) {
                            $isShowMenuLeft = false;
                            echo '</ul><ul class="list-menu__sub">';
                        }
                        $pageMenuSp++;
                    @endphp
                    <li>
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->faq_url) !!}">
                            {!! config('translate.' . $lang . '.basic.faq') !!}
                        </a>
                    </li>
                </ul>
                <ul class="list-menu__links">
                    @if ($project->show_terms_of_use)
                        <li>
                            <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->terms_of_use_url) !!}">
                                {!! setTextDefault(textLocale('terms_of_use_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if ($project->show_accommodation_agreement)
                        <li>
                            <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->accommodation_agreement_url) !!}">
                                {!! setTextDefault(textLocale('accommodation_agreement_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if ($project->show_privacy_policy)
                        <li>
                            <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->privacy_policy_url) !!}">
                                {!! setTextDefault(textLocale('privacy_policy_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if ($project->show_commercial_law)
                        <li>
                            <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->commercial_law_url) !!}">
                                {!! setTextDefault(textLocale('commercial_law_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if (!empty($basic['about_display_text']))
                        <li>
                            <a href="{!! textLocale('additional_link_footer_url', $basic, $lang) ?? '#' !!}">
                                {!! setTextDefault(textLocale('additional_link_footer_display_text', $basic, $lang)) !!}
                            </a>
                        </li>
                    @endif
                    @if ($project->show_contact)
                        <li>
                            <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->contact_url) !!}">
                                {!! config('translate.' . $lang . '.basic.contact') !!}
                            </a>
                        </li>
                    @endif
                    <li>
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->company_profile_url) !!}" data-i18n="company_profile.heading">
                        </a>
                    </li>
                </ul>
                @if ($project->multi_lang_mode)
                    <ul class="list-menu__language">
                        <li>
                            <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19.399"
                                viewBox="0 0 19 19.399">
                                <g id="Group_1275" data-name="Group 1275" transform="translate(-2.5 -2.301)">
                                    <path id="Path_8734" data-name="Path 8734"
                                        d="M3,12,3,12a9,9,0,1,0,9-9,9,9,0,0,0-9,9" fill="none" stroke="#000"
                                        stroke-linecap="round" stroke-linejoin="round" stroke-width="1" />
                                    <path id="Path_8735" data-name="Path 8735" d="M11.5,3a11.2,11.2,0,0,0,0,18"
                                        fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="1" />
                                    <path id="Path_8736" data-name="Path 8736" d="M12.5,3a11.2,11.2,0,0,1,0,18"
                                        fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="1" />
                                    <path id="Path_8737" data-name="Path 8737" d="M12,3V21" fill="none"
                                        stroke="#000" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="1" />
                                </g>
                            </svg>
                        </li>

                        <li>
                            <a href="javascript:;" class="{{ $lang == MultiLangMode::DEFAULT ? 'active' : '' }}"
                                onclick="changLanguage({!! MultiLangMode::DEFAULT !!})">
                                JP
                            </a>
                        </li>
                        @foreach ($project->multi_lang_mode as $langMode)
                            <li>/</li>
                            <li>
                                <a class="{{ $lang == $langMode ? 'active' : '' }}" href="javascript:;"
                                    onclick="changLanguage({!! $langMode !!})">
                                    @switch($langMode)
                                        @case(MultiLangMode::ENGLISH)
                                            {{ 'EN' }}
                                        @break

                                        @case(MultiLangMode::CHINESE_TRADITIONAL)
                                            {{ 'TW' }}
                                        @break

                                        @case(MultiLangMode::CHINESE_SIMPLIFIED)
                                            {{ 'CN' }}
                                        @break

                                        @case(MultiLangMode::KOREAN)
                                            {{ 'KR' }}
                                        @break

                                        @default
                                    @endswitch
                                </a>
                            </li>
                        @endforeach
                    </ul>
                @endif
                <ul class="list-menu__social">
                    @if (
                        !empty($basic['facebook_link_type']) &&
                            $basic['facebook_link_type'] == LinkType::THERE_IS_A_LINK &&
                            !empty($basic['facebook_link_url']))
                        <li>
                            <a class="social-facebook" href="{{ $basic['facebook_link_url'] ?? '#' }}">
                                <svg id="brand-facebook" xmlns="http://www.w3.org/2000/svg" width="24"
                                    height="24" viewBox="0 0 24 24">
                                    <path id="Path_8748" data-name="Path 8748" d="M0,0H24V24H0Z" fill="none" />
                                    <path id="Path_8749" data-name="Path 8749"
                                        d="M7,10v4h3v7h4V14h3l1-4H14V8a1,1,0,0,1,1-1h3V3H15a5,5,0,0,0-5,5v2H7"
                                        fill="none" stroke="#56585A" stroke-linecap="round"
                                        stroke-linejoin="round" stroke-width="1.5" />
                                </svg>
                            </a>
                        </li>
                    @endif
                    @if (!empty($instagramFollowUrl))
                        <li>
                            <a class="social-instagram" href="{{ $instagramFollowUrl }}">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="24"
                                    height="24">
                                    <path
                                        d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
                                        fill="#56585A" />
                                </svg>
                            </a>
                        </li>
                    @endif
                    @if (
                        !empty($basic['twitter_link_type']) &&
                            $basic['twitter_link_type'] == LinkType::THERE_IS_A_LINK &&
                            !empty($basic['twitter_link_url']))
                        <li>
                            <a class="social-twitter" href="{{ $basic['twitter_link_url'] ?? '#' }}">
                                <svg width="18" height="18" viewBox="0 0 1200 1227" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"
                                        fill="#56585A" />
                                </svg>
                            </a>
                        </li>
                    @endif
                    @if (
                        !empty($basic['youtube_link_type']) &&
                            $basic['youtube_link_type'] == LinkType::THERE_IS_A_LINK &&
                            !empty($basic['youtube_link_url']))
                        <li>
                            <a class="social-youtube" href="{{ $basic['youtube_link_url'] ?? '#' }}">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" width="24"
                                    height="24">
                                    <path
                                        d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"
                                        fill="#56585A" />
                                </svg>
                            </a>
                        </li>
                    @endif
                    @if (
                        !empty($basic['linkedin_link_type']) &&
                            $basic['linkedin_link_type'] == LinkType::THERE_IS_A_LINK &&
                            !empty($basic['linkedin_link_url']))
                        <li>
                            <a class="social-linkedin" href="{{ $basic['linkedin_link_url'] ?? '#' }}">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="18"
                                    height="18">
                                    <path
                                        d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"
                                        fill="#56585A" />
                                </svg>
                            </a>
                        </li>
                    @endif
                </ul>
            </div>
        </div>
    </div>
    <div id="group-btn">
        @if (!empty($basic['cv_text2']))
            <button class="plan-list__btn"
                onclick="window.open('{!! textLocale('cv_url2', $basic, $lang) ?? '#' !!}', '_blank')">{!! setTextDefault(textLocale('cv_text2', $basic, $lang)) !!}</button>
        @endif
        <button class="vacancy-search__btn">{!! setTextDefault(textLocale('cv_text1', $basic, $lang)) !!}</button>
    </div>
    <div class="menu-resverse" id="menu-resverse">
        <section class="reserve-top" id="modal-search" 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) }}">
            <div class="btn-close">
                <svg class="btn-close" xmlns="http://www.w3.org/2000/svg" width="33" height="53"
                    viewbox="0 0 33 53">
                    <text id="_" data-name="✕" transform="translate(0 43)" font-size="40"
                        font-family="SegoeUIEmoji, Segoe UI Emoji">
                        <tspan x="0" y="0">&#x2715;</tspan>
                    </text>
                </svg>
            </div>
            <div class="reserve-heading">
                <h2 class="heading-title">Reserve</h2>
                <p class="heading-desc" data-i18n="search_modal.search_txt"></p>
            </div>
            <div class="search-box" id="booking-form">
                <div class="form">
                    <div class="search-icon__form form-content">
                        <div class="icon-search">
                            <svg id="検索用の虫眼鏡アイコン素材_その3_1_" data-name="検索用の虫眼鏡アイコン素材 その3 (1)"
                                xmlns="http://www.w3.org/2000/svg" width="30" height="30"
                                viewbox="0 0 30 30">
                                <path id="Path_891" data-name="Path 891"
                                    d="M29.114,24.834l-5-5a14.54,14.54,0,0,1-.9,1.239l-1.845-1.845c.08-.1.158-.208.235-.315.052-.072.1-.144.152-.216.009-.011.016-.023.024-.035.05-.073.1-.148.149-.222.105-.161.207-.323.3-.489a11.914,11.914,0,0,0,0-12.038,12.026,12.026,0,0,0-4.28-4.28,11.914,11.914,0,0,0-12.038,0c-.073.042-.144.086-.216.131-.092.056-.183.114-.273.173-.16.1-.318.213-.473.325-.052.037-.1.075-.154.113L4.635,2.5l-.149.118c-.1.078-.193.157-.287.238A11.949,11.949,0,0,0,2.851,4.2c-.081.094-.16.189-.238.287L2.5,4.635,2.374,4.8c-.038.051-.076.1-.113.154-.112.155-.22.313-.325.473-.059.09-.117.182-.173.273-.045.072-.088.143-.131.216a11.914,11.914,0,0,0,0,12.038,12.026,12.026,0,0,0,4.28,4.28,11.913,11.913,0,0,0,12.038,0q.166-.1.328-.2c.054-.034.108-.068.162-.1.074-.048.149-.1.222-.149l.035-.024c.073-.049.144-.1.216-.152.106-.077.211-.156.315-.235l1.845,1.845a14.582,14.582,0,0,1-1.239.9l5,5a3.026,3.026,0,0,0,4.279-4.28ZM16.681,18.942c-.024.017-.048.034-.073.049s-.056.038-.085.056l-.078.05-.1.062-.1.058c-.068.041-.137.08-.206.118l-.016.009c-.056.031-.113.061-.17.091-.022.013-.045.025-.068.036l-.137.068q-.131.065-.265.124a8.465,8.465,0,0,1-6.911,0,8.517,8.517,0,0,1-4.28-4.28,8.444,8.444,0,0,1,.448-7.773l.058-.1c.054-.089.11-.177.169-.264.032-.049.065-.1.1-.146s.083-.12.127-.179c.067-.091.135-.181.2-.269A8.565,8.565,0,0,1,6.66,5.3c.088-.07.178-.138.269-.2q.088-.066.179-.127c.048-.035.1-.067.146-.1.086-.059.175-.115.264-.169l.1-.058A8.47,8.47,0,0,1,19.666,15.386q-.06.134-.124.265c-.022.046-.045.092-.068.137-.011.023-.023.046-.036.068-.029.057-.06.114-.091.17l-.009.016c-.038.069-.078.137-.118.206l-.058.1q-.03.051-.062.1c-.016.026-.033.052-.05.078s-.036.057-.056.085-.032.049-.049.073l-.05.073a.362.362,0,0,1-.03.043c-.019.029-.04.058-.061.086a8.024,8.024,0,0,1-.5.63c-.032.037-.065.073-.1.11s-.085.093-.128.138-.1.105-.154.157-.1.1-.157.154-.092.086-.138.128-.073.066-.11.1a8.027,8.027,0,0,1-.63.5l-.086.061a.349.349,0,0,1-.043.03Z">
                                </path>
                            </svg>
                            <span data-i18n="search_modal.vacancy_search"></span>
                        </div>
                    </div>
                    <div class="search-date__form form-content date-pc">
                        <div class="search_box__date_time">
                            <label for="" data-i18n="search_modal.check_in"></label>
                            <div class="search_box__time">
                                <input class="input_date date_check_in" id="datepicker" type="text"
                                    name="date" onchange="handleChangeDateCheckIn(this, 'modal-search')">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                    viewbox="0 0 20 20">
                                    <g id="カレンダーのフリーアイコン19" transform="translate(-17.867)">
                                        <path id="Path_730" data-name="Path 730"
                                            d="M102.14,3.663a.7.7,0,0,0,.7-.7V.7a.7.7,0,0,0-1.409,0V2.958A.7.7,0,0,0,102.14,3.663Z"
                                            transform="translate(-80.052)"></path>
                                        <path id="Path_731" data-name="Path 731"
                                            d="M239.528,3.663a.7.7,0,0,0,.7-.7V.7a.7.7,0,0,0-1.409,0V2.958A.7.7,0,0,0,239.528,3.663Z"
                                            transform="translate(-211.661)"></path>
                                        <path id="Path_732" data-name="Path 732"
                                            d="M35.048,44.9h-.114v1.059a1.3,1.3,0,0,1-2.6,0V44.9H29.165v1.059a1.3,1.3,0,0,1-2.6,0V44.9H23.4v1.059a1.3,1.3,0,0,1-2.6,0V44.9h-.113a2.721,2.721,0,0,0-2.819,2.61V60.448a2.721,2.721,0,0,0,2.819,2.61H35.048a2.721,2.721,0,0,0,2.819-2.61V47.509A2.721,2.721,0,0,0,35.048,44.9ZM36.713,60.25a1.813,1.813,0,0,1-1.879,1.74H20.9a1.814,1.814,0,0,1-1.88-1.74V50.558H36.713V60.25Z"
                                            transform="translate(0 -43.057)"></path>
                                        <path id="Path_733" data-name="Path 733"
                                            d="M376.9,3.663a.7.7,0,0,0,.7-.7V.7A.7.7,0,0,0,376.2.7V2.958A.7.7,0,0,0,376.9,3.663Z"
                                            transform="translate(-343.254)"></path>
                                    </g>
                                </svg>
                            </div>
                        </div><span class="space-date">-</span>
                        <div class="search_box__date_time">
                            <label for="" data-i18n="search_modal.check_out"></label>
                            <div class="search_box__time">
                                <input class="input_date date_check_out" id="datepicker" type="text"
                                    name="date" onchange="handleChangeDateCheckOut(this, 'modal-search')">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                    viewbox="0 0 20 20">
                                    <g id="カレンダーのフリーアイコン19" transform="translate(-17.867)">
                                        <path id="Path_730" data-name="Path 730"
                                            d="M102.14,3.663a.7.7,0,0,0,.7-.7V.7a.7.7,0,0,0-1.409,0V2.958A.7.7,0,0,0,102.14,3.663Z"
                                            transform="translate(-80.052)"></path>
                                        <path id="Path_731" data-name="Path 731"
                                            d="M239.528,3.663a.7.7,0,0,0,.7-.7V.7a.7.7,0,0,0-1.409,0V2.958A.7.7,0,0,0,239.528,3.663Z"
                                            transform="translate(-211.661)"></path>
                                        <path id="Path_732" data-name="Path 732"
                                            d="M35.048,44.9h-.114v1.059a1.3,1.3,0,0,1-2.6,0V44.9H29.165v1.059a1.3,1.3,0,0,1-2.6,0V44.9H23.4v1.059a1.3,1.3,0,0,1-2.6,0V44.9h-.113a2.721,2.721,0,0,0-2.819,2.61V60.448a2.721,2.721,0,0,0,2.819,2.61H35.048a2.721,2.721,0,0,0,2.819-2.61V47.509A2.721,2.721,0,0,0,35.048,44.9ZM36.713,60.25a1.813,1.813,0,0,1-1.879,1.74H20.9a1.814,1.814,0,0,1-1.88-1.74V50.558H36.713V60.25Z"
                                            transform="translate(0 -43.057)"></path>
                                        <path id="Path_733" data-name="Path 733"
                                            d="M376.9,3.663a.7.7,0,0,0,.7-.7V.7A.7.7,0,0,0,376.2.7V2.958A.7.7,0,0,0,376.9,3.663Z"
                                            transform="translate(-343.254)"></path>
                                    </g>
                                </svg>
                            </div>
                        </div>
                    </div>
                    <div class="search-date__form form-content date-sp">
                        <div class="search_box__date_time">
                            <label for="" data-i18n="search_modal.scheduled_stay_date"></label>
                            <div class="search_box__time">
                                <input class="input_date dates" id="datepicker" type="text" name="dates">
                                <svg id="calendar-due" xmlns="http://www.w3.org/2000/svg" width="24"
                                    height="24" viewbox="0 0 24 24">
                                    <path id="Path_8529" data-name="Path 8529" d="M0,0H24V24H0Z" fill="none">
                                    </path>
                                    <path id="Path_8530" data-name="Path 8530"
                                        d="M4,5,4,7A2,2,0,0,1,6,5H18a2,2,0,0,1,2,2V19a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2Z"
                                        fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="1"></path>
                                    <path id="Path_8531" data-name="Path 8531" d="M16,3V7" fill="none"
                                        stroke="#000" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="1"></path>
                                    <path id="Path_8532" data-name="Path 8532" d="M8,3V7" fill="none"
                                        stroke="#000" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="1"></path>
                                    <path id="Path_8533" data-name="Path 8533" d="M4,11H20" fill="none"
                                        stroke="#000" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="1"></path>
                                </svg>
                            </div>
                        </div>
                    </div>
                    <div class="search-people__form form-content">
                        @if (showSearchRoom(fieldPropertyValue('reservation_engine', $basic)))
                            <div class="half-content form-select">
                                <label for="numberOfRooms" data-i18n="search_modal.rooms"></label>
                                <select id="numberOfRooms" name="numRoom">
                                    @for ($i = 1; $i <= (fieldPropertyValue('max_room', $basic) ?? 10); $i++)
                                        <option value="{{ $i }}"
                                            data-i18n="search_modal.rooms_option.rooms_option_{{ str_pad($i, 2, '0', STR_PAD_LEFT) }}">
                                        </option>
                                    @endfor
                                </select>
                            </div>
                        @endif
                        @if (showSearchPeople(fieldPropertyValue('reservation_engine', $basic)))
                            <div class="half-content form-select">
                                <label for="numberOfAdults" data-i18n="search_modal.people"></label>
                                <select id="numberOfAdults" name="numPeople">
                                    @for ($i = 1; $i <= (fieldPropertyValue('max_people', $basic) ?? 10); $i++)
                                        <option value="{{ $i }}"
                                            data-i18n="search_modal.people_option.people_option_{{ str_pad($i, 2, '0', STR_PAD_LEFT) }}">
                                        </option>
                                    @endfor
                                </select>
                            </div>
                        @endif
                    </div>
                    <div class="search-btn__form form-content">
                        <button class="reservation-button button-cv" onclick="searchHotel('modal-search')"
                            data-i18n="search_modal.search_btn"></button>
                    </div>
                </div>
            </div>
            <div class="applyCancel">
                <a class="textApplyCancel" data-i18n="search_modal.search_plan_list"
                    href="https://go-oursinn-hankyu.reservation.jp/ja/reservations/detail_entry"></a>
            </div>
        </section>
    </div>
</div>

<script>
    const maxRoom = {!! json_encode($basic['max_room'] ?? 10) !!};
    const maxPeople = {!! json_encode($basic['max_people'] ?? 10) !!};

    function changLanguage(elm) {
        let multiLangMode = {!! json_encode(MultiLangMode::toArray()) !!};
        let multiLang = {!! json_encode(MultiLangMode::asSelectArray()) !!};
        let oldLang = {!! $lang !!};
        let isPublish = {!! json_encode($domainPublish ?? false) !!};

        let pathNameList = document.location.pathname.split('/');
        let lang = elm;
        const stringToSlug = (str) => {
            return str
                .trim()
                .toLowerCase()
                .replace(/[\W_]+/g, '-')
                .replace(/^-+|-+$/g, '');
        };

        if (!Object.values(multiLangMode).includes(parseInt(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>