@extends('layouts.site')

@section('page_class', '')
@section('content')


    <div id="content">
        <section class="banner2 banner-margin-zero">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 ">
                        <h1>تماس با ما</h1>
                    </div>
                </div>
            </div>
        </section>

        <section class="about-few-words">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-7">
                        <h5 class="view-title-style">اظلاعات تماس</h5>
                        <div class="about-contact-para">
                            <p>
                                شما عزیزان از طریق هر یک از راه‌های ارتباطی زیر می‌توانید با تیم آرتان موتور در ارتباط  باشید یا از طریق فرم زیر برای ما پیامی ارسال کنید تا در اسرع وقت پاسخگوی شما باشیم.
                            </p>
                        </div>
                        <div class="feature-list">

                            <ul class="feature-list-item">
                                <li>
                                    تلفن تماس :
                                    <span>02100000000</span>

                                </li>
                                <li>
                                    فکس :
                                    <span>02100000000</span>
                                </li>
                                <li>
                                    ایمیل :
                                    <span>example@example.com</span>

                                </li>
                            </ul>
                        </div>

                        <div class="about-contact-para">
                            <p>
                                آدرس :
                                <span>تهران، ایران مال، طبقه G1 ،کارشو</span>
                            </p>

                            <p>
                                ساعات پاسخگویی از شنبه تا چهارشنبه از ساعت ۸ الی ۱۷ می باشد.
                            </p>
                        </div>

                    </div>
                    <div class="col-xs-12 col-sm-5">
                        <iframe width="100%" height="400" src="https://map.ir/lat/35.75529249007966/lng/51.19186581579516/z/17/p/آرتان موتور"></iframe>

                    </div>
                </div>
            </div>
        </section>



        <section class="voice-of-customer">

            <div class="contact-us-wrapper contact-page-form">
                <div class="container">
                    <div class="map-form-inner">
                        <h2> صدای مشتریان</h2>
                        <div class="contact-us">
                            <form name="contactForm" method="post"  novalidate id="contact" class="contact-form" data-ng-controller='themeonCtrl'>
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="input-text-wrap">
                                            <input type="text" placeholder="نام و نام خانوادگی" id="name" class="contact-name" name="name" required data-ng-model="contactformData.name"  data-ng-class="{'error' : contactForm.name.$error.pattern || submit && contactForm.name.$invalid}" />
                                            <i class="fa fa-user" aria-hidden="true"></i>
                                        </div>
                                        <div class="input-text-wrap">
                                            <input type="text" placeholder="شماره تماس" id="mobile" class="mobile" name="mobile" required data-ng-model="contactformData.mobile" data-ng-class="{'error' : contactForm.mobile.$error.pattern || submit && contactForm.mobile.$invalid}" />
                                            <i class="fa fa-phone" aria-hidden="true"></i>
                                        </div>
                                        <div class="input-text-wrap">
                                            <input type="text" placeholder="شماره شاسی خودرو"  id="shasi" class="shasi" name="shasi"  required data-ng-model="contactformData.shasi" data-ng-class="{'error' : contactForm.shasi.$error.pattern || submit && contactForm.shasi.$invalid}"/>
                                            <i class="fa fa-car" aria-hidden="true"></i>
                                        </div>

                                        <div class="input-text-wrap">
                                            <input type="text" placeholder="نمایندگی" id="branch" class="branch" name="branch" required data-ng-model="contactformData.branch" data-ng-class="{'error' : contactForm.branch.$error.pattern || submit && contactForm.branch.$invalid}" />
                                            <i class="fa fa-dot-circle-o" aria-hidden="true"></i>
                                        </div>

                                    </div>
                                    <div class="col-sm-8">
                                        <div class="textarea-wrap">
                                            <textarea placeholder="پیام" id="message" name="message" data-ng-model="contactformData.message" required data-ng-class="{'error' : contactForm.message.$error.required && contactForm.message.$blured || submit && contactForm.message.$invalid}"></textarea>
                                            <i class="fa fa-pencil" aria-hidden="true"></i>
                                        </div>

                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-sm-4">
                                        <p>
                                            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

                                        </p>
                                    </div>
                                    <div class="col-sm-8">
                                        <button type="submit"  class="orange-btn"  data-ng-click="submitcontactForm(contactForm.$invalid)" data-ng-disabled="submitButtonDisabled">
                                            <i class="fa fa-plus-circle" aria-hidden="true"></i>ارسال پیام
                                        </button>
                                    </div>
                                </div>
                            </form>
                            <div id="contactSuccess" style="display: none;">
                                <span>سلام با تشکر از نظرات شما ما به زودی پیش شما برخواهم گشت</span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </section>

    </div>


@endsection