@extends('front::layouts.master', ['jquery' => 3])
    @push('styles')
        <link rel="stylesheet" href="{{ asset(config('front.asset_path') . 'mapp/css/mapp.min.css') }}">
        <link rel="stylesheet" href="{{ asset(config('front.asset_path') . 'mapp/css/fa/style.css') }}">
    @endpush
@section('content')
    <div class="page-title-area">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="container">
                    <div class="page-title-content">
                        <h2>{{ __('messages.contact.contact-us') }}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="contact-box">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="single-contact-box">
                        <i class="fa fa-map-marker"></i>
                        <div class="single">
                            <div class="footer-heading">
                                <h3>{{ __('messages.contact.address-one-title') }}:</h3>
                            </div>
                            <p>{{ __('messages.contact.address-one-text') }}</p>
                            <p class="fa-phone-num">041 236 65 55 <span>:{{ __('messages.contact.tel') }}</span></p>
                            <p class="fa-phone-num">041 236 65 55 <span>:{{ __('messages.contact.fax') }}</span></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="single-contact-box">
                        <i class="fa fa-map-marker"></i>
                        <div class="single">
                            <div class="footer-heading">
                                <h3>{{ __('messages.contact.address-two-title') }}:</h3>
                            </div>
                            <p>{{ __('messages.contact.address-two-text') }}</p>
                            <p class="fa-phone-num">041 236 65 55 <span>:{{ __('messages.contact.tel') }}</span></p>
                            <p class="fa-phone-num">041 236 65 55 <span>:{{ __('messages.contact.fax') }}</span></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="single-contact-box">
                        <i class="fa fa-map-marker"></i>
                        <div class="single en-address">
                            <div class="footer-heading">
                                <h3>Europe Office Address:</h3>
                            </div>
                            <p></p>
                            <p><span>Email:</span> info@RasamTabriz.IR</p>
                            <p><span>WhatsApp:</span> +98 912 000 00 00</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="contact-area pb-100">
        <div class="container">
            <div class="section-title">
                <h3>{{ __('messages.contact.contact-with-us') }}</h3>
                <p>{{ __('messages.contact.contact-us-subtitle') }}</p>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <div class="contact-form">
                        <form action="{{ route('front.contact') }}" method="post">
                            @csrf
                            <div class="row">
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <input type="text" name="name" id="name" class="form-control" required placeholder="{{ __('messages.contact.name') }}">
                                        <div class="help-block with-errors">
                                            @error('name')
                                            {{ $message }}
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <input type="email" name="email" id="email" class="form-control" required placeholder="{{ __('messages.contact.email') }}">
                                        <div class="help-block with-errors">
                                            @error('email')
                                            {{ $message }}
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <input type="text" name="mobile" id="phone_number" required class="form-control" placeholder="{{ __('messages.contact.phone') }}">
                                        <div class="help-block with-errors">
                                            @error('phone_number')
                                            {{ $message }}
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <div class="form-group">
                                        <input type="text" name="subject" id="msg_subject" class="form-control" required placeholder="{{ __('messages.contact.subject') }}">
                                        <div class="help-block with-errors">
                                            @error('msg_subject')
                                            {{ $message }}
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12">
                                    <div class="form-group">
                                    <textarea name="message" class="form-control" id="message" cols="30" rows="6" required placeholder="{{ __('messages.contact.message') }}"></textarea>
                                        <div class="help-block with-errors">
                                            @error('message')
                                            {{ $message }}
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="send-btn">
                                        <button type="submit" class="optional-btn">
                                            {{ __('messages.contact.send-message') }}
                                            <span></span>
                                        </button>
                                    </div>
                                    <div id="msgSubmit" class="h3 text-center hidden"></div>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="row map-loc">
                {{--  <div id="map" style="height: 300px"></div>  --}}
                <img src="{{ asset(config('front.asset_path') . 'img/map.jpg') }}" alt="">
            </div>
        </div>
    </section>



@endsection
@push('scripts')
    <script type="text/javascript" src="{{ asset(config('front.asset_path') . 'mapp/js/mapp.env.js') }}"></script>
    <script type="text/javascript" src="{{ asset(config('front.asset_path') . 'mapp/js/mapp.min.js?v=1') }}"></script>

    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDdbCAXvJIl7CKZwfpTswAIHvqJmZTUPwQ"></script>

    <script>
        var info_map_type = "{{ option('info_map_type', 'google') }}"
        var info_latitude = "{{ option('info_latitude', '38.07709880960678') }}";
        var info_Longitude = "{{ option('info_Longitude', '46.28582686185837') }}";
        var info_site_title = "{{ option('info_site_title', 'رسام انرژی تبریز') }}";

        var mapIrApiKey = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6IjYwMTBjYWE1OWU4ZDAyYzM0YWI2MGFhZDE5MTBhNjM5ZTZkYTI0MzA1ZmMwNzQzY2NmMjRkZmQ2Y2FlMzFjOThmODg4MjExYWY4ZDkwMGE1In0.eyJhdWQiOiIxMjcxOSIsImp0aSI6IjYwMTBjYWE1OWU4ZDAyYzM0YWI2MGFhZDE5MTBhNjM5ZTZkYTI0MzA1ZmMwNzQzY2NmMjRkZmQ2Y2FlMzFjOThmODg4MjExYWY4ZDkwMGE1IiwiaWF0IjoxNjEyODY3Mjc2LCJuYmYiOjE2MTI4NjcyNzYsImV4cCI6MTYxNTM3Mjg3Niwic3ViIjoiIiwic2NvcGVzIjpbImJhc2ljIl19.QNujb2BIyM8mIMy2AhivkMTpVCRyanpUIifJguxoEe4hXB1MESD2CWnO0WPq854Bi6yQyfD2w-oqjOi5N1aZmX4prggmrYelHy_mC1JEwAhWien_6QviFAvkhGDC-aPW4zjFKG2REUkQzXaeL2em543P6-hWdjFaUVSibm1XL4_CUnjJiafQsMQ67ZJ5E7Cpk92L89nJ0LMaBocex56tRqz7_7wZQUAtDYjfal90h2XaGh3QZ2rMwl69ZfMTrOEeTM9O6YCynT3IoTpDnNSXExJeMDuGv4zCD37UYG1gpVtNfipwgvc2J_LzLMXS4rnVAV2ednLKEYu7-jUXr68psg';
    </script>

    {{--  <script type="text/javascript" src="{{ asset(config('front.asset_path') . 'js/pages/contact.js') }}"></script>  --}}

@endpush