
<?php $__env->startSection('content'); ?>
  
  
    <main>
        <!-- Start about-sec -->
        <section class="about-sec section" id="menu">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <div class="text-box wow fadeInUp">
                            <img src="<?php echo e(url('')); ?>/assets/web/images/logo.png" alt="" class="logo"/>
                            <p class="p">
                                <?php echo $page_2->descriptions(currentLanguage()->id)['description']; ?>

                            </p>
                            <!--<a href="#" class="butn primary_border_butn mt-4">المزيد <i class="fa-solid fa-arrow-left-long me-0 ms-2"></i></a>-->

                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="img-box">
                            <h1 class="title text-white zi-5 wow fadeInUp"><?php echo $page_2->descriptions(currentLanguage()->id)['title']; ?></h1>
                            <img src="<?php echo e(asset($page_2->image)); ?>" alt="" class="bg"/>
                        </div>
                    </div>
                </div>
                <div class="categ-wrapper inFlex zi-5">
                    <?php $__currentLoopData = $meals; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <a href="#">
                        <div class="categ_card wow zoomIn">
                            <img src="<?php echo e(asset($row->image)); ?>" alt="" class="bg"/>
                            <h5 class="title text-center text-white"><?php echo e(mealdescriptions($row->id,'name')); ?> </h5>
                        </div>
                    </a>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    
                </div>
            </div>
        </section>
        <!-- Start reservation-sec -->
        <!--<section class="reservation-sec section">-->
        <!--    <div class="container">-->
        <!--        <form>-->
        <!--            <div class="row align-items-center">-->
        <!--                <div class="col-lg-3">-->
        <!--                    <h2 class="title text-white mb-0">احجز طاولتك الأن</h2>-->
        <!--                </div>-->
        <!--                <div class="col-lg-3">-->
        <!--                    <div class="date">-->
        <!--                        <div class="form-group">-->
        <!--                            <h5 class="label">التاريخ</h5>-->
        <!--                            <input class="form-control" type="date" value="2022-07-22"/>-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--                <div class="col-lg-3">-->
        <!--                    <div class="date">-->
        <!--                        <div class="form-group">-->
        <!--                            <h5 class="label">عدد الضيوف</h5>-->
        <!--                            <input class="form-control"  type="number" value="2"/>-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--                <div class="col-lg-3">-->
        <!--                    <div class="in-flex">-->
        <!--                        <button class="butn white_border_butn">احجز <i class="fa-solid fa-arrow-left-long me-0 ms-2"></i></button>-->
        <!--                        <a href="#" class="butn text-white underline">قائمة الطعام</a>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
                  
        <!--        </form>-->
        <!--    </div>-->
        <!--    <img src="<?php echo e(url('')); ?>/assets/web/images/reservation-1.png" alt="" class="bg"/>-->
        <!--</section>-->
        <!-- Start services-sec -->
        <section class="services-sec section" id="services">
            <div class="container">
                <h1 class="sec_title text-center mb-5"><b>خدماتنا</b></h1>
                <div class="row mb-5">
                    <?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-md-6 col-lg-3">
                        <div class="item text-center wow zoomIn">
                            <h5 class="title"><b><?php echo $row->descriptions(currentLanguage()->id)['name']; ?></b></h5>
                            <p class="p">
                                <?php echo $row->descriptions(currentLanguage()->id)['description']; ?>

                            </p>
                        </div>
                    </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
                <div class="row">
                    <div class="col-md-5">
                        <div class="dark_card serv_card inFlex mb-4 wow fadeInUp">
                            <div class="content text-center">
                                <h5 class="title text-white mb-3"><?php echo $page_3->descriptions(currentLanguage()->id)['title']; ?></h5>
                                <p class="p color-gray"><small><?php echo $page_3->descriptions(currentLanguage()->id)['description']; ?></small></p>
                            </div>
                        </div>
                        <div class="bg-light serv_card inFlex mb-4 wow fadeInUp">
                            <div class="content text-center">
                                <h5 class="title color-secondary mb-3">مواعيدنا</h5>
                                <div class="times px-5">
                                    <?php echo settings('work'); ?>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="lg_card serv_card justify-content-center inFlex mb-4 wow fadeInUp">
                            <div class="content text-center zi-5 ">
                                <h1 class="title text-white"><b>قائمة الطعام</b></h1>
                                <a href="#menu" class="butn white_border_butn m-auto mt-4">المزيد <i class="fa-solid fa-arrow-left-long me-0 ms-2"></i></a>

                            </div>
                            <img src="<?php echo e(asset($page_3->image)); ?>" alt="" class="bg"/>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
   
    
   
  <?php $__env->startPush('js'); ?>
  
   <script>
        // <!-- ------- chart js pie script -------------- -->
       
        let primary = <?php echo json_encode(settings('primary')); ?>;
        let secondary = <?php echo json_encode(settings('secondary')); ?>;
        var ctx = document.getElementById('myChart');
        var myChart = new Chart(ctx, {
            type: 'pie',
            data: {
                // labels: ['Category1', 'Category2', 'Category3'],
                datasets: [{
                    data: myData,
                    backgroundColor: [
                        primary,
                        secondary
                    ],
                    borderWidth: 5
                }]
            },
            options: {
                responsive: true,
                title: {
                    display: false,
                    // text: 'Chart.js Line Chart'
                },
                // tooltips: {
                //     mode: 'index',
                //     intersect: false,
                // },
                // hover: {
                //     mode: 'nearest',
                //     intersect: true
                // }
            }
        });
    </script>
  
  
  <script>
  
        function categoryFetch(elem){
            let target = $(elem).attr('data-id');
            
      $.ajax({
          url : <?php echo json_encode(url(getCurrentLocale().'/categoryFetch')); ?>+'/'+target,
          type: 'GET',              
          data: 'dataform',
          success:function(data)
          {
              $(elem).attr('data-id',parseInt(target)+1);
           $('#meals').html(data);
          }
        })
        }
        function subMailing(elem){
        event.preventDefault(); 
       var action = $('#formMail').attr('action');
       var urls = action;
       var dataform = $('#formMail').serialize();
     
      $.ajax({
          url : urls,
          type: 'POST',              
          data: dataform,
          success:function(data)
          {
           $('#success_modal_mail').modal('show');
              
                 setTimeout(
  function()
  {
      location.reload();
  }, 1000);
             
          }
          ,error:function(data) {
             $('#error_modal_mail').modal('show');
              $('#error_mail').html('');
    $('#error_mail').css("display", "block");
   
   $.each(data.responseJSON.errors, function(key,value) {
       console.log(key);
     $('#error_mail').append('<h4 class="title text-center mt-3">'+value+'</h4>');
     
     
 }); 
 
}
        })
        }
      
  </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/rest4/resources/views/web/pages/home/index.blade.php ENDPATH**/ ?>