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

  <main>
        <!-- Start header -->
        <header class="header">
            <div class="swiper-container swiper-header">
                <div class="swiper-wrapper">
                  <?php $__currentLoopData = $sliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="swiper-slide">
                        <div class="item">
                            <img src="<?php echo e(asset($row->image)); ?>" alt="" class="bg"/>
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-8 col-md-10 m-auto">
                                        <div class="text-box text-center">
                                            <!-- <h2 class="subtitle mb-3">كن أقوي</h2> -->
                                            <h1 class="title mb-4"><?php echo e(slidername($row->id)); ?></h1>
                                            <p class="p mb-4"><?php echo e(sliderdescription($row->id)); ?>.</p>
                                            <a href="<?php echo e(url(getCurrentLocale().'/'.$row->url)); ?>" target="_blank" class="main-butn border-butn m-auto"><span><?php echo e(__('web.showmore')); ?></span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                  <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </header>
        <!-- Start about-sec -->
        <section class="about-sec">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="img-box">
                            <img src="<?php echo e(asset($about->image)); ?>" alt="" class="main-img"/>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="text-box center-vr wow text-focus-in">
                            <h3 class="subitlte mb-3"><?php echo e(__('web.welcome')); ?></h3>
                            <h1 class="title mb-3"><?php echo e(__('web.raid')); ?> <b><?php echo e(__('web.fitness')); ?></b></h1>
                            <p class="p"><?php echo aboutdescription($about->id); ?>.</p>
                            <a href="<?php echo e(url(getCurrentLocale().'/aboutus')); ?>" class="main-butn dark-butn mt-5"><span><?php echo e(__('web.showmore')); ?></span></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Start packages-sec -->
              <section class="packages-sec">
            <div class="container">
                <div class="sec-heading text-center mb-5 wow fadeInUp">
                    <h2 class="title text-white"><?php echo e(__('web.packages')); ?></h2>
                    <p class="p text-white-50"><?php echo e(__('web.packages_desc')); ?></p>
                </div>
                <div class="row justify-content-center">
                    <?php $__currentLoopData = $sections; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-lg-3 col-md-6">
                        <div class="pkg_card wow swing-in-top-fwd ">
                            <div class="card_t">
                                <img src="<?php echo e(asset($row->image)); ?>" alt="" class="bg"/>
                                <div class="content center-vr">
                                    <!-- <span class="badge"><small>شهر/</small> <b>35</b> <small><b>SR</b></small></span> -->
                                    <h4 class="pkg-name  text-center"><?php echo e(sectionname($row->id)); ?></h4>
                                </div>
                            </div>
                            <div class="card-body">
                                <ul class="list">
                                    <?php $__currentLoopData = itemsSection($row->id); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <li class="li"><i class="fas fa-check"></i><?php echo e($item->value); ?></li>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </ul>
                                <a href="<?php echo e(url(getCurrentLocale().'/package/'.$row->id)); ?>" class="main-butn border-butn m-auto"><span><?php echo e(__('web.showmore')); ?></span></a>
                            </div>
                        </div>
                    </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    
                </div>
            </div>
        </section>
        <!-- Start feedback-sec -->
        <section class="feedback-sec">
            <div class="container">
                <div class="sec-heading wow fadeInUp">
                    <h2 class="title text-white"><?php echo e(__('web.reviews')); ?> <span class="blue"><?php echo e(__('web.clients')); ?></span></h2>
                    <p class="text-white-50"><?php echo e(__('web.reviews_desc')); ?></p>
                </div>
                <div class="swiper-container swiper-feedback">
                    <div class="swiper-wrapper">
                        <?php $__currentLoopData = $reviews; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="swiper-slide">
                            <div class="item">
                                <div class="row">
                                    <div class="col-md-7">
                                        <div class="feedback_inner">
                                            <div class="rating mb-4">
                                                <?php for($i=0;$i< $row->rate;$i++): ?>
                                                <i class="fas fa-star active"></i>
                                                <?php endfor; ?>
                                                <?php for($i=0;$i< 5-$row->rate;$i++): ?>
                                                <i class="fas fa-star"></i>
                                                <?php endfor; ?>
                                                
                                            </div>
                                            <p class="det">
                                             <?php echo e(reviewdescription($row->id)); ?>

                                             </p>
                                            <div class="prof-data mt-4">
                                                <h5 class="name mb-1"><b><?php echo e(reviewuser($row->id)); ?></b></h5>
                                                <p class="job-title mb-0"><?php echo e(reviewjob($row->id)); ?></p>
                                            </div>
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/quotemarks.png" alt="" class="quotesmark"/>
                                        </div>
                                    </div>
                                    <div class="col-md-5">
                                        <img src="<?php echo e(asset($row->image)); ?>" alt="" class="main-img"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            </div>
            <img src="<?php echo e(url('')); ?>/assets/web/images/pattern-1.png" alt="" class="pattern"/>
        </section>
        <!-- Start calorie-calculator -->
        <section class="calorie-calculator">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 m-auto">
                        <div class="sec-heading text-center mb-5 wow fadeInUp">
                            <h2 class="title text-white"><?php echo e(__('web.calc')); ?> <span class="blue"><?php echo e(__('web.calories')); ?></span></h2>
                            <p class="text-white-50"><?php echo e(__('web.calcalories')); ?></p>
                        </div>
                        <div class="form-wrapper mb-4 wow text-focus-in">
                             <form id="formcalcalories" onsubmit="calcalories(this)" method="post"  action="<?php echo e(url(getCurrentLocale().'/calcalories')); ?>">
                                       <?php echo csrf_field(); ?>
                                <div class="gender-wrapper mb-4">
                                    <div class="custom-control custom-checkbox">
                                        <input type="radio" class="custom-control-input" name="gender" checked value="male" id="gender1" >
                                        <label class="custom-control-label" for="gender1">
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/male.svg" alt="" class="gender-icon"/> <?php echo e(__('web.male')); ?>

                                        </label>
                                    </div>
                                    <div class="custom-control custom-checkbox">
                                        <input type="radio" class="custom-control-input" name="gender" value="female" id="gender2">
                                        <label class="custom-control-label" for="gender2">
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/female.svg" alt="" class="gender-icon"/> <?php echo e(__('web.female')); ?>

                                        </label>
                                      </div>
                                </div>
                                <div class="row mb-5">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input class="form-control" name="height" required type="number" placeholder="<?php echo e(__('web.length')); ?>"/>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input class="form-control" name="weight" required  type="number" placeholder="<?php echo e(__('web.weigth')); ?>"/>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input class="form-control" name="age" required type="number" placeholder="<?php echo e(__('web.age')); ?>"/>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <select name="activity_option" class="form-control">
                                                <option selected disabled><?php echo e(__('web.activity')); ?></option>
                                                <option value="1"> <?php echo e(__('web.option1')); ?></option>
                                                  <option value="2"><?php echo e(__('web.option2')); ?></option>
                            <option value="3"><?php echo e(__('web.option3')); ?></option>
                            <option value="4"><?php echo e(__('web.option4')); ?></option>
                            <option value="5"><?php echo e(__('web.option5')); ?></option>
                            <option value="6"><?php echo e(__('web.option6')); ?></option>
                            <option value="7"><?php echo e(__('web.option7')); ?></option> 
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <button class="main-butn dark-butn m-auto"><span><?php echo e(__('web.calculate')); ?></span></button>
                            </form>
                        </div>
                        <div class="cal-result  wow fadeInUp">
                            <img src="<?php echo e(url('')); ?>/assets/web/images/icons/outlines.svg" alt="" class="icon"/>
                            <div class="content">
                                <h5 class="title mb-3"><b><?php echo e(__('web.perday')); ?></b></h5>
                                <h1 class="result text-center"> <small><?php echo e(__('web.day')); ?>/</small><b class="blue" id="result">000</b> <small><?php echo e(__('web.calorie')); ?></small> </h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <img src="<?php echo e(url('')); ?>/assets/web/images/pattern-4.png" alt="" class="pattern_bl">
            <img src="<?php echo e(url('')); ?>/assets/web/images/pattern-2.png" alt="" class="pattern"/>
        </section>
        <!-- Start newsletter-sec -->
        <section class="newsletter-sec">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3">
                        <img src="<?php echo e(url('')); ?>/assets/web/images/icon.svg" alt="" class="logo wow zoomIn"/>
                    </div>
                    <div class="col-lg-5 col-md-6">
                        <div class="text  center-vr wow text-focus-in">
                           <h2 class="title text-white mb-3"><?php echo e(__('web.subscribe_mail')); ?></h2>
                            <p class="p text-white-50 mb-0"><?php echo e(__('web.enter_email')); ?> </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="form-wrapper center-vr wow text-focus-in">
                            <form onsubmit="formemail(this)" id="formemail" method="post" action="<?php echo e(url(getCurrentLocale().'/subscribe')); ?>" class="row">
                                <?php echo csrf_field(); ?>
                                <input type="email" name="email" class="form-control col-10"  placeholder="<?php echo e(__('web.email')); ?>">
                                <button class="submit-butn col-2"><i class="fab fa-telegram-plane"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
         <div class="modal logoutModal fade" id="confirmModal" tabindex="-1" aria-labelledby="confirmModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-body">
                        <img src="<?php echo e(url('')); ?>/assets/web/images/confirmed.svg" alt="" class="main-img"/>
                        <h4 class="title text-center mt-3" id="success"><?php echo e(__('web.success')); ?></h4>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="main-butn active-butn" data-dismiss="modal"><span><?php echo e(__('web.ok')); ?></span></button>
                    </div>
                </div>
            </div>
        </div>
        <!-- Canceled Newsletter Modal --> 
        <div class="modal logoutModal fade" id="cancelModal" tabindex="-1" aria-labelledby="cancelModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-body">
                        <img src="<?php echo e(url('')); ?>/assets/web/images/cancel.svg" alt="" class="main-img"/>
                        <div  id="error">
                        
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="main-butn active-butn" data-dismiss="modal"><span><?php echo e(__('web.ok')); ?></span></button>
                    </div>
                </div>
            </div>
        </div>
    
    </main>
       <?php $__env->startPush('js'); ?>
   <script>
   function formemail(elem){
        event.preventDefault(); 
       var action = $('#formemail').attr('action');
       var urls = action;
       var dataform = $('#formemail').serialize();
     
      $.ajax({
          url : urls,
          type: 'POST',              
          data: dataform,
          success:function(data)
          {
           $('#confirmModal').modal('show');
              $('#error').css("display", "none");
              $('#success').css("display", "block");
           
            
             
          }
          ,error:function(data) {
             $('#cancelModal').modal('show');
              $('#success').css("display", "none");
              $('#error').html('');
    $('#error').css("display", "block");
   
   $.each(data.responseJSON.errors, function(key,value) {
       
     $('#error').append('<h4 class="title text-center mt-3">'+value+'</h4>');
     
     
 }); 
 
}
        })
        }
        function calcalories(elem){
        event.preventDefault(); 
       var action = $('#formcalcalories').attr('action');
       var urls = action;
       var dataform = $('#formcalcalories').serialize();
     
      $.ajax({
          url : urls,
          type: 'POST',              
          data: dataform,
          success:function(data)
          {
           
              $('#result').html(data);
          }
       
        })
        }
    </script>
   <?php $__env->stopPush(); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('web.layouts.main', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/omaralyomhost/public_html/raied/resources/views/web/pages/index.blade.php ENDPATH**/ ?>