<!-- Section: inner-header -->
<section class="inner-header divider parallax layer-overlay overlay-white-8" >
    <div class="container pt-60 pb-60">
        <!-- Section Content -->
        <div class="section-content">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="title">اتصل بنا</h2>
                    <ol class="breadcrumb text-center text-black mt-10">
                        <li><a href="#">الرئيسية / </a></li>
                        <li class="active text-theme-colored">اتصل بنا</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</section>

<!--============Contact area===========-->
<section class="contact_area section_gap">
    <div class="container">
        <div id="mapBox" class="mapBox mb_80">
            {$siteinfo->map}
        </div>
        <div class="section_title black_c text-center">
            <h4>ارسال رسالة</h4>
            <span class="sec_border"></span>
        </div>
        <form class="row contact_form" action="{$hosturl}/contact/sendmsg" method="post" id="contactForm" novalidate="novalidate">

            {if $msg == 1}
            <div class="form-group col-md-12" style="background-color: #45ae7d;color: white;text-align: center;">تم ارسال الرسالة بنجاح</div>
            {elseif $msg == -1}
            <div class="form-group col-md-12" style="background-color: #dc3a3a;color: white;text-align: center;">عفوا حدث خطأ تأكد من ادخال جميع البيانات وحاول مرة اخرى</div>
            {/if}
            <div class="form-group col-md-4">
                <input type="text" class="form-control" id="name" name="name" placeholder="الاسم الأول">
            </div>
            <div class="form-group col-md-4">
                <input type="email" class="form-control" id="email" name="email" placeholder="البريد الالكترونى ">
            </div>
            <div class="form-group col-md-4">
                <input type="text" class="form-control" id="phone" name="phone" placeholder="رقم الهاتف">
            </div>
            <div class="form-group col-md-12">
                <textarea class="form-control" name="message" id="message" rows="1" placeholder="الرسالة"></textarea>
            </div>
            <div class="form-group col-md-12 text-center">
                <button type="submit" value="submit" class="btn slider_btn btn_hover hover_color"> ارسال رسالة</button>
            </div>
        </form>
    </div>
</section>
<!--============Contact area===========-->

<!--============Contact Info area===========-->
<section class="contact_info_area section_gap">
    <div class="container">
        <div class="contact_info">
            <div class="contact_info_item">
                <h4>العنوان</h4>
                <p class="mb-0">{$siteinfo->address}</p>
            </div>
            <div class="contact_info_item phone">
                <h4>الهاتف</h4>
                <a href="tel:{$siteinfo->phone}">{$siteinfo->phone}</a>
            </div>
            <div class="contact_info_item">
                <h4>البريد الالكترونى</h4>
                <a href="mailto:{$siteinfo->email}">{$siteinfo->email}</a>
            </div>
        </div>
    </div>
</section>
<!--============Contact Info area===========-->