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

 <header class="header bg-img valign" style="background:url(<?php echo e(asset($header->image)); ?>)">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 m-auto">
                    <div class="caption text-center wow fadeIn" data-wow-delay="2s">
                        <h6 class="subtitle"><?php echo e(__('web.organic')); ?></h6>
                        <h1 class="title"><?php echo e($header->description(currentLanguage()['id'])['name']); ?></h1>
                        <p class="p mb-4"><?php echo e($header->description(currentLanguage()['id'])['description']); ?>

                        </p>
                        <a href="<?php echo e(url(getCurrentLocale().'/')); ?>#foodSection" class="butn butn-bg"><span><?php echo e(__('web.food_menu')); ?></span></a>
                    </div>
                </div>
            </div>
        </div>
        <img src="<?php echo e(url('')); ?>/assets/web/images/header_b.svg" alt="" class="header_lines"/>
    </header>
    <main>
        <!-- Start calorie-calculator -->
        <section class="calorie-calculator" id="caloriesSection">
            <div class="container">
                <div class="col-lg-12 head text-center">
                    <h3 class="sec_title">
                        <?php echo e(__('web.calcalories')); ?>

                        <img src="<?php echo e(url('')); ?>/assets/web/images/title_heading.svg" alt="" class="title_bg"/>
                    </h3>
                </div>
                <div class="inner">
                    <div class="row">
                        <div class="col-lg-7">
                            <div class="form-container">
                                <!-- <h3 class="mb-5">حاسبة السعرات الحرارية</h3> -->
                                <form method="post" onsubmit="calcalories(this)" id="formcalcalories" action="<?php echo e(url(getCurrentLocale().'/calcalories')); ?>">
                                    <?php echo csrf_field(); ?>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label><?php echo e(__('web.age')); ?></label>
                                                <input class="form-control" type="number" name="age" placeholder="<?php echo e(__('web.age')); ?>">
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label><?php echo e(__('web.weight')); ?></label>
                                                <input class="form-control" name="weight" placeholder="<?php echo e(__('web.kg')); ?>">
                                            </div>
                                        </div>
                                         <div class="col-lg-6">
                                            <div class="form-group">
                                                <label><?php echo e(__('web.height')); ?></label>
                                                <input name="height" class="form-control" placeholder="<?php echo e(__('web.cm')); ?>">
                                            </div>
                                        </div>
                                       
    
                                                    </select>
                                                    <div class="col-lg-6">
                                            <div class="form-group ">
                                                <label for=""><?php echo e(__('web.activity')); ?></label>
                                                <select name="activity_option" class="form-control">
                                                        <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 class="col-lg-6">
                                            <div class="form-group ">
                                                <label for=""><?php echo e(__('web.gender')); ?></label>
                                                <select name="gender" class="custom-select form-control">
                                                    <option value="male"><?php echo e(__('web.male')); ?></option>
                                                    <option value="female"><?php echo e(__('web.female')); ?></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group ">
                                                <label for=""><?php echo e(__('web.ur_work')); ?></label>
                                                <select class="custom-select form-control">
                                                    <option selected=""><?php echo e(__('web.outdoor')); ?></option>
                                                    <option value="1"><?php echo e(__('web.indoor')); ?></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group ">
                                                <label for=""><?php echo e(__('web.subscribe_club')); ?></label>
                                                <select class="custom-select form-control">
                                                    <option selected=""><?php echo e(__('web.yes')); ?></option>
                                                    <option value="1"><?php echo e(__('web.no')); ?></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group ">
                                                <label for=""><?php echo e(__('web.mealsDiet')); ?></label>
                                                <select class="custom-select form-control">
                                                    <option selected="">1</option>
                                                    <option value="1">2</option>
                                                    <option value="1">3</option>
                                                    <option value="1">4</option>
                                                    <option value="1">5</option>
                                                    <option value="1">6</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group ">
                                                <label for="">  <?php echo e(__('web.healthy_food')); ?> </label>
                                                <select class="custom-select form-control">
                                                    <option selected=""><?php echo e(__('web.yes')); ?></option>
                                                    <option value="1"><?php echo e(__('web.no')); ?></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label for="">  <?php echo e(__('web.supplier')); ?> </label>
                                                <select class="custom-select form-control">
                                                    <option selected=""><?php echo e(__('web.yes')); ?></option>
                                                    <option value="1"><?php echo e(__('web.no')); ?></option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label for=""><?php echo e(__('web.workhours')); ?> </label>
                                               <input class="form-control" type="number" name="hourwork" placeholder="<?php echo e(__('web.workhours')); ?>">
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <label for="">  <?php echo e(__('web.ur_goal')); ?> </label>
                                                <select class="custom-select form-control">
                                                    <option selected=""><?php echo e(__('web.lessweight')); ?></option>
                                                    <option value="1"><?php echo e(__('web.keepweight')); ?></option>
                                                    <option value="1"><?php echo e(__('web.increasemuscle')); ?> </option>
                                                </select>
                                            </div>
                                        </div>
                                
                                        <div class="col-12 mt-4">
                                            <button type="submit" class="butn butn-bg m-auto d-block"><span><?php echo e(__('web.calculate')); ?></span></button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="center-vr">
                                <div class="calorie-result">
                                    <span class="calorie-span"><?php echo e(__('web.need_day')); ?></span> 
                                    <span class="calorie-result-span" id="result"></span> 
                                    <span class="per-day"><?php echo e(__('web.caloriesday')); ?></span>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Start package -->
        <section class="package section-padding" id="packageSection">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 head text-center">
                        <h3 class="sec_title">
                            <?php echo e(__('web.pacakges')); ?>

                            <img src="<?php echo e(url('')); ?>/assets/web/images/title_heading.svg" alt="" class="title_bg"/>
                        </h3>
                    </div>
                    <?php $__currentLoopData = $packages; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-lg-6 col-md-6 wow fadeIn">
                        <div class="<?php if($key < 2): ?> pkg_card <?php endif; ?> item ">
                            <h5 class="title"> 
                                <span><?php echo e($row->description(currentLanguage()['id'])['name']); ?></span>
                                <img src="<?php echo e(url('')); ?>/assets/web/images/title_heading.svg" alt="" class="title_heading"/>
                            </h5>
                            <div class="row">
                                <div class="col-lg-6 valign">
                                    <div class="img full-width">
                                        <img src="<?php echo e(asset($row->image)); ?>" alt="" class="pkg_img">
                                    </div>
                                </div>
                                <div class="col-lg-6 valign">
                                    <div class="info full-width">
                                        <ul>
                                            <li>
                                                <div class="type"><?php echo e(__('web.protien')); ?></div>
                                                <div class="numb"><?php echo e($row->protien); ?> <?php echo e(__('web.gram')); ?></div>
                                            </li>
                                            <li>
                                                <div class="type"><?php echo e(__('web.carbo')); ?></div>
                                                <div class="numb"><?php echo e($row->carbo); ?> <?php echo e(__('web.gram')); ?></div>
                                            </li>
                                            <li>
                                                <div class="type"><?php echo e(__('web.calories')); ?></div>
                                                <div class="numb"><?php echo e($row->start); ?>  : <?php echo e($row->end); ?> </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="order">
                                <a href="<?php echo e(url(getCurrentLocale().'/subscribe/'.$row->id)); ?>" class="butn butn-bg d-block "><span><?php echo e(__('web.sub')); ?></span></a>
                            </div>
                        </div>
                    </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
        </section>
        <!-- Start subscribe -->
        <section class="subscribe">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="cont">
                            <h4><?php echo e(__('web.subscribe')); ?> </h4>
                            <p><?php echo e(__('web.subscribe_desc')); ?> </p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <a href="<?php echo e(url(getCurrentLocale().'/')); ?>#packageSection" class="butn butn-bg center-vr"><span><?php echo e(__('web.sub')); ?> </span></a>
                    </div>
                </div>
            </div>
            <img src="<?php echo e(url('')); ?>/assets/web/images/header_b.svg" alt="" class="effect_t filter_green"/>
            <img src="<?php echo e(url('')); ?>/assets/web/images/header_b.svg" alt="" class="effect_t effect_b filter_green"/>
        </section>
        <!-- Start about -->
        <section class="about section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 head text-center">
                        <h3 class="sec_title">
                            <?php echo e(__('web.aboutus')); ?>

                            <img src="<?php echo e(url('')); ?>/assets/web/images/title_heading.svg" alt="" class="title_bg"/>
                        </h3>
                    </div>
    
                    <div class="col-lg-5">
                        <div class="img wow fadeInRight">
                            <img src="<?php echo e(asset($about->image)); ?>" alt="">
                        </div>
                    </div>
    
                    <div class="col-lg-1"></div>
    
                    <div class="col-lg-6 valign">
                        <div class="content wow fadeIn">
                            <h6><?php echo e(__('web.always')); ?></h6>
                            <h3><?php echo e($about->description(currentLanguage()['id'])['title']); ?></h3>
                            <div class="img-heading"><img src="<?php echo e(url('')); ?>/assets/web/images/heading.svg" alt=""></div>
                            <p class="text mb-4">
                                <?php echo $header->description(currentLanguage()['id'])['description']; ?>

                            </p>
                            <a href="#foodSection" class="butn butn-bg"><span><?php echo e(__('web.food_menu')); ?> </span></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Start video -->
        <section class="video valign text-center"  data-vide-bg="<?php echo e(url('')); ?>/assets/web/images/video.mp4">
            <div class="container">
                <a class="vido_link" data-fancybox href="<?php echo e(settings('video')); ?>">
                    <i class="fas fa-play-circle"></i>
                </a>
            </div>
            <div class="overlay"></div>
            <img src="<?php echo e(url('')); ?>/assets/web/images/header_b.svg" alt="" class="effect_t filter_white"/>
            <img src="<?php echo e(url('')); ?>/assets/web/images/header_b.svg" alt="" class="effect_t effect_b filter_white"/>
        </section>
        <!-- Start meal -->    
        <section class="meal section-padding" id="foodSection">
            <div class="container">
                <div class="col-lg-12 head text-center">
                    <h3 class="sec_title">
                        <?php echo e(__('web.food_menu')); ?>

                        <img src="<?php echo e(url('')); ?>/assets/web/images/title_heading.svg" alt="" class="title_bg"/>
                    </h3>
                </div>
                <div class="week-tabs">
                    <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a class="nav-link active" id="pills-tab1-tab" data-toggle="pill" href="#pills-tab1" role="tab" aria-controls="pills-tab1" aria-selected="true"><?php echo e(__('web.sat')); ?> </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="pills-tab2-tab" onclick="selectDay(this)" data-id="sun" data-toggle="pill" href="#pills-tab2" role="tab" aria-controls="pills-tab2" aria-selected="false"><?php echo e(__('web.sun')); ?> </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="pills-tab3-tab" onclick="selectDay(this)" data-id="mon" data-toggle="pill" href="#pills-tab3" role="tab" aria-controls="pills-tab3" aria-selected="false"><?php echo e(__('web.mon')); ?> </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="pills-tab4-tab" onclick="selectDay(this)" data-id="tue" data-toggle="pill" href="#pills-tab4" role="tab" aria-controls="pills-tab4" aria-selected="false"><?php echo e(__('web.tue')); ?> </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="pills-tab5-tab" onclick="selectDay(this)" data-id="wed" data-toggle="pill" href="#pills-tab5" role="tab" aria-controls="pills-tab5" aria-selected="false"><?php echo e(__('web.wed')); ?> </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="pills-tab6-tab" onclick="selectDay(this)" data-id="thu" data-toggle="pill" href="#pills-tab6" role="tab" aria-controls="pills-tab6" aria-selected="false"><?php echo e(__('web.thu')); ?> </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="pills-tab7-tab" onclick="selectDay(this)" data-id="fri" data-toggle="pill" href="#pills-tab7" role="tab" aria-controls="pills-tab7" aria-selected="false"><?php echo e(__('web.fri')); ?> </a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content" id="pills-tabContent">
                    <div class="tab-pane fade show active" id="pills-tab1" role="tabpanel" aria-labelledby="pills-tab1-tab">
                        <div class="row">
                            <?php $__currentLoopData = $foods; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="col-lg-6">
                                <div class="item row">
                                    <div class="col-md-4 col-sm-6">
                                        <div class="img">
                                            <img src="<?php echo e(asset($row->image)); ?>" alt="">
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <div class="cont">
                                            <p><?php echo e($row->description(currentLanguage()['id'])['name']); ?></p>
                                            <h6><?php echo e($row->description(currentLanguage()['id'])['description']); ?></h6>
                                            <h5>
                                                <?php echo e(categoryname($row->category_id)); ?>

                                                <img src="<?php echo e(url('')); ?>/assets/web/images/title_heading.svg" alt="" class="title_bg "/>
                                            </h5>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="info">
                                            <ul>
                                                <li>
                                                    <div class="type"><?php echo e(__('web.calorie')); ?> </div>
                                                    <div class="numb"><?php echo e($row->calories); ?> <?php echo e(__('web.gram')); ?> </div>
                                                </li>
                                                <li>
                                                    <div class="type"><?php echo e(__('web.fats')); ?> </div>
                                                    <div class="numb"><?php echo e($row->fats); ?> <?php echo e(__('web.gram')); ?> </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-tab2"  role="tabpanel" aria-labelledby="pills-tab2-tab">
                        <div class="row" id="sun">
                            
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-tab3"   role="tabpanel" aria-labelledby="pills-tab3-tab">
                        <div class="row" id="mon">
                            
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-tab4"   role="tabpanel" aria-labelledby="pills-tab4-tab">
                        <div class="row" id="tue">
                            
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-tab5"   role="tabpanel" aria-labelledby="pills-tab5-tab">
                        <div class="row" id="wed">
                            
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-tab6" role="tabpanel"  aria-labelledby="pills-tab6-tab">
                        <div class="row" id="thu">
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-tab7" role="tabpanel"  aria-labelledby="pills-tab7-tab">
                        <div class="row" id="fri">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Start why-us -->    
        <section class="why-us section-padding bg-gray">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 head text-center">
                        <h3 class="sec_title">
                            <?php echo e(__('web.why_us')); ?>

                            <img src="<?php echo e(url('')); ?>/assets/web/images/title_heading.svg" alt="" class="title_bg"/>
                        </h3>
                    </div>
                    <div class="col-lg-3 col-md-6 wow fadeIn">
                        <div class="item">
                            <div class="icon">
                                <img src="<?php echo e(url('')); ?>/assets/web/images/icons/why-us/1.png" alt="" class="img"/>
                            </div>
                            <h4><?php echo e($about->description(currentLanguage()['id'])['about_1']); ?></h4>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 wow fadeIn">
                        <div class="item">
                            <div class="icon">
                                <img src="<?php echo e(url('')); ?>/assets/web/images/icons/why-us/2.png" alt="" class="img"/>
                            </div>
                            <h4><?php echo e($about->description(currentLanguage()['id'])['about_2']); ?></h4>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 wow fadeIn">
                        <div class="item">
                            <div class="icon">
                                <img src="<?php echo e(url('')); ?>/assets/web/images/icons/why-us/3.png" alt="" class="img"/>
                            </div>
                            <h4><?php echo e($about->description(currentLanguage()['id'])['about_3']); ?></h4>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 wow fadeIn">
                        <div class="item">
                            <div class="icon">
                                <img src="<?php echo e(url('')); ?>/assets/web/images/icons/why-us/4.png" alt="" class="img"/>
                            </div>
                            <h4><?php echo e($about->description(currentLanguage()['id'])['about_4']); ?></h4>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Start steps -->    
        <section class="steps section-padding bg-img">
            <div class="container">
                <div class="circle">
                    <h4><?php echo e(__('web.steps')); ?></h4>
                </div>
                <ul class="steps-info">
                    <?php $__currentLoopData = $steps; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <li><span><?php echo e($key+1); ?></span> <?php echo e($row->description(currentLanguage()['id'])['name']); ?> </li>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ul>
            </div>
        </section>
        <!-- Start stateModal confirm -->   
        <!-- <button data-toggle="modal" data-target="#confirmModal" >الموافقه</button>
        <button data-toggle="modal" data-target="#cancelmModal" >الالغاء</button> -->
        <!-- Confirm Modal-->
        <div class="modal stateModal fade" id="confirmModal" tabindex="-1" aria-labelledby="confirmModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-body">
                        <div class="text-box">
                            <img src="<?php echo e(url('')); ?>/assets/web/images/confirm.png" alt="" class="icon filter_green mb-4"/>
                            <h3 class="title mb-3"><?php echo e(__('web.success')); ?> </h3>
                            <p class="p">ش<?php echo e(__('web.thanks')); ?> <b><?php echo e(__('web.project')); ?></b> </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Cancel Modal-->
        <div class="modal stateModal fade" id="cancelmModal" tabindex="-1" aria-labelledby="cancelmModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div class="modal-body">
                        <div class="text-box">
                            <img src="<?php echo e(url('')); ?>/assets/web/images/cancel.png" alt="" class="icon filter_red mb-4"/>
                            <h3 class="title mb-3"><?php echo e(__('web.try_again')); ?> </h3>
                           <p class="p">ش<?php echo e(__('web.thanks')); ?> <b><?php echo e(__('web.project')); ?></b> </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

       <?php $__env->startPush('js'); ?>
   <script>
        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);
          }
       
        })
        }
        function selectDay(elem){
             let target = $(elem).attr('data-id');
     
      $.ajax({
          url : <?php echo json_encode(url(getCurrentLocale().'/food/')); ?>+'/'+target,
          type: 'GET',              
          data: 'dataform',
          success:function(data)
          {
           
              $('#'+target).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/4u/resources/views/web/pages/index.blade.php ENDPATH**/ ?>