@extends('admin.layouts.container')

@section('content')
<div class="side-title">
    <h3>{{ $head ?? ''}}</h3>
</div>


<div class="border-item">
   
    <form class="form-row"   method="post" action="{{$action}}" enctype="multipart/form-data">
        
        @csrf
     
    <div class="col-6">
           <label>التاريخ</label>
      <input type="date" class="form-control" onchange="selectdata(this)" name="date" id="date" placeholder=" بحث">
      
   </div>
       <div class="col-6">
           <label>الباقة</label>
      <select class="form-control" onchange="selectdata(this)" name="package_id" id="package_id">
          <option value="">اختر</option>
          @foreach($packages as $row)
          <option value="{{$row->id}}">{{packagename($row->id)}}</option>
          @endforeach
      </select>
      
   </div>
       <div class="side-title col-lg-12 mt-4">
            <h3>الوجبات </h3>
        </div>
        <div class="col-12" id="table">
            
        </div>
       
    <div class="text-center mt-5 col-12">
            <button class="butn"><span>طباعة</span></button>
        </div>


        
    </form>
</div>


@endsection

@section('inner_js')

<script>
function selectdata(elem){
    
let date = $('#date').val();
let package_id = $('#package_id').val();
    
    $.ajax({
          url : url_table+'/'+date+','+package_id,
          type : 'GET',
          data : 'nothing',
          dataType : 'HTML',
         
          success:function(data)
          {
             
           $('#table').html(data);
          }
        })
       
    
}
function selectuserclick(elem){
       let data = $(elem).val();
    if(data == ''){
        $( ".checkboxes" ).each(function() {
  $( this ).css('display','block');
});
    }
    else{
        
             $('.checkboxes').each(function () { 
  $( this ).css('display','none');
});

    
    $.ajax({
          url : url_lisence+'/'+data,
          type : 'GET',
          data : 'nothing',
          dataType : 'json',
         
          success:function(data)
          {
             
           $.each( data, function( key, value ) {
                let dataval = 'companies'+value;
                
  $( "#"+dataval ).css('display','block');
});
          }
        })
       
    }
}
  function selectalldata(elem){
      
        if (elem.checked) {
            $('.checkbox').each(function () { //loop through each checkbox
                $(this).prop('checked', true); //check 
            });
        } else {
            $('.checkbox').each(function () { //loop through each checkbox
                $(this).prop('checked', false); //uncheck              
            });
        }
    
}
    </script>
   <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>
   
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            url_table = {!! json_encode(url(getCurrentLocale().'/admin/daystable/')) !!},
            url_type = {!! json_encode(url(getCurrentLocale().'/admin/type/')) !!},
            currentLanguage = "{{getCurrentLocale()}}",
            imagePath = "{{asset('')}}";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
    <script src="{{ asset('assets/admin/js/articles.js') }}"></script>
    <script src="{{ asset('assets/admin/js/areas.js') }}"></script>
@endsection