<?php $__env->startSection('css'); ?>
    <style>
        iframe{
            width: 100% !important;
        }
    </style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('inner_header'); ?>
    <section class="inner-header">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 valign">
                    <div class="pg-links">
                        <a href="<?php echo e(LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)); ?>"><?php echo e(__('main.home')); ?></a>/
                        <a href="<?php echo e(LaravelLocalization::getLocalizedURL(getCurrentLocale(), url(''), [], true)); ?>"><?php echo e(__('main.contact_us')); ?></a>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="title">
                        <h2 class="text-capitalize"><?php echo e(__('main.contact_us')); ?></h2>
                        <span class="trans-logo">
                        <img src="<?php echo e(asset('assets/web/images/trans-logo.png')); ?>" alt="">
                    </span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="inner-slide">
        <div class="img">
            <img src="<?php echo e(asset('assets/web/images/about-pggg.png')); ?>" alt="">
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
    <section class="contact section-padding">
        <div class="container">
            <div class="contact-info">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="items">
                            <div class="icons">
                                <i class="fas fa-mobile-alt"></i>
                            </div>
                            <div class="info">
                                <p><?php echo e(settings('site_phone')); ?></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="items">
                            <div class="icons">
                                <i class="fas fa-location-arrow"></i>
                            </div>
                            <div class="info">
                                <p><?php echo e(settings('site_address')); ?></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="items">
                            <div class="icons">
                                <i class="far fa-envelope"></i>
                            </div>
                            <div class="info">
                                <p><?php echo e(settings('site_email')); ?></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-7">
                    <div class="contact-form">
                        <!--<div class="text-center section-head">-->
                        <!--    <p><?php echo e(__('main.contact_us')); ?></p>-->
                        <!--</div>-->
                        <form action="<?php echo e(route('contactUs.store')); ?>" method="post" class="contact_us_form">
                            <?php echo csrf_field(); ?>
                            <div class="form-group">
                                <label> <?php echo e(__('contacts.name')); ?> </label>
                                <input name="name" class="form-control" placeholder="...">
                            </div>
                            <div class="form-group">
                                <label> <?php echo e(__('contacts.email')); ?> </label>
                                <input name="email" class="form-control" placeholder="...">
                            </div>
                            <div class="form-group">
                                <label> <?php echo e(__('contacts.message_subject')); ?> </label>
                                <input name="subject" class="form-control" placeholder="...">
                            </div>
                            <div class="form-group">
                                <label> <?php echo e(__('contacts.write_message')); ?> </label>
                                <textarea name="message" class="form-control" rows="5" placeholder="..."></textarea>
                            </div>
                             <div class="form-group mt-3">
                                <div class="col-sm-offset-3 col-sm-9">
                                    <div class="g-recaptcha" data-sitekey="<?php echo e(env('GOOGLE_RECAPTCHA_KEY')); ?>"></div>
                                </div>
                            </div>
                            <div class="text-center mt-4 pt-2">
                                <button class="butn color contact_us_button"><span><?php echo e(__('contacts.send')); ?></span></button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="form-group mb-3 mt-5">
                        <h6 class="main-color"><?php echo e(__('main.choose_hotel')); ?></h6>
                        <select class="form-control map_select">
                            <?php if(count($hotels)): ?>
                                <?php $__currentLoopData = $hotels; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $hotel): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <option value="<?php echo e($hotel->id); ?>"><?php echo e($hotel->room_name); ?></option>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            <?php endif; ?>
                        </select>
                    </div>
                    <?php if(count($hotels)): ?>
                        <?php $__currentLoopData = $hotels; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $hotel): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="map map_<?php echo e($hotel->id); ?> d-none">
                                <?php echo $hotel->map; ?>

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

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

<?php $__env->startSection('inner_js'); ?>
    <script src="https://www.google.com/recaptcha/api.js"></script>
    <script>

        $('.map').each(function () {
            if ($(this).index() === 1){
                $(this).removeClass('d-none');
            }
        });

        $('.map_select').change(function () {
            let id = $(this).val(), map = $('.map_'+id);
            map.removeClass('d-none');
            map.siblings('.map').addClass('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 /home/nesmaalyomhost/public_html/mawada/resources/views/web/contact_us/index.blade.php ENDPATH**/ ?>