@php
    use App\Enums\MultiLangMode;
    use App\Enums\LinkType;
    use App\Enums\OptionManagementHeader;
    use App\Enums\LanguageSetting;
    use App\Enums\LinkDestinationType;
@endphp
<a class="header-logo flex center-align" href="{{ setUrl($project->id, $domainPublish ?? false, $lang) }}">
    <div class="header-logo__img">
        <img src="{{ setImagePreview($basic['logo'] ?? null) }}" class="{!! checkFileSvg(setImagePreview($basic['logo'])) ? 'svg_logo' : '' !!}" alt="">
    </div>
    @if ($basic['show_facility_name'])
        <div class="header-logo__txt header-white__txt" href="{{ setUrl($project->id, $domainPublish ?? false, $lang) }}">
            {{ setTextDefault(textLocale('facility_name', $basic, $lang)) }}
        </div>
    @endif
</a>
<div class="header-menu flex center-align">
    <div class="header-menu__list pc-flex" id="header-menu__list">
        <a class="menu-list header-white__txt" href="{!! setUrl($project->id, $domainPublish ?? false, $lang) !!}">
            {!! setTextDefault(
                textLocale('top_display_text', $basic, $lang),
                config('translate.' . $lang . '.basic.top_display_text'),
            ) !!}
        </a>
        @if ($project->show_room)
            <a class="menu-list header-white__txt" 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>
        @endif
        @if ($project->show_food_list)
            <a class="menu-list header-white__txt" 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>
        @endif
        @if ($project->show_facility)
            <a class="menu-list header-white__txt" 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>
        @endif
        @if ($project->show_sightseeing)
            <a class="menu-list header-white__txt" 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>
        @endif
        @if ($project->show_access)
            <a class="menu-list header-white__txt" 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>
        @endif
        @if ($project->show_plan)
            <a class="menu-list header-white__txt" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->plan_url) !!}">
                {!! setTextDefault(
                    textLocale('plan_display_text', $basic, $lang),
                    config('translate.' . $lang . '.basic.plan_display_text'),
                ) !!}
            </a>
        @endif
        @if (!empty($basic['additional_link_display_text1']))
            <a class="menu-list header-white__txt" href="{!! setTextDefault($basic['additional_link_url1'] ?? null, '#') !!}">
                {!! setTextDefault(textLocale('additional_link_display_text1', $basic, $lang)) !!}
            </a>
        @endif
        @if (!empty($basic['additional_link_display_text2']))
            <a class="menu-list header-white__txt" href="{!! setTextDefault($basic['additional_link_url2'] ?? null, '#') !!}">
                {!! setTextDefault(textLocale('additional_link_display_text2', $basic, $lang)) !!}
            </a>
        @endif
        @if (!empty($basic['additional_link_display_text3']))
            <a class="menu-list header-white__txt" href="{!! setTextDefault($basic['additional_link_url3'] ?? null, '#') !!}">
                {!! setTextDefault(textLocale('additional_link_display_text3', $basic, $lang)) !!}
            </a>
        @endif
        @foreach ($project->optionManagements as $optionManagement)
            @if (fieldPropertyValue('is_header', $optionManagement) == OptionManagementHeader::ADD &&
                    fieldPropertyValue('is_publish', $optionManagement) == 1)
                @if (fieldPropertyValue('is_page', $optionManagement) == 1 &&
                        !empty($project[LinkDestinationType::getLinkProject(fieldPropertyValue('target_page', $optionManagement))]))
                    <a class="menu-list header-white__txt" 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="menu-list header-white__txt" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, fieldPropertyValue('url', $optionManagement)) !!}">
                        {!! setTextDefault(textLocale('page_name', $optionManagement, $lang)) !!}
                    </a>
                @endif
            @endif
        @endforeach
        @if ($project->multi_lang_mode)
            <div class="flex change-language menu-list header-white__txt">
                <div class="change-language__item {{ $lang == MultiLangMode::DEFAULT ? 'active' : '' }}"
                    onclick="changLanguage({{ MultiLangMode::DEFAULT }})">JP</div>
                @if ($project->multi_lang_mode)
                    @foreach ($project->multi_lang_mode as $langMode)
                        <span>/</span>
                        <div class="change-language__item {{ $lang == $langMode ? 'active' : '' }}"
                            onclick="changLanguage({{ $langMode }})">{!! MultiLangMode::getLangHtml($langMode) !!}</div>
                    @endforeach
                @endif
            </div>
        @endif
    </div>
    <div class="header-menu__list--fullwidth"></div>
    <div class="header-more">
        <div class="header-white__txt">More</div>
        <div class="header-more__item" id="header-more__item"></div>
    </div>
    <div class="couple-button-header flex">
        @if (!empty($basic['cv_text2']))
            <a class="couple-button__item vacancy-reservation-btn flex center-align center-justify button-cv"
                target="_blank" href="{!! textLocale('cv_url2', $basic, $lang) ?? '#' !!}">
                {!! setTextDefault(textLocale('cv_text2', $basic, $lang)) !!}
            </a>
        @endif
        <div class="couple-button__item show-modal-search plan-list-btn flex center-align center-justify"
            id="show-modal-search">
            {!! setTextDefault(textLocale('cv_text1', $basic, $lang), config('translate.' . $lang . '.basic.cv_text1')) !!}
        </div>
        <div class="couple-button__item show-modal-search plan-list-btn flex center-align center-justify hide"
            id="hide-modal-search" data-i18n="search_modal.btn_close_up"></div>
    </div>
    <div class="close-search-form-sp">
        <div class="close-menu__icon flex">
            <svg xmlns="http://www.w3.org/2000/svg" width="13.707" height="13.707" viewbox="0 0 13.707 13.707">
                <g id="Group_2197" data-name="Group 2197" transform="translate(-338.646 -22.646)">
                    <line id="Line_766" data-name="Line 766" x2="13" y2="13"
                        transform="translate(339 23)" fill="none" stroke="#fff" stroke-width="1"></line>
                    <line id="Line_1851" data-name="Line 1851" x1="13" y2="13"
                        transform="translate(339 23)" fill="none" stroke="#fff" stroke-width="1"> </line>
                </g>
            </svg>
        </div>
    </div>
    <div class="btn-show-menu sp-flex center-align" id="show-menu-sp">
        <div class="btn-show-menu__txt header-white__txt">Menu</div>
        <div class="btn-show-menu__icon header-white__svg">
            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="21" viewbox="0 0 30 21">
                <g id="Group_1189" data-name="Group 1189" transform="translate(-325 -19.5)">
                    <line id="Line_1898" data-name="Line 1898" x2="30" transform="translate(325 20)"
                        fill="none" stroke="#fff" stroke-width="1"></line>
                    <line id="Line_1899" data-name="Line 1899" x2="20" transform="translate(335 30)"
                        fill="none" stroke="#fff" stroke-width="1"></line>
                    <line id="Line_1900" data-name="Line 1900" x2="10" transform="translate(345 40)"
                        fill="none" stroke="#fff" stroke-width="1"></line>
                </g>
            </svg>
        </div>
    </div>
    <div class="header-menu__modal--sp sp" id="header-menu__modal--sp">
        <div class="menu-modal__row flex center-align between-justify">
            <a class="header-logo flex center-align"
                href="{{ setUrl($project->id, $domainPublish ?? false, $lang) }}">
                <div class="header-logo__img">
                    <img src="{{ setImagePreview($basic['logo'] ?? null) }}" alt="">
                </div>
                @if ($basic['show_facility_name'])
                    <div class="header-logo__txt header-white__txt"
                        href="{{ setUrl($project->id, $domainPublish ?? false, $lang) }}">
                        {{ setTextDefault(textLocale('facility_name', $basic, $lang)) }}
                    </div>
                @endif
            </a>
            <div class="close-btn-menu flex center-align" id="close-menu-sp">
                <div class="close-menu__txt">Menu</div>
                <div class="close-menu__icon flex">
                    <svg xmlns="http://www.w3.org/2000/svg" width="13.707" height="13.707"
                        viewbox="0 0 13.707 13.707">
                        <g id="Group_2197" data-name="Group 2197" transform="translate(-338.646 -22.646)">
                            <line id="Line_766" data-name="Line 766" x2="13" y2="13"
                                transform="translate(339 23)" fill="none" stroke="#000" stroke-width="1"></line>
                            <line id="Line_1851" data-name="Line 1851" x1="13" y2="13"
                                transform="translate(339 23)" fill="none" stroke="#000" stroke-width="1"></line>
                        </g>
                    </svg>
                </div>
            </div>
        </div>
        <div class="header-menu__list--sp">
            <div class="header-menu__list-top">
                <div class="menu-item">
                    <a class="menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang) !!}">
                        {!! setTextDefault(
                            textLocale('top_display_text', $basic, $lang),
                            config('translate.' . $lang . '.basic.top_display_text'),
                        ) !!}
                    </a>
                </div>
                @if ($project->show_room)
                    <div class="menu-item">
                        <a class="menu-link" 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>
                    </div>
                @endif
                @if ($project->show_food_list)
                    <div class="menu-item">
                        <a class="menu-link" 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>
                    </div>
                @endif
                @if ($project->show_facility)
                    <div class="menu-item">
                        <a class="menu-link" 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>
                @endif
                @if ($project->show_sightseeing)
                    <div class="menu-item">
                        <a class="menu-link" 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>
                @endif
                @if ($project->show_access)
                    <div class="menu-item">
                        <a class="menu-link" 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>
                @endif
                @if ($project->show_plan)
                    <div class="menu-item">
                        <a class="menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->plan_url) !!}">
                            {!! setTextDefault(
                                textLocale('plan_display_text', $basic, $lang),
                                config('translate.' . $lang . '.basic.plan_display_text'),
                            ) !!}
                        </a>
                    </div>
                @endif
                @if (!empty($basic['additional_link_display_text1']))
                    <div class="menu-item">
                        <a class="menu-link" href="{!! setTextDefault($basic['additional_link_url1'] ?? null, '#') !!}">
                            {!! setTextDefault(textLocale('additional_link_display_text1', $basic, $lang)) !!}
                        </a>
                    </div>
                @endif
                @if (!empty($basic['additional_link_display_text2']))
                    <div class="menu-item">
                        <a class="menu-link" href="{!! setTextDefault($basic['additional_link_url2'] ?? null, '#') !!}">
                            {!! setTextDefault(textLocale('additional_link_display_text2', $basic, $lang)) !!}
                        </a>
                    </div>
                @endif
                @if (!empty($basic['menu-link']))
                    <div class="menu-item">
                        <a class="menu-list header-white__txt" href="{!! setTextDefault($basic['additional_link_url3'] ?? null, '#') !!}">
                            {!! setTextDefault(textLocale('additional_link_display_text3', $basic, $lang)) !!}
                        </a>
                    </div>
                @endif
                @foreach ($project->optionManagements as $optionManagement)
                    @if (fieldPropertyValue('is_header', $optionManagement) == OptionManagementHeader::ADD &&
                            fieldPropertyValue('is_publish', $optionManagement) == 1)
                        <div class="menu-item">
                            @if (fieldPropertyValue('is_page', $optionManagement) == 1 &&
                                    !empty($project[LinkDestinationType::getLinkProject(fieldPropertyValue('target_page', $optionManagement))]))
                                <a class="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="menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, fieldPropertyValue('url', $optionManagement)) !!}">
                                    {!! setTextDefault(textLocale('page_name', $optionManagement, $lang)) !!}
                                </a>
                            @endif
                        </div>
                    @endif
                @endforeach
            </div>
            <div class="header-menu__list-bottom">
                @if ($project->show_terms_of_use)
                    <div class="menu-item">
                        <a class="menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->terms_of_use_url) !!}">
                            {!! setTextDefault(
                                textLocale('terms_of_use_display_text', $basic, $lang),
                                config('translate.' . $lang . '.basic.terms_of_use_display_text'),
                            ) !!}
                        </a>
                    </div>
                @endif
                @if ($project->show_accommodation_agreement)
                    <div class="menu-item">
                        <a class="menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->accommodation_agreement_url) !!}">
                            {!! setTextDefault(
                                textLocale('accommodation_agreement_display_text', $basic, $lang),
                                config('translate.' . $lang . '.basic.accommodation_agreement_display_text'),
                            ) !!}
                        </a>
                    </div>
                @endif
                @if ($project->show_privacy_policy)
                    <div class="menu-item">
                        <a class="menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->privacy_policy_url) !!}">
                            {!! setTextDefault(
                                textLocale('privacy_policy_display_text', $basic, $lang),
                                config('translate.' . $lang . '.basic.privacy_policy_display_text'),
                            ) !!}
                        </a>
                    </div>
                @endif
                @if ($project->show_commercial_law)
                    <div class="menu-item">
                        <a class="menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->commercial_law_url) !!}">
                            {!! setTextDefault(
                                textLocale('commercial_law_display_text', $basic, $lang),
                                config('translate.' . $lang . '.basic.commercial_law_display_text'),
                            ) !!}
                        </a>
                    </div>
                @endif
                @if (!empty($basic['about_display_text']))
                    <div class="menu-item">
                        <a class="menu-link" href="{!! textLocale('about_url', $basic, $lang) ?? '#' !!}">
                            {!! setTextDefault(textLocale('about_display_text', $basic, $lang)) !!}
                        </a>
                    </div>
                @endif
                @if (!empty($basic['additional_link_footer_display_text']))
                    <div class="menu-item">
                        <a class="menu-link" href="{!! textLocale('additional_link_footer_url', $basic, $lang) ?? '#' !!}">
                            {!! setTextDefault(textLocale('additional_link_footer_display_text', $basic, $lang)) !!}
                        </a>
                    </div>
                @endif
                @if ($project->show_contact)
                    <div class="menu-item">
                        <a class="menu-link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->contact_url) !!}">
                            {!! config('translate.' . $lang . '.basic.contact') !!}
                        </a>
                    </div>
                @endif
            </div>
            <div class="header-menu__info">
                @if (!empty($basic['postal_code']))
                    <span data-i18n="postal_code"></span>
                @endif{!! setPostalCode($basic['postal_code'] ?? null, $lang) !!}
                <br>
                {!! setTextDefault(
                    address('prefecture', 'city', 'address', $basic, $lang),
                    config('translate.' . $lang . '.basic.address'),
                ) !!}
            </div>
            <div class="header-menu__phone">
                {!! setTextDefault($basic['phone'] ?? null, '0120-000-000') !!}
            </div>
            <div class="menu-link-sns flex">
                @if (
                    !empty($basic['facebook_link_type']) &&
                        $basic['facebook_link_type'] == LinkType::THERE_IS_A_LINK &&
                        !empty($basic['facebook_link_url']))
                    <a class="facebook-sns-icon menu-link-sns__item" href="{{ $basic['facebook_link_url'] ?? '#' }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
                            <path
                                d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-3 7h-1.924c-.615 0-1.076.252-1.076.889v1.111h3l-.238 3h-2.762v8h-3v-8h-2v-3h2v-1.923c0-2.022 1.064-3.077 3.461-3.077h2.539v3z">
                            </path>
                        </svg>
                    </a>
                @endif
                @if (!empty($instagramFollowUrl))
                    <a class="instagram-sns-icon menu-link-sns__item" href="{{ $instagramFollowUrl }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
                            <path
                                d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z">
                            </path>
                        </svg>
                    </a>
                @endif
            </div>
            @if ($project->multi_lang_mode)
                <div class="flex change-language menu-list header-white__txt">
                    <div class="change-language__item {{ $lang == MultiLangMode::DEFAULT ? 'active' : '' }}"
                        onclick="changLanguage({{ MultiLangMode::DEFAULT }})">JP</div>
                    @if ($project->multi_lang_mode)
                        @foreach ($project->multi_lang_mode as $langMode)
                            <span>/</span>
                            <div class="change-language__item {{ $lang == $langMode ? 'active' : '' }}"
                                onclick="changLanguage({{ $langMode }})">{!! MultiLangMode::getLangHtml($langMode) !!}</div>
                        @endforeach
                    @endif
                </div>
            @endif
        </div>
    </div>
</div>
<div class="search-box-fixer relative" id="search-box-fixer">
    <div class="overlay-search-form"></div>
    <div class="search_box" id="search_box_cm" 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="container">
            <div class="search_box__body">
                <div class="search_box__search_text sp" data-i18n="search_modal.search_txt_sp"> </div>
                <div class="search_box__left">
                    <div class="search_box__search search_border pc-flex">
                        <div class="search_box__svg">
                            <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>
                        </div>
                        <div class="search_box__search_text" data-i18n="search_modal.search_txt"> </div>
                    </div>
                    <div class="search_box__date_time search_border">
                        <div class="pc-flex">
                            <div class="search_box__text w-40" data-i18n="search_modal.check_in"></div>
                            <div class="search_box__text w-50" data-i18n="search_modal.check_out"></div>
                        </div>
                        <div class="search_box__time flex">
                            <div class="search_box__text sp" data-i18n="search_modal.dates"></div>
                            <input class="input_date" id="datepicker-cm" type="text" name="dates">
                            <label class="calendar_img" for="datepicker-cm"><img src="https://assets.micado-rayout.jp/img/common/datetime.svg"
                                    alt="calendar_img"></label>
                        </div>
                    </div>
                    <div class="search_box__select search_border pr-sp-15">
                        @if (showSearchRoom(fieldPropertyValue('reservation_engine', $basic)))
                            <div class="search_box__text sp" data-i18n="search_modal.rooms"></div>
                        @endif
                        <div class="search_box__text pc">
                            @if (showSearchRoom(fieldPropertyValue('reservation_engine', $basic)))
                                <span data-i18n="search_modal.rooms"></span>
                                @if (showSearchPeople(fieldPropertyValue('reservation_engine', $basic)))
                                    <span class="and-txt">&</span>
                                @endif
                            @endif
                            @if (showSearchPeople(fieldPropertyValue('reservation_engine', $basic)))
                                <span data-i18n="search_modal.people"></span>
                            @endif
                        </div>
                        <div class="flex">
                            @if (showSearchRoom(fieldPropertyValue('reservation_engine', $basic)))
                                <div class="search_box__option">
                                    <select id="numOfRoom" name="numRoom"
                                        onchange="changeNumOfRoom('search_box_cm')">
                                        @for ($i = 1; $i <= ($basic['max_room'] ?? 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>
                                @if (showSearchPeople(fieldPropertyValue('reservation_engine', $basic)))
                                    <span class="date-input__text pc">-</span>
                                @endif
                            @endif
                            @if (showSearchPeople(fieldPropertyValue('reservation_engine', $basic)))
                                <div class="search_box__option pc">
                                    <select id="numOfPeople" name="numPeople">
                                        @for ($i = 1; $i <= ($basic['max_people'] ?? 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>
                    <div class="button-coupon button-custom"><span data-i18n="search_modal.coupon_code_pc"></span>
                        <div class="box-coupon">
                            <div class="box-coupon__close">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="35"
                                    viewbox="0 0 24 35">
                                    <text id="_" data-name="×" transform="translate(0 28)" font-size="24"
                                        font-family="SourceHanSansJP-Regular, Source Han Sans JP"
                                        letter-spacing="0.06em" opacity="0.6">
                                        <tspan x="0" y="0">&times;</tspan>
                                    </text>
                                </svg>
                            </div>
                            {{-- <div class="box-coupon__col">
                                <div class="box-coupon__title" data-i18n="search_modal.card"></div>
                                <div class="box-coupon__input">
                                    <input type="text" placeholder="12345678">
                                </div>
                            </div> --}}
                            <div class="box-coupon__col">
                                <div class="box-coupon__title" data-i18n="search_modal.code"></div>
                                <div class="box-coupon__input">
                                    <input class="discount-code discount-pc discount-cm" type="text"
                                        placeholder="12345678">
                                </div>
                            </div>
                        </div>
                    </div>
                    @if (showSearchPeople(fieldPropertyValue('reservation_engine', $basic)))
                        <div class="search_box__select search_border pl-sp-15 sp-flex">
                            <div class="search_box__text" data-i18n="search_modal.people"></div>
                            <div class="search_box__option">
                                <select id="numOfPeople" name="numPeople">
                                    @for ($i = 1; $i <= ($basic['max_people'] ?? 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>
                        </div>
                    @endif
                </div>
                <div class="search_box__right">
                    <div class="couple__button_purple search_box__button flex center-align center-justify flex button-cv"
                        data-index="2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="17.355" height="17.355"
                            viewbox="0 0 17.355 17.355">
                            <path id="Path_925" data-name="Path 925"
                                d="M16.843,14.367l-2.893-2.893a8.412,8.412,0,0,1-.522.717L12.36,11.123c.046-.06.092-.121.136-.182.03-.042.06-.083.088-.125l.014-.02c.029-.043.058-.086.086-.129.061-.093.12-.187.176-.283a6.892,6.892,0,0,0,0-6.964A6.957,6.957,0,0,0,10.384.944a6.892,6.892,0,0,0-6.964,0l-.125.076c-.053.033-.106.066-.158.1-.093.061-.184.123-.274.188l-.089.066-.093.071L2.6,1.512c-.056.045-.112.091-.166.138a6.913,6.913,0,0,0-.78.78c-.047.055-.093.11-.138.166l-.068.086-.071.093-.066.089c-.065.09-.128.181-.188.274-.034.052-.068.105-.1.158s-.051.083-.076.125a6.892,6.892,0,0,0,0,6.964A6.957,6.957,0,0,0,3.42,12.86a6.892,6.892,0,0,0,6.964,0q.1-.056.19-.116l.094-.06L10.8,12.6l.02-.014c.042-.029.084-.058.125-.088.062-.045.122-.09.182-.136l1.067,1.067a8.436,8.436,0,0,1-.717.522l2.893,2.893a1.751,1.751,0,0,0,2.476-2.476ZM9.65,10.958l-.043.029-.049.033-.045.029-.059.036-.055.034-.119.069-.009.005-.1.053-.04.021-.079.04q-.076.038-.153.072a4.9,4.9,0,0,1-4,0A4.927,4.927,0,0,1,2.427,8.9a4.885,4.885,0,0,1,.259-4.5l.033-.055c.031-.052.064-.1.1-.153.019-.029.037-.057.057-.085s.048-.07.074-.1c.038-.053.078-.1.119-.156a4.955,4.955,0,0,1,.786-.786c.051-.041.1-.08.156-.119q.051-.038.1-.074L4.2,2.817c.05-.034.1-.067.153-.1L4.4,2.686A4.9,4.9,0,0,1,11.377,8.9q-.035.077-.072.153l-.04.079c-.007.013-.014.027-.021.04-.017.033-.035.066-.053.1l-.005.009c-.022.04-.045.08-.069.119l-.033.055-.036.059-.029.045c-.011.017-.021.033-.033.049s-.019.029-.029.043l-.029.042a.209.209,0,0,1-.017.025l-.035.05a4.642,4.642,0,0,1-.291.365l-.057.064c-.025.027-.049.054-.074.08l-.089.091-.091.089-.08.074-.064.057a4.643,4.643,0,0,1-.365.291l-.05.035-.025.017Z"
                                transform="translate(0)" fill="#fff"></path>
                        </svg>
                        <span data-i18n="search_modal.search_btn" class="pc"></span>
                        <span data-i18n="search_modal.search_btn_sp" class="sp"></span>
                    </div>
                </div>
                <div class="button-coupon view-more-plan"><span data-i18n="search_modal.coupon_code"> </span>
                    <div class="box-coupon">
                        <div class="box-coupon__close">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="35"
                                viewbox="0 0 24 35">
                                <text id="_" data-name="×" transform="translate(0 28)" font-size="24"
                                    font-family="SourceHanSansJP-Regular, Source Han Sans JP" letter-spacing="0.06em"
                                    opacity="0.6">
                                    <tspan x="0" y="0">&times;</tspan>
                                </text>
                            </svg>
                        </div>
                        {{-- <div class="box-coupon__col">
                            <div class="box-coupon__title" data-i18n="search_modal.card"></div>
                            <div class="box-coupon__input">
                                <input type="text" placeholder="12345678">
                            </div>
                        </div> --}}
                        <div class="box-coupon__col">
                            <div class="box-coupon__title" data-i18n="search_modal.code"></div>
                            <div class="box-coupon__input">
                                <input class="discount-code discount-sp discount-cm" type="text"
                                    placeholder="12345678">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </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>