@extends('admin.layouts.container')

@section('content')

<div class="side-title">
    <div class="row">
        <div class="col-lg-5">
            <h3 class="mb-0">طلبات المطبخ</h3>
        </div>
    </div>
</div>

<div class="border-item"> 

    <h5 class="text-center mb-5"> اختر اليوم لعرض طلبات المطبخ </h5>
    
    <form method="post" action="{{url('admin/kitchen/export')}}">
        @CSRF
        <div class="row justify-content-center">
            <div class="col-lg-7">
                <div class="days_calender">
                    <input type="hidden" id="date" name="date">
                    <div id="datepicker2" class="kitchen_calender"></div>
                </div>
            </div>
        </div>
        
        <div class="text-center mt-5 col-12">
            <button type="submit" class="butn px-5"><span>{{__('dashboard.export')}}</span></button>
        </div>
    </form>
    
    <table class="table table-bordered kitchen_table">
        <thead>
            <tr>
                <th rowspan="2">اسم الوجبة</th>
                <th colspan="{{count($packages)}}">الباقات</th>
              </tr>
          <tr>
            @foreach($packages as $row)
                <td>{{$row->descriptions()->name}}</td>
            @endforeach
          </tr>
        </thead>
        <tbody id="meals">
        </tbody>
    </table>
    
    
</div>

@endsection


@section('inner_js')

<script>
    $( function() {
        $( "#datepicker2" ).datepicker({
            dateFormat: 'yy-mm-dd',
            onSelect: function(selected,evnt) {
                $('#date').val(selected);
                $.ajax
                ({
                    url : {!! json_encode(url(getCurrentLocale().'/admin/select/date')) !!},
                    type: 'GET',              
                    data: 'date='+selected,
                    success:function(data)
                    {
                        $('#meals').html(data);
                    }
                })
            }
        });
    } );
</script>

@endsection