@extends('layouts.AdminMaster')
@yield('sessions')
@section('title', 'Pre Orders')

@section('content')
{{--$item_store=\app\item_store::all();--}}

      

<!-- {{$preorders}} -->






<div class="panel panel-default">
  <div class="panel-heading">
    <div class="form-inline">
  	{!! Form::open(['url' => ['admin/reports/clients/preorderviewdate'], 'method' => 'POST']) !!}
<div class="form-group">
    <label for="email">From Date:</label>
    <input type="date" class="form-control" id="from" name="from">
  </div>
  <div class="form-group">
    <label for="pwd">To Date:</label>
    <input type="date" class="form-control" id="to" name="to">
  </div>
  
  <button type="submit" class="btn btn-primary">Submit</button>
  	{!! Form::close() !!}

</div>
  </div>
  <div class="panel-body">
      
<table class="prod-table"> 
    <thead> 
<tr>
    <th>#</th>
    <th>User</th>
    <th>phone</th>
    <th>Date</th>
    <th>Delivery time</th>
    <th>View</th>
    {{-- <th>   Approve </th> --}}
</tr>

    </thead>
    <tbody> 
@foreach($preorders as $preorder)

<tr>    
<td>  {{$x++}}  </td>
<td> {{$preorder->user->name}}  </td>
<td> {{$preorder->user->phone}}  </td>

<td>  {{$preorder->date}}  </td>
<td>  {{$preorder->delivery_time}}</td>
<td> 

{!! Form::open(['url' => ['admin/pre/view'], 'method' => 'POST','id'=>$preorder->order_id]) !!}
<input type="hidden" name="user_id" value="{{$preorder->user_id}}">
<input type="hidden" name="date" value="{{$preorder->date}}">
<input type="hidden" name="time" value="{{$preorder->delivery_time}}">
  <a class="btn btn-primary view" user-id="{{$preorder->user_id}}" date=" {{$preorder->date}}" time="{{$preorder->delivery_time}}" order_id="{{$preorder->order_id}}">view</a>
{!! Form::close() !!}
   



   </td>



{{--  {!! Form::open(['url'=>['admin/approve/preorder'], 'method'=>'POST']) !!}
                                        <input type="hidden" value="{{$preorder->user_id}}" name="user_id"/>
                                        <input type="hidden" value="{{$preorder->date}}" name="date"/>
                                        <input type="hidden" value="{{$preorder->delivery_time}}" name="delivery_time"/>
                                        <button type="submit" class="btn btn-default" >Approve</button>
                                        {!! Form::close() !!} --}}




</tr>

@endforeach



    </tbody>

</table>


  </div>
</div>








<!-- 

            <div class="panel panel-default">
                <div class="panel-heading"><h3><a data-toggle="collapse" href="#collapse1">Today Deliveries </a></h3></div>
            <div id="collapse1" class="panel-collapse collapse">

                <div class="panel-body" id="demo">





                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th>customer</th>
                            <th>phone</th>
                            <th>Date</th>
                            <th>Delievery time</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($preorders as $preorder)
                            @if($preorder->date==$today)

                                <tr>
                                    <td>{{$preorder->user->name}}</td>
                                    <td>{{$preorder->user->phone}}</td>
                                    <td>{{$preorder->date}}</td>
                                    <td>{{$preorder->delivery_time}}</td>
                                    <td>

                                        {!! Form::open(['url'=>['admin/approve/preorder'], 'method'=>'POST']) !!}
                                        <input type="hidden" value="{{$preorder->user_id}}" name="user_id"/>
                                        <input type="hidden" value="{{$preorder->date}}" name="date"/>
                                        <input type="hidden" value="{{$preorder->delivery_time}}" name="delivery_time"/>
                                        <button type="submit" class="btn btn-default" >Approve</button>
                                        {!! Form::close() !!}

                                    </td>
                                    <td><button class="btn btn-primary view" order-id="{{$preorder->order_id}}"  type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalLong">view</button></td>




                                    {{--{--}}

                                    {{--</div>--}}
                                    {{--<h2><small>Customer : </small>{{$preorder->user->name}}</h2>--}}
                                    {{--<h3><small>Date:</small> {{$preorder->date}} </h3>--}}
                                    {{--<h3><small>Delivery time:</small> {{$preorder->delivery_time}}</h3>--}}
                                    {{--<h3>Phone: {{$preorder->user->phone}}</h3>--}}
                                    {{--{!! Form::open(['url'=>['admin/approve/preorder'], 'method'=>'POST']) !!}--}}
                                    {{--<input type="hidden" value="{{$preorder->user_id}}" name="user_id"/>--}}
                                    {{--<input type="hidden" value="{{$preorder->date}}" name="date"/>--}}
                                    {{--<input type="hidden" value="{{$preorder->delivery_time}}" name="delivery_time"/>--}}
                                    {{--<button type="submit" class="btn btn-default">Approve</button>--}}
                                    {{--{!! Form::close() !!}--}}


                                </tr>
                            @endif
                        @endforeach

                        </tbody>
                    </table>








                    <table class="table table-striped table-bordered">
                        <thead>

                        </thead>
                        <tbody>
                                </tbody>
                            </table>


                </div>
            </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading"><h3><div>future Deliveries</div><div class="pull-right"><button data-toggle="collapse" data-target="#demo">add</button></div></h3></div>
                <div class="panel-body" id="demo">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>customer</th>
                            <th>phone</th>
                            <th>Date</th>
                            <th>Delievery time</th>
                        </tr>
                        </thead>
                        <tbody>
                    @foreach($preorders as $preorder)
                        @if($preorder->date!=$today)

<tr>
<td>{{$preorder->user->name}}</td>
<td>{{$preorder->user->phone}}</td>
<td>{{$preorder->date}}</td>
<td>{{$preorder->delivery_time}}</td>
    <td>

        {{--{!! Form::open(['url'=>['admin/approve/preorder'], 'method'=>'POST']) !!}--}}
        {{--<input type="hidden" value="{{$preorder->user_id}}" name="user_id"/>--}}
        {{--<input type="hidden" value="{{$preorder->date}}" name="date"/>--}}
        {{--<input type="hidden" value="{{$preorder->delivery_time}}" name="delivery_time"/>--}}
        {{--<button type="submit" class="btn btn-default" >Approve</button>--}}
        {!! Form::close() !!}

    </td>
    <td><button class="btn btn-primary view" order-id="{{$preorder->order_id}}">view</button></td>




{{--{--}}

{{--</div>--}}
    {{--<h2><small>Customer : </small>{{$preorder->user->name}}</h2>--}}
    {{--<h3><small>Date:</small> {{$preorder->date}} </h3>--}}
    {{--<h3><small>Delivery time:</small> {{$preorder->delivery_time}}</h3>--}}
    {{--<h3>Phone: {{$preorder->user->phone}}</h3>--}}
    {{--{!! Form::open(['url'=>['admin/approve/preorder'], 'method'=>'POST']) !!}--}}
    {{--<input type="hidden" value="{{$preorder->user_id}}" name="user_id"/>--}}
    {{--<input type="hidden" value="{{$preorder->date}}" name="date"/>--}}
    {{--<input type="hidden" value="{{$preorder->delivery_time}}" name="delivery_time"/>--}}
    {{--<button type="submit" class="btn btn-default">Approve</button>--}}
    {{--{!! Form::close() !!}--}}

    <div>

        {{--{{$preorder->name}}--}}
    </div>

</tr>





                        @endif
                    @endforeach
                                </tbody>
                            </table>


                </div>
            </div>









<table>


</table>
<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                {{--...--}}
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>Item Name</th>
                        <th>Qty</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>John</td>
                        <td>Doe</td>
                        <td>john@example.com</td>
                    </tr>
                    <tr>
                        <td>Mary</td>
                        <td>Moe</td>
                        <td>mary@example.com</td>
                    </tr>
                    <tr>
                        <td>July</td>
                        <td>Dooley</td>
                        <td>july@example.com</td>
                    </tr>
                    </tbody>
                </table>






            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div> -->

        {{--<div class="col-lg-6">--}}
            {{--<div class="panel panel-default">--}}
                {{--<div class="panel-body">--}}
                    {{--<h2><small>Customer : </small>{{$preorder->user->name}}</h2>--}}
                    {{--<h3><small>Date:</small> {{$preorder->date}} </h3>--}}
                    {{--<h3><small>Delivery time:</small> {{$preorder->delivery_time}}</h3>--}}
                    {{--<h3>Phone: {{$preorder->user->phone}}</h3>--}}
                    {{--{!! Form::open(['url'=>['admin/approve/preorder'], 'method'=>'POST']) !!}--}}
                    {{--<input type="hidden" value="{{$preorder->user_id}}" name="user_id"/>--}}
                    {{--<input type="hidden" value="{{$preorder->date}}" name="date"/>--}}
                    {{--<input type="hidden" value="{{$preorder->delivery_time}}" name="delivery_time"/>--}}
                    {{--<button type="submit" class="btn btn-default">Approve</button>--}}
                    {{--{!! Form::close() !!}--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}

<div class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">View pre order</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
       
<div class="table-responsive">  

 <table class="view-table table-hover" id="view-table">
    <thead>
      <tr>
        <th>#</th>
        <th>Item Name</th>
        <th>Qty</th>
      </tr>
    </thead>
    <tbody>
      
    </tbody>
  </table>


 </div>



      </div>
      <div class="modal-footer">
        <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

<style> 

.view-table{
    width: 100%!important;
}

</style>




@section('scripts')

<script>    

$( document ).ready(function() {
   $( ".view" ).click(function() {
var user_id=$(this).attr('user-id') ; 
var frm=$('#'+$(this).attr('order_id'));
var date=$(this).attr('date') ; 
var time=$(this).attr("time");
var url=frm.attr('action')
 var data=frm.serialize();
 console.log(url);

 $.post(url, data, function(result){
console.log(result);

if ( $.fn.dataTable.isDataTable( '#view-table' ) ) {
    table = $('#view-table').DataTable();
    table.destroy();
}

$('#view-table').DataTable( {
                //here is the solution
                "data": JSON.parse(result),
    
                "columns" : [
                      
                        { "data": "#" },
                        { "data": "itemName" },
                        { "data": "qty" }
                        
                        
                   ]
            });
$('.modal').modal();                });
                          
//             });




});
});




</script>
      <!-- {{--<script>--}}

          {{--// $( document ).ready(function() {--}}
          {{--//     $( ".view" ).click(function() {--}}
          {{--//--}}
          {{--//         $($(this).attr("order-id")).modal();--}}
          {{--//--}}
          {{--//--}}
          {{--//--}}
          {{--//     });--}}
          {{--// });--}}

      {{--</script>--}} -->
@endsection
@endsection