{{-- อันนี้ปิดแท็ก >> <div class="body"> --}} </div>
<div class="pb-6">
    <div class="double-pink my-4"> </div>
    <div class="text-center">
        <a class="text-decoration-none inline-block" href="{{ mwz_route('frontend.index') }}">
            <h4>@lang('frontend.home')</h4>
        </a>
    </div>
</div>
<footer class="footer-texts-more-lighten pt-4" id="footer">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-lg-3">
                <ul>
                    <li>
                        <div class="font-medium text-color text-lg">@lang('frontend.frnd_33')</div>
                    </li>
                    <li>
                        <a href="{{ mwz_route('frontend.detail.lifetime') }}">@lang('frontend.frnd_86')</a>
                    </li>
                    <li>
                        <a href="{{ mwz_route('frontend.faq') }}">@lang('frontend.frnd_87')</a>
                    </li>
                    <li>
                        <a href="{{ mwz_route('frontend.after.sale.service') }}">@lang('frontend.frnd_88')</a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-6 col-lg-3">
                <ul>
                    <li>
                        <div class="font-medium text-color text-lg">@lang('frontend.frnd_34')</div>
                    </li>
                    <li>
                        <a href="{{ mwz_route('frontend.detail.whyshop') }}">@lang('frontend.frnd_89')</a>
                    </li>
                    <li>
                        <a href="{{ mwz_route('frontend.m.purchased') }}">@lang('frontend.frnd_68')</a>
                    </li>
                    <li>
                        <a href="{{ mwz_route('frontend.detail.packship') }}">@lang('frontend.frnd_90')</a>
                    </li>
                    <li>
                        <a href="{{ mwz_route('frontend.detail.payment') }}">@lang('frontend.payment_method')</a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-6 col-lg-3">
                <ul>
                    <li>
                        <div class="font-medium text-color text-lg">@lang('frontend.contact_us')</div>
                    </li>
                    @if (!empty($pageInit['contact_page']['head_office_' . $pageInit['lang']]))
                        <li>{!! nl2br($pageInit['contact_page']['head_office_' . $pageInit['lang']]) !!}</li>
                    @endif
                    @if (!empty($pageInit['contact_page']['dayoff_' . $pageInit['lang']]))
                        <li>{!! nl2br($pageInit['contact_page']['dayoff_' . $pageInit['lang']]) !!}</li>
                    @endif
                    @if (!empty($pageInit['contact_page']->phone_head_office))
                        <li>
                            <a href="tel:{{ $pageInit['contact_page']->phone_head_office }}"> @lang('frontend::lang.lang_title_108') : {{ $pageInit['contact_page']->phone_head_office }}</a>
                        </li>
                    @endif
                    @if (!empty($pageInit['contact_page']->phone_factory))
                        <li> @lang('frontend::lang.lang_title_109') : {{ $pageInit['contact_page']->phone_factory }}</li>
                    @endif
                    @if (!empty($pageInit['contact_page']->email_head_office))
                        <li>
                            <a href="mailto:{{ $pageInit['contact_page']->email_head_office }}"> @lang('frontend::lang.field_01') : {{ $pageInit['contact_page']->email_head_office }}</a>
                        </li>
                    @endif
                </ul>
            </div>
            <div class="col-sm-6 col-lg-3">
                <ul>
                    <li>
                        <div class="font-medium text-color text-lg">@lang('frontend.follow_us')</div>
                    </li>
                </ul>
                <ul class="social-list-footer">
                    @if (!empty($pageInit['contact_page']->instagram))
                        <li>
                            <a href="{{ $pageInit['contact_page']->instagram }}" target="_blank">
                                <img src="{{ Module::asset('frontend:img/ins.svg') }}" alt="" /></a>
                        </li>
                    @endif
                    @if (!empty($pageInit['contact_page']->line))
                        <li>
                            <a href="{{ $pageInit['contact_page']->line }}" target="_blank">
                                <img src="{{ Module::asset('frontend:img/lin.svg') }}" alt="" /></a>
                        </li>
                    @endif
                    @if (!empty($pageInit['contact_page']->facebook))
                        <li>
                            <a href="{{ $pageInit['contact_page']->facebook }}" target="_blank">
                                <img src="{{ Module::asset('frontend:img/fac.svg') }}" alt="" /></a>
                        </li>
                    @endif
                    @if (!empty($pageInit['contact_page']->youtube))
                        <li>
                            <a href="{{ $pageInit['contact_page']->youtube }}" target="_blank">
                                <img src="{{ Module::asset('frontend:img/you.svg') }}" alt="" /></a>
                        </li>
                    @endif
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-12 ordering-footer-1 py-4 text-center">
                <p>{{ $pageInit['web_setting']->rights_reserved ?? '' }}</p>
            </div>
        </div>
    </div>
</footer>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body space-y-6 py-12 text-center">
                <div class="text-3xl text-1st"><strong>THANK YOU FOR SUBSCRIBING</strong></div>
                <p class="text-lg">You will first to know about new releases, stay tune.</p><button type="button" class="bg-3rd text-white px-5 py-3" data-bs-dismiss="modal" aria-label="Close">OK</button>
            </div>
        </div>
    </div>
</div>

<div class="cookies-wrapper hidden-cookie">
    <p class="cookies-text"> <span>{{ $pageInit['pdpa']['pdpa_detail_' . $pageInit['lang']] ?? '' }}</span>
        <a href="{{ mwz_route('frontend.policy') }}">
            <u>{{ $pageInit['pdpa']['pdpa_title_' . $pageInit['lang']] ?? '' }}</u></a>
    </p>
    <div class="cookies-action">
        <div class="cookies-accept" id="ckAccept">@lang('frontend.frnd_35')</div>
        <div class="cookies-denied" id="ckDenied"><svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M1.26624 0.939209L12.6121 12.2852" stroke="black" />
                <path d="M1.26611 12.2852L12.6121 0.939331" stroke="black" />
            </svg>
        </div>
    </div>
</div>

<div class="modal fade" id="loginNotiModal" tabindex="-1" role="dialog" aria-labelledby="loginNotiModalTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="p-2 p-lg-5 text-center space-y-4">
                    <h4>@lang('frontend.frnd_50')</h4>
                    <p>@lang('frontend.frnd_51')</p>
                    <div class="widsod200 butn-submit add2bag-btn f-link">@lang('frontend.login')
                        <a class="f-url" href="{{ mwz_route('login', ['old='.$pageInit['get_route']]) }}"></a>
                    </div>
                    <p>@lang('frontend.account')
                        <a href="{{ mwz_route('frontend.register') }}">@lang('frontend.register')</a>
                    </p>
                </div>
            </div>
            <i class="fa fa-times clossse" data-bs-dismiss="modal"></i>
        </div>
    </div>
</div>

<input type="hidden" id="url_webpage" value="{{ URL::to('/') }}">
<input type="hidden" id="lang_webpage" value="{{ app()->getLocale() }}">
<input type="hidden" id="icon-loading"
    value="{{ '<svg style="display: inline" xmlns="http://www.w3.org/2000/svg" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="18px" height="18px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
                    <g transform="rotate(0 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9411764705882353s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(21.176470588235293 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8823529411764706s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(42.35294117647059 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8235294117647058s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(63.529411764705884 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.7647058823529411s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(84.70588235294117 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.7058823529411765s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(105.88235294117646 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6470588235294118s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(127.05882352941177 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5882352941176471s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(148.23529411764707 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5294117647058824s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(169.41176470588235 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.47058823529411764s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(190.58823529411765 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4117647058823529s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(211.76470588235293 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.35294117647058826s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(232.94117647058823 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.29411764705882354s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(254.11764705882354 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.23529411764705882s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(275.29411764705884 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.17647058823529413s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(296.47058823529414 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.11764705882352941s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(317.6470588235294 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.058823529411764705s" repeatCount="indefinite"></animate>
                    </rect>
                    </g><g transform="rotate(338.8235294117647 50 50)">
                    <rect x="47.5" y="4" rx="0" ry="0" width="5" height="16" fill="#fe718d">
                        <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
                    </rect>
                    </g></svg>' }}">
<input type="hidden" id="icon-loading2"
    value="{{ '
        <svg xmlns="http://www.w3.org/2000/svg" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="98px" height="98px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
        <g transform="rotate(0 50 50)">
          <rect x="47.5" y="25" rx="0" ry="0" width="5" height="12" fill="#f6d8e2">
            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate>
          </rect>
        </g><g transform="rotate(30 50 50)">
          <rect x="47.5" y="25" rx="0" ry="0" width="5" height="12" fill="#f6d8e2">
            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate>
          </rect>
        </g><g transform="rotate(60 50 50)">
          <rect x="47.5" y="25" rx="0" ry="0" width="5" height="12" fill="#f6d8e2">
            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
          </rect>
        </g><g transform="rotate(90 50 50)">
          <rect x="47.5" y="25" rx="0" ry="0" width="5" height="12" fill="#f6d8e2">
            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
          </rect>
        </g><g transform="rotate(120 50 50)">
          <rect x="47.5" y="25" rx="0" ry="0" width="5" height="12" fill="#f6d8e2">
            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate>
          </rect>
        </g><g transform="rotate(150 50 50)">
          <rect x="47.5" y="25" rx="0" ry="0" width="5" height="12" fill="#f6d8e2">
            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
          </rect>
        </g><g transform="rotate(180 50 50)">
          <rect x="47.5" y="25" rx="0" ry="0" width="5" height="12" fill="#f6d8e2">
            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate>
          </rect>
        </g><g transform="rotate(210 50 50)">
          <rect x="47.5" y="25" rx="0" ry="0" width="5" height="12" fill="#f6d8e2">
            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
          </rect>
        </g><g transform="rotate(240 50 50)">
          <rect x="47.5" y="25" rx="0" ry="0" width="5" height="12" fill="#f6d8e2">
            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
          </rect>
        </g><g transform="rotate(270 50 50)">
          <rect x="47.5" y="25" rx="0" ry="0" width="5" height="12" fill="#f6d8e2">
            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate>
          </rect>
        </g><g transform="rotate(300 50 50)">
          <rect x="47.5" y="25" rx="0" ry="0" width="5" height="12" fill="#f6d8e2">
            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate>
          </rect>
        </g><g transform="rotate(330 50 50)">
          <rect x="47.5" y="25" rx="0" ry="0" width="5" height="12" fill="#f6d8e2">
            <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
          </rect>
        </g>
        <!-- [ldio] generated by https://loading.io/ --></svg>
        ' }}">

<input type="hidden" id="chk_modal_show" value="{{ !empty(Cookie::get('cook_modal_show'))?Cookie::get('cook_modal_show'):'' }}">
@if (!empty($pageInit['cupong']->status))
    @if ($pageInit['cupong']->status == 1)
    <div class="modal coupon-modal fade" id="couponModal" tabindex="-1" role="dialog" aria-labelledby="couponModalTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <a href="{{ !empty($pageInit['cupong']->content_en)?$pageInit['cupong']->content_en:'' }}">
                        <img src="{{ !empty($pageInit['cupong']->content_th)?$pageInit['cupong']->content_th:'' }}" alt="" />
                    </a>
                </div>
                <div class="closedd" data-bs-dismiss="modal">X</div>
            </div>
        </div>
    </div>
    @endif
@endif
<div class="floating-social full-url">
    @if (!empty($pageInit['contact_page']->facebook_message))
    <div class="my-2 flt-targ">
        <a href="{{$pageInit['contact_page']->facebook_message}}" target="_blank">
            <img class="x48" src="{{ Module::asset('frontend:img/icon/fb.svg') }}">
        </a>
    </div>
    @endif
    @if (!empty($pageInit['contact_page']->line))
    <div class="my-2 flt-targ">
        <a href="{{$pageInit['contact_page']->line}}" target="_blank">
            <img class="x48" src="{{ Module::asset('frontend:img/icon/ln.svg') }}">
        </a>
    </div>
    @endif
    <div class="fllt">
        <img class="x48" src="{{ Module::asset('frontend:img/icon/floating-msg.svg') }}">
    </div>
</div>