<?php $__env->startSection('content'); ?>

<main>

    <!-- ---------- innerheader ----------- -->
    <section class="inner-header pt-100">
        <div class="container">
            <div class="cont text-center col-lg-4 mx-auto">
                <div class="bread d-flex fw-bold fsz-18 justify-content-center">
                    <a href="<?php echo e(route('web.home')); ?>"> <i class="fal fa-home"></i> </a>
                    <span class="mx-3"> / </span>
                    <a href="<?php echo e(route('web.contact')); ?>"> <?php echo e(__('web.contact_us')); ?> </a>
                </div>
                <h1 class="fsz-40 mt-10 cr-sub"> <?php echo e($page->currentDescription->title ?? __('web.contact_us')); ?> </h1>
                <div class="text fsz-20 mt-15 cr-sub fw-bold"> <?php echo e($page->currentDescription->description ?? __('web.contact_description_default')); ?> </div>
            </div>
        </div>
        <img src="<?php echo e(asset('assets/web/images/hero-top-shap.png')); ?>" alt="" class="shap">
    </section>

    <!-- ---------- contact  ----------- -->
    <section class="contact-contact pt-5">
        <div class="container">
            <div class="info-cards">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="info-card">
                            <div class="icon-40 mb-30">
                                <img src="<?php echo e(asset('assets/web/images/icons/arroba.svg')); ?>" alt="">
                            </div>
                            <div class="inf">
                                <div class="txt fsz-13 opacity-75 fw-bold"> <?php echo e(__('web.email')); ?> </div>
                                <h6 class="fsz-20 fw-bold cr-sub mt-10"> <?php echo e($email ?? 'example@gmail.com'); ?> </h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="info-card">
                            <div class="icon-40 mb-30">
                                <img src="<?php echo e(asset('assets/web/images/icons/telephone.svg')); ?>" alt="">
                            </div>
                            <div class="inf">
                                <div class="txt fsz-13 opacity-75 fw-bold"> <?php echo e(__('web.phone')); ?> </div>
                                <h6 class="fsz-20 fw-bold cr-sub mt-10 text-start" dir="ltr"> <?php echo e($phone ?? '+966123456789'); ?> </h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="info-card">
                            <div class="icon-40 mb-30">
                                <img src="<?php echo e(asset('assets/web/images/icons/pin-mark.svg')); ?>" alt="">
                            </div>
                            <div class="inf">
                                <div class="txt fsz-13 opacity-75 fw-bold"> <?php echo e(__('web.address')); ?> </div>
                                <h6 class="fsz-20 fw-bold cr-sub mt-10"> <?php echo e($address ?? __('web.address_default')); ?> </h6>
                                <a href="javascript:void(0);" class="cr-sub map-link" data-bs-toggle="modal" data-bs-target="#modal-map"> <i class="fal fa-map-marker me-2"></i> <?php echo e(__('web.view_on_map')); ?> </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ---------- contact  ----------- -->
    <section class="contact section-padding">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-lg-3">
                    <div class="info pt-50 wow zoomIn">
                        <div class="icon-120">
                            <img src="<?php echo e(asset('assets/web/images/paper-plan.png')); ?>" alt="">
                        </div>
                        <h2 class="mt-20 fsz-50 cr-sub"> <?php echo e(__('web.contact_us')); ?> </h2>
                        <div class="text fsz-18 cr-sub mt-1 fw-bold"> <?php echo e(__('web.contact_subtitle')); ?> </div>
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="contact-form mt-5 mt-lg-0 wow fadeInUp" data-wow-delay="0.2s">
                        <form action="<?php echo e(route('web.contact.message')); ?>" method="post" class="form d-block" onsubmit="formAction(this)">
                            <?php echo csrf_field(); ?>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="name" class="fsz-14 fw-bold mb-10"> <?php echo e(__('visitorMessages.name')); ?> </label>
                                        <input type="text" name="name" id="name" class="form-control" placeholder="<?php echo e(__('web.contact_name_placeholder')); ?>" minlength="2" maxlength="35" required>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="subject" class="fsz-14 fw-bold mb-10"> <?php echo e(__('visitorMessages.subject')); ?> </label>
                                        <input type="text" name="subject" id="subject" class="form-control" placeholder="<?php echo e(__('web.contact_subject_placeholder')); ?>" minlength="4" maxlength="45" required>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="email" class="fsz-14 fw-bold mb-10"> <?php echo e(__('visitorMessages.email')); ?> </label>
                                        <input type="email" name="email" id="email" class="form-control" placeholder="<?php echo e(__('web.contact_email_placeholder')); ?>" required>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="phone" class="fsz-14 fw-bold mb-10"> <?php echo e(__('visitorMessages.phone')); ?> </label>
                                        <input type="tel" name="phone" id="phone" class="form-control" placeholder="<?php echo e(__('web.contact_phone_placeholder')); ?>" minlength="9" maxlength="12" pattern="[0-9]*" required>
                                        <div class="float-cont"> <span class="txt"> +966 </span> <img src="<?php echo e(asset('assets/web/images/ar.png')); ?>" alt="" class="flag"> </div>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label for="message" class="fsz-14 fw-bold mb-10"> <?php echo e(__('visitorMessages.message')); ?> </label>
                                        <textarea name="message" id="message" rows="6" class="form-control radius-20" placeholder="<?php echo e(__('web.contact_message_placeholder')); ?>" minlength="12" maxlength="90" required></textarea>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <button type="submit" class="butn rounded-pill hvr-txt-trans hvr-scale bg-main fsz-20 mt-30">
                                        <div class="txt" data-text="<?php echo e(__('web.contact_send_button')); ?>">
                                            <span> <?php echo e(__('web.contact_send_button')); ?> </span>
                                        </div>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

</main>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('web.layouts.layout', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/alyomhostorg/public_html/madar/resources/views/web/pages/contact/index.blade.php ENDPATH**/ ?>