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

<div class="page-heading">
                <div class="bread">
                    <h4> <?php echo e(__('web.calcalories')); ?> </h4>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="<?php echo e(url(getCurrentLocale().'/')); ?>"><?php echo e(__('web.home')); ?></a></li>
                        <li class="breadcrumb-item active" aria-current="page"><?php echo e(__('web.calories')); ?> </li>
                        </ol>
                    </nav>
                </div>
            </div>  
        <main>
            <!--start calorie-calculator-->
            <section class="calorie-calculator">
                <div class="container">
                    <div class="inner">
                        <div class="row">
                            <div class="col-md-7">
                                <div class="form-container">
                                    <h3 class="mb-5"><?php echo e(__('web.calcalories')); ?></h3>
                                    <form id="formcontacts" onsubmit="contacts()" method="post"  action="<?php echo e(url(getCurrentLocale().'/calcalories')); ?>">
                                       <?php echo csrf_field(); ?>
                                        <div class="row">
                                            <div class="col-2">
                                                <label><?php echo e(__('web.gender')); ?></label>
                                            </div>
                                            <div class="col-10">
                                                <div class="form-group ">
                                                    <select name="gender" class="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-2">
                                                <label><?php echo e(__('web.age')); ?></label>
                                            </div>
                                            <div class="col-10">
                                                <div class="form-group ">
                                                    <input name="age" class="form-control" placeholder="<?php echo e(__('web.age')); ?>">
                                                </div>
                                            </div>
                                            <div class="col-2">
                                                <label><?php echo e(__('web.weigth')); ?></label>
                                            </div>
                                            <div class="col-10">
                                                <div class="form-group ">
                                                    <input name="weight" class="form-control" placeholder="<?php echo e(__('web.kg')); ?>">
                                                </div>
                                            </div>
                                            <div class="col-2">
                                                <label><?php echo e(__('web.length')); ?></label>
                                            </div>
                                            <div class="col-10">
                                                <div class="form-group ">
                                                    <input name="height" class="form-control" placeholder="<?php echo e(__('web.cm')); ?>">
                                                </div>
                                            </div>
                                            <div class="col-2">
                                                <label><?php echo e(__('web.activity')); ?></label>
                                            </div>
                                            <div class="col-10">
                                                <div class="form-group ">
                                                    <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-12">
                                                <button class="bg-butn"><span><?php echo e(__('web.calculate')); ?></span></button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="col-md-5">
                                <div class="calorie-result">
                                    <span class="calorie-span"><?php echo e(__('web.perday')); ?></span> 
                                    <span class="calorie-result-span"id="result">00.00</span> 
                                    <span class="per-day"><?php echo e(__('web.calorie')); ?> /<?php echo e(__('web.day')); ?></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </main>
 <?php $__env->startPush('js'); ?>
   <script>
        function contacts(){
        event.preventDefault(); 
       var action = $('#formcontacts').attr('action');
       var urls = action;
       var dataform = $('#formcontacts').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/nawal_fit/resources/views/web/pages/calories.blade.php ENDPATH**/ ?>