@extends('front::layouts.master')

@push('styles')

@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 justify-content-center">
                <div class="col-lg-5 col-xl-3 col-md-6">
                    <div class="single-contact-box">
                        <i class="fa fa-map-marker"></i>
                        <div class="single font-size-p">
                            <div class="footer-heading">
                                <h3 class="h6">{{ __('messages.contact.address-one-title') }}:</h3>
                            </div>
                            <p>{{ __('messages.contact.address-one-text') }}</p>
                            <p>{{ __('messages.contact.address-onee-text') }}</p>
                            <p>{{ __('messages.contact.address-one1-text') }}</p>
                            <p>{{ __('messages.contact.address-one2-text') }}</p>

                            <p class="fa-phone-num"><span class="en-label">{{ __('messages.footer.postal_code') }}:</span> <span class="fa-label">:{{ __('messages.footer.postal_code') }}</span></p>

                            <p class="fa-phone-num"><span class="en-label">{{ __('messages.footer.tel') }}: +</span><span class="fa-label">0</span>41 236 65 55 <span class="fa-label">:{{ __('messages.contact.tel') }}</span></p>
                            <p class="fa-phone-num"><span class="en-label">{{ __('messages.footer.fax') }}: +</span><span class="fa-label">0</span>41 236 65 55 <span class="fa-label">:{{ __('messages.contact.fax') }}</span></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-xl-3 col-md-6">
                    <div class="single-contact-box">
                        <i class="fa fa-map-marker"></i>
                        <div class="single font-size-p">
                            <div class="footer-heading">
                                <h3 class="h6">{{ __('messages.contact.address-three-title') }}:</h3>
                            </div>
                            <p>{{ __('messages.contact.address-three-text') }}</p>
                            <p>{{ __('messages.contact.address-Four-text') }}</p>
                            <p>{{ __('messages.contact.address-Five-text') }}</p>
                            <p>{{ __('messages.contact.address-Six-text') }}</p>

                                <p class="fa-phone-num"><span class="en-label">{{ __('messages.footer.postal_code') }}:</span> <span class="fa-label">:{{ __('messages.footer.postal_code') }}</span></p>

                            <p class="fa-phone-num"><span class="en-label">{{ __('messages.footer.tel') }}: +</span><span class="fa-label">0</span>41 236 65 55 <span class="fa-label">:{{ __('messages.contact.tel') }}</span></p>
                            <p class="fa-phone-num"><span class="en-label">{{ __('messages.footer.fax') }}: +</span><span class="fa-label">0</span>41 236 65 55 <span class="fa-label">:{{ __('messages.contact.fax') }}</span></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-xl-3 col-md-6">
                    <div class="single-contact-box">
                        <i class="fa fa-map-marker"></i>
                        <div class="single font-size-p">
                            <div class="footer-heading">
                                <h3 class="h6">{{ __('messages.contact.address-two-title') }}:</h3>
                            </div>
                            <p>{{ __('messages.contact.address-two-text') }}</p>
                            <p>{{ __('messages.contact.address-twoo-text') }}</p>
                            <p>{{ __('messages.contact.address-threee-text') }}</p>
                            <p>{{ __('messages.contact.address-thre-text') }}</p>
                            <p>{{ __('messages.contact.address-Fourr-text') }}</p>
                            <p class="en-label">{{ __('messages.contact.address-Five-text') }}</p>

                            <p class="fa-phone-num"><span class="en-label">{{ __('messages.footer.postal_code') }}:</span> <span class="fa-label">:{{ __('messages.footer.postal_code') }}</span></p>

                            <p class="fa-phone-num"><span class="en-label">{{ __('messages.footer.tel') }}: +</span><span class="fa-label">0</span>41 236 65 55 <span class="fa-label">:{{ __('messages.contact.tel') }}</span></p>
                            <p class="fa-phone-num"><span class="en-label">{{ __('messages.footer.fax') }}: +</span><span class="fa-label">0</span>41 236 65 55 <span class="fa-label">:{{ __('messages.contact.fax') }}</span></p>
                        </div>
                    </div>
                </div>
                {{-- <div class="col-lg-5 col-xl-3 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 class="h6">Europe Office Address:</h3>
                            </div>
                            <p class="text-start line-height-contact">Hurriyet CAD,Cumhuriyet MAH,Nazim Hikmet Bulvari CAD,INNOVIA 2.ETAP
                                E4,NO:265,ESENYURT,<br>
                                ISTANBUL,TURKEY</p>
                            <p class="text-start"><span>Email:</span> Contact@MOSAP.IR</p>
                            <p class="text-start"><span>WhatsApp:</span> +98 912 477 44 77</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>
            </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 justify-content-center mt-3">
                <div class="col-md-10">
                    <div style="height: 400px">
                        <iframe src="{{ route('front.map') }}" style="width: 100%;height: 100%;" frameborder="0"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </section>



@endsection

@push('scripts')

@endpush