@php
    use App\Enums\MultiLangMode;
    use App\Enums\LinkType;
@endphp
<section class="contact-section">
    <div class="container contact-section__inner flex between-justify">
        <div class="contact-section__info">
            <div class="info-row flex">
                <div class="info-row__col">
                    <div class="contact-section__title">CONTACT US</div>
                    @if ($lang != MultiLangMode::ENGLISH)
                        <div class="contact-section__subtitle" data-i18n="footer.contact_us"></div>
                    @endif
                    <div class="contact-section__sub-info">{!! setTextDefault(fieldPropertyValue('phone', $basic)) !!}</div>
                    <div class="contact-section__more-info">
                        {{ setTextDefault(textLocale('business_hour', $basic, $lang)) }}</div>
                    <a class="contact-section__more-info"
                        href="mailto:{!! setTextDefault(fieldPropertyValue('mail', $basic)) !!}">{!! setTextDefault(fieldPropertyValue('mail', $basic)) !!}</a>
                </div>
                <div class="info-row__col">
                    <div class="contact-section__title">ACCESS</div>
                    @if ($lang != MultiLangMode::ENGLISH)
                        <div class="contact-section__subtitle" data-i18n="footer.access"></div>
                    @endif
                    <div class="contact-section__sub-info">
                        @if (!empty($basic['postal_code']))
                            <span data-i18n="postal_code"></span>
                        @endif{!! setPostalCode($basic['postal_code'] ?? null, $lang) !!}
                    </div>
                    <div class="contact-section__more-info">
                        {!! setTextDefault(
                            address('prefecture', 'city', 'address', $basic, $lang),
                            config('translate.' . $lang . '.basic.address'),
                        ) !!}
                    </div>
                </div>
            </div>
            <div class="contact-section__map sp">
                <iframe src="{!! urlMap(
                    setPostalCode($basic['postal_code'] ?? null, $lang) .
                        ($basic['prefecture'] ?? '') .
                        ($basic['city'] ?? '') .
                        ($basic['address'] ?? ''),
                    [
                        'lat' => fieldPropertyValue('lat', $basic),
                        'lng' => fieldPropertyValue('lng', $basic),
                    ],
                    $lang,
                ) !!}" width="600" height="450" style="border:0;" allowfullscreen=""
                    loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
            {{-- <div class="info-description" data-i18n="footer.contact_content">
            </div> --}}
        </div>
        <div class="contact-section__map pc">
            <iframe src="{!! urlMap(
                setPostalCode($basic['postal_code'] ?? null, $lang) .
                    ($basic['prefecture'] ?? '') .
                    ($basic['city'] ?? '') .
                    ($basic['address'] ?? ''),
                [
                    'lat' => fieldPropertyValue('lat', $basic),
                    'lng' => fieldPropertyValue('lng', $basic),
                ],
                $lang,
            ) !!}" width="600" height="450" style="border:0;" allowfullscreen=""
                loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
    </div>
</section>
<footer class="footer">
    <div class="container flex between-justify">
        <div class="footer-left">
            <div class="footer-branch">ibis Styles </div>
            <div class="footer-location">
                <span class="pc">{!! setTextDefault(textLocale('subheading', $topConcept, $lang)) !!}</span>
                <span class="sp">{!! setTextDefault(textLocale('subheading_sp', $topConcept, $lang)) !!}</span>
            </div>
            <div class="footer-nav flex center-align">
                @if ($project->show_terms_of_use)
                    <div class="footer-nav__item">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->terms_of_use_url) !!}">
                            {!! setTextDefault(textLocale('terms_of_use_display_text', $basic, $lang)) !!}
                        </a>
                    </div>
                @endif
                @if ($project->show_accommodation_agreement)
                    <div class="footer-nav__item">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->accommodation_agreement_url) !!}">
                            {!! setTextDefault(textLocale('accommodation_agreement_display_text', $basic, $lang)) !!}
                        </a>
                    </div>
                @endif
                @if ($project->show_privacy_policy)
                    <div class="footer-nav__item">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->privacy_policy_url) !!}">
                            {!! setTextDefault(textLocale('privacy_policy_display_text', $basic, $lang)) !!}
                        </a>
                    </div>
                @endif
                @if ($project->show_commercial_law)
                    <div class="footer-nav__item">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->commercial_law_url) !!}">
                            {!! setTextDefault(textLocale('commercial_law_display_text', $basic, $lang)) !!}
                        </a>
                    </div>
                @endif
                @if (!empty($basic['about_display_text']))
                    <div class="footer-nav__item">
                        <a 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="footer-nav__item">
                        <a 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="footer-nav__item">
                        <a href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->contact_url) !!}">
                            {!! config('translate.' . $lang . '.basic.contact') !!}
                        </a>
                    </div>
                @endif
            </div>
        </div>
        <div class="footer-right flex col">
            <div class="footer-media flex col">
                <div class="footer-media__title">OFFICIAL SNS</div>
                <div class="footer-media__list flex">
                    @if (
                        !empty($basic['twitter_link_type']) &&
                            $basic['twitter_link_type'] == LinkType::THERE_IS_A_LINK &&
                            !empty($basic['twitter_link_url']))
                        <div class="footer-media__list--item">
                            <a href="{{ $basic['twitter_link_url'] ?? '#' }}">
                                <svg xmlns="http://www.w3.org/2000/svg" width="22.681" height="18.146"
                                    viewbox="0 0 22.681 18.146">
                                    <path id="icons8-twitter"
                                        d="M24.681,4a14.922,14.922,0,0,1-3.7,1.447c-.031.008-.056.018-.085.026A5.1,5.1,0,0,0,12.207,9.1c0,.149-.012.422,0,.567A11.21,11.21,0,0,1,3.435,5.133a6.906,6.906,0,0,0-.324,2.3c0,1.589,1.242,3.149,3.175,4.117a4.648,4.648,0,0,1-1.157.158,3.046,3.046,0,0,1-1.995-.7v.058c0,2.221,2.357,3.732,4.452,4.153a4.063,4.063,0,0,1-1.7.276c-.295,0-1.338-.135-1.617-.187.583,1.82,2.685,2.843,4.689,2.879C7.39,19.42,6.3,19.876,3.093,19.876H2a13.746,13.746,0,0,0,7.2,2.269c8.426,0,13.215-6.422,13.215-12.476,0-.1,0-.3-.006-.507,0-.02.006-.04.006-.06s-.009-.06-.009-.091c0-.154-.007-.3-.01-.373a9.319,9.319,0,0,0,2.287-2.371,9.152,9.152,0,0,1-2.631.721A6.869,6.869,0,0,0,24.681,4Z"
                                        transform="translate(-2 -3.999)" fill="#fff"></path>
                                </svg>
                            </a>
                        </div>
                    @endif
                    @if (
                        !empty($basic['facebook_link_type']) &&
                            $basic['facebook_link_type'] == LinkType::THERE_IS_A_LINK &&
                            !empty($basic['facebook_link_url']))
                        <div class="footer-media__list--item">
                            <a href="{{ $basic['facebook_link_url'] ?? '#' }}">
                                <svg xmlns="http://www.w3.org/2000/svg" width="22.681" height="22.564"
                                    viewbox="0 0 22.681 22.564">
                                    <path id="icons8-facebook"
                                        d="M13.341,2a11.334,11.334,0,0,0-1.7,22.541V16.346H8.84V13.365h2.806V11.381c0-3.284,1.6-4.726,4.33-4.726A15.821,15.821,0,0,1,18.3,6.8V9.4H16.439c-1.159,0-1.564,1.1-1.564,2.337v1.63h3.4l-.46,2.981H14.876v8.219A11.334,11.334,0,0,0,13.341,2Z"
                                        transform="translate(-2 -2)" fill="#fff"></path>
                                </svg>
                            </a>
                        </div>
                    @endif
                    @if (!empty($instagramFollowUrl))
                        <div class="footer-media__list--item">
                            <a href="{{ $instagramFollowUrl }}">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.413" height="20.413"
                                    viewbox="0 0 20.413 20.413">
                                    <path id="icons8-instagram"
                                        d="M8.67,3A5.671,5.671,0,0,0,3,8.67v9.073a5.671,5.671,0,0,0,5.67,5.67h9.072a5.671,5.671,0,0,0,5.67-5.67V8.67A5.671,5.671,0,0,0,17.743,3ZM20.011,5.268A1.134,1.134,0,1,1,18.877,6.4,1.134,1.134,0,0,1,20.011,5.268Zm-6.8,2.268a5.67,5.67,0,1,1-5.67,5.67A5.671,5.671,0,0,1,13.207,7.536Zm0,2.268a3.4,3.4,0,1,0,3.4,3.4,3.4,3.4,0,0,0-3.4-3.4Z"
                                        transform="translate(-3 -3)" fill="#fff"></path>
                                </svg>
                            </a>
                        </div>
                    @endif
                    {{-- <div class="footer-media__list--item">
                        <a href="#">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20.413" height="22.682"
                                viewbox="0 0 20.413 22.682">
                                <path id="icons8-youtube"
                                    d="M6.039,2,7.716,8.06v2.906H9.169V8.06L10.868,2H9.4L8.794,4.758q-.257,1.208-.33,1.719H8.42q-.107-.716-.33-1.73L7.5,2Zm6.523,2.288a2.159,2.159,0,0,0-1.192.292,1.7,1.7,0,0,0-.669.935,5.541,5.541,0,0,0-.213,1.7v.952a6.087,6.087,0,0,0,.186,1.677,1.629,1.629,0,0,0,.631.93,2.164,2.164,0,0,0,1.223.3,2.15,2.15,0,0,0,1.2-.295,1.649,1.649,0,0,0,.64-.928,5.845,5.845,0,0,0,.2-1.683V7.214a5.747,5.747,0,0,0-.2-1.692,1.714,1.714,0,0,0-.642-.935A2.025,2.025,0,0,0,12.562,4.288Zm2.775.128V9.309a2.3,2.3,0,0,0,.308,1.336,1.108,1.108,0,0,0,.961.427,1.509,1.509,0,0,0,1.411-.908h.031l.128.8h1.154V4.417H17.858v5.2a.72.72,0,0,1-.261.3.645.645,0,0,1-.368.117.333.333,0,0,1-.321-.186,1.463,1.463,0,0,1-.1-.627V4.417ZM12.529,5.3a.44.44,0,0,1,.434.326,3.17,3.17,0,0,1,.122,1.032V8.7a3.209,3.209,0,0,1-.122,1.048.441.441,0,0,1-.432.321.431.431,0,0,1-.427-.321A3.3,3.3,0,0,1,11.986,8.7V6.66a3.18,3.18,0,0,1,.122-1.032A.432.432,0,0,1,12.529,5.3Zm-7.261,6.9A2.275,2.275,0,0,0,3,14.475v7.939a2.275,2.275,0,0,0,2.268,2.268H21.145a2.275,2.275,0,0,0,2.268-2.268V14.475a2.275,2.275,0,0,0-2.268-2.268Zm7.994,2.268h1.2v2.913h.009a1.311,1.311,0,0,1,.461-.509,1.155,1.155,0,0,1,.642-.193.976.976,0,0,1,.693.235,1.424,1.424,0,0,1,.365.758,7.322,7.322,0,0,1,.111,1.453v.875h0a4.175,4.175,0,0,1-.3,1.816.98.98,0,0,1-.928.583,1.288,1.288,0,0,1-.64-.162,1.054,1.054,0,0,1-.434-.443h-.027l-.126.523H13.262Zm-7.442.279H9.508v1H8.272v6.565H7.056V15.757H5.82Zm13.168,1.934a1.736,1.736,0,0,1,.983.235,1.269,1.269,0,0,1,.483.731,5.3,5.3,0,0,1,.14,1.371v.948H18.511v.281a7.26,7.26,0,0,0,.031.8.766.766,0,0,0,.131.388.368.368,0,0,0,.306.122.387.387,0,0,0,.383-.217,1.863,1.863,0,0,0,.113-.72l1.074.062a1.793,1.793,0,0,1,.009.2,1.463,1.463,0,0,1-.421,1.145,1.7,1.7,0,0,1-1.185.379,1.417,1.417,0,0,1-1.291-.578,3.37,3.37,0,0,1-.37-1.785V19.08a3.352,3.352,0,0,1,.383-1.819A1.463,1.463,0,0,1,18.988,16.688Zm-9.852.106h1.247v4.06a1.228,1.228,0,0,0,.082.527.279.279,0,0,0,.27.157.551.551,0,0,0,.312-.1.61.61,0,0,0,.219-.253V16.794h1.247v5.529h-.977l-.106-.678H11.4a1.274,1.274,0,0,1-1.192.769.933.933,0,0,1-.811-.361,1.935,1.935,0,0,1-.264-1.127Zm9.826.735a.361.361,0,0,0-.295.117.753.753,0,0,0-.126.383,7.376,7.376,0,0,0-.031.806v.4h.91v-.4a6.766,6.766,0,0,0-.035-.806.753.753,0,0,0-.131-.388A.361.361,0,0,0,18.961,17.529Zm-3.949.04a.474.474,0,0,0-.332.144.792.792,0,0,0-.217.37v3.139a.552.552,0,0,0,.213.217.58.58,0,0,0,.284.073.382.382,0,0,0,.315-.144,1.018,1.018,0,0,0,.168-.487,7.058,7.058,0,0,0,.049-.948v-.711a9.336,9.336,0,0,0-.04-1,1.169,1.169,0,0,0-.144-.5A.339.339,0,0,0,15.012,17.569Z"
                                    transform="translate(-3 -2)" fill="#fff"></path>
                            </svg>
                        </a>
                    </div> --}}
                </div>
            </div>
            <div class="footer-copy-right">{!! setTextDefault(fieldPropertyValue('copyright_notation', $basic)) !!}</div>
        </div>
    </div>
</footer>