@extends('frontend::layouts.master')
@section('title')

@section('style')

@endsection

@section('content')
    @php
    setLanguage();
    $web = GetWebSetTing(1);
    @endphp
    <main id="main">
        <div class="rel py-12 pt-24-lg">
            <div class="container ppdx df aic jcsb fc fr-xl">
                <div class="text-center text-xl-left mb-6 mb-0-xl">
                    {!! get_content(7)->content !!}
                </div>
                <div class="df fc aic ais-xl">
                    <h4 class="text-1st"><strong>@lang('frontend::lang.lang_title_27')</strong></h4>
                    <div class="df aic social-media">
                        @if (!empty($web->fb))
                            <a target="_blank" href="{{ $web->fb }}">
                                <img src="{{ Module::asset('frontend:img/icon/soc-fb.svg') }}" alt="Alternate Text"
                                    lazyload="true">
                            </a>
                        @endif
                        @if (!empty($web->line))
                            <a target="_blank" href="{{ $web->line }}">
                                <img src="{{ Module::asset('frontend:img/icon/soc-ln.svg') }}" alt="Alternate Text"
                                    lazyload="true">
                            </a>
                        @endif
                        @if (!empty($web->youtube))
                            <a target="_blank" href="{{ $web->youtube }}">
                                <img src="{{ Module::asset('frontend:img/icon/soc-yt.svg') }}" alt="Alternate Text"
                                    lazyload="true">
                            </a>
                        @endif
                        @if (!empty($web->email))
                            <a href="mailto:{{ $web->email }}">
                                <img src="{{ Module::asset('frontend:img/icon/soc-em.svg') }}" alt="Alternate Text"
                                    lazyload="true">
                            </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="map-containrt my-6">
            <div class="space h-100 pr-4">
                <div class="dim-7-xl rel">
                    {!! get_content(11)->content !!}
                    <div class="frame"><img src="{{ Module::asset('frontend:img/bg/map-frame.svg') }}"
                            alt="Alternate Text" lazyload="true">
                    </div>
                </div>
            </div>
            <div class="detail-contain container">
                <div class="space">
                    <div class="dim-7-xl"></div>
                    <div class="dim-5-xl">
                        <div class="text-center text-xl-left"><img
                                src="{{ get_content(8)->content != '' && CheckFileInServer(get_content(8)->content) ? get_content(8)->content : '/storage/no_image/495-100.png' }}"
                                alt="Alternate Text" lazyload="true">
                        </div>
                        <div class="space ml-12-xl mt-12">
                            <div class="dim-6-xs icn mb-8"><img
                                    src="{{ Module::asset('frontend:img/icon/con-time.svg') }}" alt="Alternate Text"
                                    lazyload="true">
                                <p class="chda upper">@lang('frontend::lang.lang_title_35')</p>
                                {!! nl2br(get_content(9)->content) !!}
                            </div>
                            <div class="dim-6-xs icn mb-8"><img
                                    src="{{ Module::asset('frontend:img/icon/con-pin.svg') }}" alt="Alternate Text"
                                    lazyload="true">
                                <p class="chda upper">@lang('frontend::lang.lang_title_36')</p>
                                {!! nl2br(get_content(10)->content) !!}
                            </div>
                            <div class="dim-6-xs icn mb-8"><img
                                    src="{{ Module::asset('frontend:img/icon/con-phone.svg') }}" alt="Alternate Text"
                                    lazyload="true">
                                <p class="chda upper">@lang('frontend::lang.lang_title_19')</p><a class="telc"
                                    href="tel:{{ get_content(12)->content }}">{{ get_content(12)->content }}</a>
                            </div>
                            <div class="dim-6-xs icn mb-8"><img
                                    src="{{ Module::asset('frontend:img/icon/con-send.svg') }}" alt="Alternate Text"
                                    lazyload="true">
                                <p class="chda upper">@lang('frontend::lang.lang_title_12')</p><a
                                    href="mailto:{{ get_content(13)->content }}">{{ get_content(13)->content }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="map-containrt rtl my-6">
            <div class="detail-contain container">
                <div class="space pl-4">
                    <div class="dim-5-xl">
                        <div class="text-center text-xl-left"><img
                                src="{{ CheckFileInServer(get_content(14)->content) ? get_content(14)->content : '/storage/no_image/395-80.jpg' }}"
                                alt="Alternate Text" lazyload="true">
                        </div>
                        <div class="space mr-12-xl mt-12">
                            <div class="dim-6-xs icn mb-8"><img
                                    src="{{ Module::asset('frontend:img/icon/con-time.svg') }}" alt="Alternate Text"
                                    lazyload="true">
                                <p class="chda upper">@lang('frontend::lang.lang_title_35')</p>
                                {!! nl2br(get_content(15)->content) !!}
                            </div>
                            <div class="dim-6-xs icn mb-8"><img
                                    src="{{ Module::asset('frontend:img/icon/con-pin.svg') }}" alt="Alternate Text"
                                    lazyload="true">
                                <p class="chda upper">@lang('frontend::lang.lang_title_36')</p>
                                {!! nl2br(get_content(16)->content) !!}
                            </div>
                            <div class="dim-6-xs icn mb-8"><img
                                    src="{{ Module::asset('frontend:img/icon/con-phone.svg') }}" alt="Alternate Text"
                                    lazyload="true">
                                <p class="chda upper">@lang('frontend::lang.lang_title_19')</p><a class="telc"
                                    href="tel:{{ get_content(18)->content }}">{{ get_content(18)->content }}</a>
                            </div>
                            <div class="dim-6-xs icn mb-8"><img
                                    src="{{ Module::asset('frontend:img/icon/con-send.svg') }}" alt="Alternate Text"
                                    lazyload="true">
                                <p class="chda upper">@lang('frontend::lang.lang_title_12')</p><a
                                    href="mailto:{{ get_content(19)->content }}">{{ get_content(19)->content }}</a>
                            </div>
                        </div>
                    </div>
                    <div class="dim-7-xl"></div>
                </div>
            </div>
            <div class="space h-100">
                <div class="dim-5-xl"></div>
                <div class="dim-7-xl rel">
                    {!! get_content(17)->content !!}
                    <div class="frame"><img src="{{ Module::asset('frontend:img/bg/map-frame.svg') }}"
                            alt="Alternate Text" lazyload="true">
                    </div>
                </div>
            </div>
        </div>
        <div class="container ppdx"></div>
        <div class="py-24" style="background-image:url({{ Module::asset('frontend:img/bg/leavex.svg') }})">
            <div class="container ppdx">
                <div class="space jcc">
                    <div class="dim-8-md">
                        <div class="contact-form bgless p-6 p-12-sm">
                            <div class="text-center">
                                <h1 class="upper text-2nd"><strong> @lang('frontend::lang.lang_title_37')</strong></h1>
                                <p class="upper">@lang('frontend::lang.lang_title_38')</p>
                            </div>
                            <form class="form-wrapper float-label mt-4 animate__animated" id="contact_frm"
                                name="contact_frm" animate="animate__fadeIn" onsubmit="setSave(); return false;"
                                enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <div class="col-12 mb-6 float-group">
                                        <input class="form-style" type="text" name="name"
                                            placeholder="@lang('frontend::lang.lang_title_11')" id="name">
                                        <label for="name">@lang('frontend::lang.lang_title_11')</label>
                                    </div>
                                    <div class="col-lg-6 mb-6 float-group">
                                        <input class="form-style" type="email" name="email"
                                            placeholder="@lang('frontend::lang.lang_title_12')" id="email">
                                        <label for="email">@lang('frontend::lang.lang_title_12')</label>
                                    </div>
                                    <div class="col-lg-6 mb-6 float-group">
                                        <input class="form-style" type="text" name="tel"
                                            placeholder="@lang('frontend::lang.lang_title_13')" id="tel">
                                        <label for="tel">@lang('frontend::lang.lang_title_13')</label>
                                    </div>
                                    <div class="col-lg-12 mb-6 float-group">
                                        <input class="form-style" type="text" name="sub"
                                            placeholder="@lang('frontend::lang.lang_title_14')" id="sub">
                                        <label for="sub">@lang('frontend::lang.lang_title_14')</label>
                                    </div>
                                    <div class="col-lg-12 mb-6 float-group">
                                        <textarea class="form-style" type="text" name="msg" rows="4"
                                            placeholder="@lang('frontend::lang.lang_title_15')" id="msg"></textarea>
                                        <label for="msg">@lang('frontend::lang.lang_title_15')</label>
                                    </div>
                                    <div class="col-12 df aic jcc">
                                        <div class="capcha mb-2 d-flex justify-content-center justify-content-md-start">
                                            <div class="g-recaptcha" data-callback="makeaction"
                                                data-sitekey="6Lerj88dAAAAANosdDXue_s_YfUBadWdCyLlFmLG"></div>
                                        </div>
                                    </div>
                                    <div class="col-12 df aic jcc">
                                        <button disabled id="btn_submit" class="sub-butn mt-6"
                                            type="submit">@lang('frontend::lang.lang_title_16')</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection

@section('script')

    <script type="text/javascript">
        function makeaction() {
            document.getElementById('btn_submit').disabled = false;
        }
    </script>
    <script src='https://www.google.com/recaptcha/api.js?hl=th'></script>

    <!--ckeditor js-->
    <script src="{{ URL::asset('assets/plugins/tinymce/tinymce.min.js') }}"></script>
    <!-- <script src="{{ URL::asset('assets/js/formeditor.js') }}"></script> -->

    <!-- Notifications js -->
    <link href="{{ URL::asset('assets/plugins/notify-growl/css/jquery.growl.css') }}" rel="stylesheet" />
    <link href="{{ URL::asset('assets/plugins/notify-growl/css/notifIt.css') }}" rel="stylesheet" />
    <script src="{{ URL::asset('assets/plugins/bootbox/bootbox.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/notify-growl/js/rainbow.js') }}"></script>
    <script src="{{ URL::asset('assets/plugins/notify-growl/js/jquery.growl.js') }}"></script>

    <!-- mwz master js css -->
    <link rel="stylesheet" href="{{ mix('css/mwz.css') }}">
    <script src="{{ mix('js/mwz.js') }}"></script>

    <!-- module js css -->
    <link rel="stylesheet" href="{{ mix('css/frontend.css') }}">
    <script src="{{ mix('js/frontend.js') }}"></script>
@endsection