<?php $__env->startSection('content'); ?>
    <section class="banner-sec section py-5 contact-banners-sec  mt-5">
        <div class="swiper-container banners-swiper">
            <div class="swiper-wrapper">
                <?php if(count($sliders)): ?>
                    <?php $__currentLoopData = $sliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $slider): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="swiper-slide">
                            <div class="item">
                                <div class="container">
                                    <div class="text-center py-5">
                                        <p class="fs-4 col-lg-6 m-auto contact_det"><?php echo e($slider->description); ?></p>
                                    </div>
                                </div>
                                <img src="<?php echo e(asset($slider->image)); ?>" alt="" class="bg"/>
                            </div>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php endif; ?>
            </div>
            <div class="swiper-pagination"></div>
        </div>

    </section>
    <!-- Start contact-pg -->
    <section class="contact-pg section">
        <div class="container">
            <div class="row mt-5 justify-content-evenly">
                <div class="col-lg-4">
                    <div class="contact_box">
                        <h1 class="title text-uppercase text-white mb-5">
                            <?php echo e(__('visitorMessages.map_title')); ?>

                        </h1>
                        <form>
                            <div class="form-group mb-5">
                                <select class="form-control form-select address_select">
                                    <?php $__currentLoopData = $addresses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $address): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <option value=".address_<?php echo e($address->id); ?>"><?php echo e($address->name); ?></option>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </select>
                            </div>
                        </form>
                        <?php $__currentLoopData = $addresses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $address): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="contact_data <?php echo e($loop->first ? '' : 'd-none'); ?> address_<?php echo e($address->id); ?>">
                            <p class="data">
                                <i class="fa-solid fa-location-dot"></i> <?php echo e($address->name); ?>

                            </p>
                            <p class="data">
                                <i class="fa-solid fa-envelope"></i> <?php echo e($address->email); ?>

                            </p>
                            <p class="data">
                                <i class="fa-solid fa-phone"></i> <?php echo e($address->phone); ?>

                            </p>
                        </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
                <?php $__currentLoopData = $addresses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $address): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-lg-7 contact_map address_<?php echo e($address->id); ?> <?php echo e($loop->first ? '' : 'd-none'); ?>">
                        <div class="map_box">
                            <?php echo $address->map_url; ?>

                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

            </div>
            <div class="contact_inner">
                <h1 class="title mb-5 text-uppercase"><b><?php echo e(__('visitorMessages.send_message')); ?></b></h1>
                <form method="post" action="<?php echo e(route('contact.store')); ?>" class="contact_us_form">
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="form-group">
                                <input name="name" class="form-control" placeholder="<?php echo e(__('visitorMessages.name')); ?>">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <input name="phone" class="form-control" placeholder="<?php echo e(__('visitorMessages.phone')); ?>">
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="form-group">
                                <input name="email" class="form-control" placeholder="<?php echo e(__('visitorMessages.email')); ?>">
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <textarea name="message" class="form-control" placeholder="<?php echo e(__('visitorMessages.message')); ?>" rows="5"></textarea>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <button class="butn border_butn mt-4 px-5 py-3 contact_us_button"><b><?php echo e(__('main.send')); ?></b></button>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('inner_js'); ?>
    <script>
        $('.navbar').addClass('navbar-light white-nav');
        $(document).find('header img.bg').attr('style', 'object-position: top;');

        $('.map_box iframe').css({
            width: "100%",
            height: "700",
        });

        $('.address_select').change(function() {
            let info = $($(this).val());
            $('.contact_data, .contact_map').addClass('d-none');
            info.removeClass('d-none');
        })

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

<?php echo $__env->make('web.layouts.container', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\wamp64\www\nesma_cnc\resources\views/web/contacts/index.blade.php ENDPATH**/ ?>