@extends('web.layouts.container')

@section('content')

    <section class="contact-pg section">
        <div class="container">
            <div class="row">
                @if($settings['site_address_'.$lang] ?? null)
                <div class="col-lg-4">
                    <div class="contact_card">
                        <div class="zi-5">
                            <img src="{{asset('assets/web/images/icons/contact-pg-1.svg')}}" alt="" class="icon filterPrimary"/>
                            <h3 class="title fw-bold">{{__('settings.site_address')}}</h3>
                            <p class="det">
                               {{$settings['site_address_'.$lang]}}
                            </p>
                        </div>
                    </div>
                </div>
                @endif
                @if($settings['site_phone'] ?? null)
                <div class="col-lg-4">
                    <div class="contact_card">
                        <div class="zi-5">
                            <img src="{{asset('assets/web/images/icons/contact-pg-2.svg')}}" alt="" class="icon filterPrimary"/>
                            <h3 class="title fw-bold">{{__('settings.site_phone')}}</h3>
                            <p class="det">
                                {{$settings['site_phone']}}
                            </p>
                            <p class="det">
                                {{$settings['site_phone_1'] ?? null}}
                            </p>
                        </div>
                    </div>
                </div>
                @endif
                @if($settings['site_email'] ?? null)
                    <div class="col-lg-4">
                        <div class="contact_card">
                            <div class="zi-5">
                                <img src="{{asset('assets/web/images/icons/contact-pg-3.svg')}}" alt="" class="icon filterPrimary"/>
                                <h3 class="title fw-bold">{{__('settings.site_email')}}</h3>
                                <p class="det">
                                    {{$settings['site_email']}}
                                </p>
                            </div>
                        </div>
                    </div>
                @endif

            </div>
            <div class="map-box map_container">
                {!! $settings['site_map'] !!}
            </div>
            <div class="head_content col-lg-5 mt-5 mb-5">
                <h1 class="title_br color-secondary text-uppercase mb-4">{{$page->title}}</h1>
                <p class="det">
                    <small>
                        {!! $page->description !!}
                    </small>
                </p>
            </div>
            <div class="form_box">
                <form method="post" action="{{route('contactUs.store')}}" class="contact_us_form">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <input type="text" name="name" class="form-control" placeholder="{{__('visitorMessages.name')}}">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <input type="email" name="email" class="form-control" placeholder="{{__('visitorMessages.email')}}">
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <input name="subject" class="form-control" placeholder="{{__('visitorMessages.subject')}}">
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <textarea name="message" class="form-control" placeholder="{{__('visitorMessages.message')}}" rows="9"></textarea>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <button class="butn primary_butn mt-4 px-5 contact_us_button"><b>{{__('main.send')}}</b></button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>

@endsection

@section('inner_js')

    <script>

        // $('.contact_us_button').click(async function (e) {
        //     e.preventDefault();
        //
        //     $(this).prop('disabled', true);
        //
        //     let form = $('.contact_us_form'),
        //         data = new FormData(form[0]),
        //         url = form.attr('action'),
        //         method = form.attr('method');
        //
        //     const response=await ajax({
        //         url,
        //         data,
        //         dataType: 'json',
        //         method
        //     });
        //
        //     if (response.errors){
        //         $(this).prop('disabled', false);
        //         toasterError(response.errors);
        //     }
        //
        //     if (response.message){
        //         toasterSuccess(response.message);
        //         $('input, textarea').val('');
        //     }
        //
        // });

        $(document).ready(function () {
            $('.map_container iframe').attr('width', '100%').attr('height', '470')
        })
    </script>

@endsection