IMMREX7

@extends('schools.school_layout')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <!--<div class="card">-->
        <div class="body">
            <button class="btn btn-raised btn-warning btn-round waves-effect" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">Advance Search</button>
            <div class="collapse" id="collapseExample">
                <div class="well">
                    <div class="row clearfix">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="card">
                                <div class="header">
                                    <h2><strong>Advance Search</strong></h2>
                                </div>
                                <div class="body">
                                    {!! Form::open(['method' => 'GET',  'action' => ['School\Canteen\FoodVendorController@manageOrder'], 'class' => 'form-horizontal']) !!}
                                    <div class="row clearfix">
                                        <div class="col-sm-8">
                                            <div class="row clearfix">
                                                <div class="col-sm-3 form-control-label">
                                                    <label for="classname">From Date</label>
                                                </div>
                                                <div class="col-sm-7">
                                                    <div class="form-group">
                                                        {!! Form::text('fromDate',null,['class' => 'form-control datepicker']) !!}
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row clearfix">
                                                <div class="col-sm-3 form-control-label">
                                                    <label for="classname">To Date</label>
                                                </div>
                                                <div class="col-sm-7">
                                                    <div class="form-group">
                                                        {!! Form::text('toDate',null,['class' => 'form-control datepicker']) !!}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row clearfix">
                                        <div class="col-sm-8 offset-sm-2">
                                            {!! Form::submit('Search',['class' => 'btn btn-raised btn-primary btn-round waves-effect']) !!}
                                            {!! Form::close() !!} 
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--</div>-->
    </div>
</div>
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="header">
                <h2><strong>Manage Order</strong></h2>
            </div>
            <form action="/school/manage-food-order" method="post">
            <input type="hidden" name="_token" value="{{ csrf_token() }}" />
            <div class="body table-responsive">
                <table class="table table-bordered table-striped table-hover dataTable" id="tableexp">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Name - Ec No.</th>
                            <th>Grade & DIV</th>
                            <th>Order Date</th>
                            <th>Delivery Date</th>
                            <th>Food Name</th>
                            <th>Price</th>
                            <th>Food Qty</th>
                            <th>Total Paid</th>
                            <th>Remark</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($transactions as $var)
                            @php $details = \App\FoodTransactionDetail::join('canteen_food_items', 'food_transaction_details.idProduct', '=', 'canteen_food_items.id')->where('idTransaction',$var->idTransaction)->get();  @endphp
                            @foreach ( $details as $value)
                            <tr>
                                <td>@if($value->is_delivered == "N") <input type='checkbox' name='orders[]' value='{{$value->idTransactionDetail}}' /> @endif</td>
                                <td>{{$var->firstName}} {{$var->middleName}} {{$var->lastName}}- {{$var->ecNo}}</td>
                                <td>{{$var->className}} {{$var->sectionName}}</td>
                                <td>{{\Carbon\Carbon::parse($var->paymentDate)->format('d-m-Y')}}</td>
                                @php 
                                if(isset($value->delivery_date_time))
                                $delivery = \Carbon\Carbon::parse($value->delivery_date_time);
                                else
                                $delivery = \Carbon\Carbon::parse($var->paymentDate)->addDays(1);
                                @endphp
                                <td>{{$delivery->format('d-m-Y')}}</td>
                                <td> {{$value->item_name}} </td>
                                <td> {{$value->price}} </td>
                                <td> {{$value->qty}} </td>
                                <td> {{$value->price * $value->qty}} </td>
                                @if($value->is_delivered == "N")
                                <td>No</td>
                                @else
                                <td>Delivered</td>
                                @endif
                            </tr>
                            @endforeach
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tfoot>
                </table>
                <div class="row clearfix"> 
                            <div class="col-sm-3">
                                <p>Choose Delivery Date and Time</p>
                            </div> 
                </div> 
                <div class="row clearfix"> 
                            <div class="col-sm-3">
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <i class="zmdi zmdi-calendar"></i>
                                    </span>
                                    <input type="text" class="form-control datetimepicker" name="delivery" placeholder="Please choose date & time..." required>
                                </div>
                            </div>
                </div>
                <button class="btn btn-raised btn-warning btn-round waves-effect" type="submit">Mark as Delivered</button>
            </div>
            </form>
        </div>
    </div>
</div>
@stop
@section('script')
<script>

$(function () {
    $('.datetimepicker').bootstrapMaterialDatePicker({
        format: 'DD-MM-YYYY HH:mm:ss',
        clearButton: true,
        weekStart: 1
    });
    $('#tableexp').DataTable({
      
        dom: 'Bfrtip',
         scrollY:        "500px",
        scrollX:        true,
        scrollCollapse: true,
        fixedColumns:   {
            left: 1
        },
        buttons: [
            { extend: 'csv', footer: true, text: 'Export to Excel',title:'Order History',
                exportOptions: {
                    columns: [0,1,2,3,4,5,6,7],
                    format: {
                     body: function (data, row, column, node ) {
                                if(column === 2 )
                                return "\0" + data ;
                                else if( column === 5 )
                                return data.replace( '<br>', '\r\n');
                                else return data;
                               
                                }
                            }
                }
            }
            
        ]
    });
});
</script>
@stop