{{-- @if(isset($invoices)) --}}
<pre> 

</pre>

{{-- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap.min.css"> --}}
<div class="row" id="my_order">
    <div class="col-md-12">
   <a class="profile_xs_back">   <h4 class="h4 mb-20 profile_xs_back">
            <div id="profile_xs_back" class=""> <i class="fa fa-chevron-circle-left text-theme"></i> </div>
            Daily Orders
        </h4></a>
        <div class="profile-padding">




{{--  ///////////////////////////--}}








<div class="tabs-block  daily-block show-block">
    <div class="tabulation-menu-wrapper text-center">
        <div class="tabulation-title simple-input"> orders status</div>
        <ul class="tabulation-toggle">
            <li><a class="tab-menu active">Pending orders</a></li>
            <li><a class="tab-menu">Active Orders</a></li>
            <li><a class="tab-menu">Delivered Orders</a></li>
            <li><a class="tab-menu">Cancelled Orders</a></li>
        </ul>
    </div>
    <div class="empty-space col-xs-b30 col-sm-b60"></div>

    <div class="tab-entry visible">
      


        {{-- <div class="empty-space col-xs-b35 col-md-b70"></div> --}}

<h4 class="h4">Pending Orders</h4>



<div class="">
<table id="example" class="table table-striped table-pending" data-paging-container="#paging-ui-container">
<thead>
    <tr>
        <th data-title="Invoice No" >Invoice Number </th>
        <th data-title="Date" >Date</th>
        <th data-title="Status" data-breakpoints="xs">Status</th>
        <th data-title="Payment Type" data-breakpoints="xs">Payment Type</th>
        <th class="text-center" data-title="View Invoice" data-breakpoints="xs">View invoice</th>
        <th class="text-center" data-title="Cancel Order" data-breakpoints="xs" >Cancel Order</th>
    </tr>
</thead>
<tbody>
        @foreach($invoices as $invoice)
            @if($invoice->status=='pending')
    <tr>
        <td>INV#{{$invoice->invoice_id }} </td>
        <td>{{$invoice->date}}</td>
        <td> <span class="badge bg-warning">{{$invoice->status }}</span> </td>
        <td>{{$invoice->payment_type}}</td>
        {{-- <td class="text-center"> <a href="{{url('invoice/'.base64_encode($invoice->invoice_id))}}" target="_blanks"> <i class="fa fa-eye"></i> </a> </td> --}}
        <td class="text-center"> <a href="{{url('viewinvoice/'.urlencode(base64_encode($invoice->invoice_id)))}}" target="_blanks"> <i class="fa fa-eye"></i> </a> </td>
        <td class="text-center">

<form action="{{url('cancel/invoice')}}">
{{csrf_field()}}
<input type="text" value="{{$invoice->invoice_id}}" name="invoice_id" hidden="">


<a class="button-close cancel text-center"><i class="fas fa-times"></i></a>
</form>
          


        </td>
    </tr>
      @endif
   @endforeach  



                        </tbody>
</table>
<div id="paging-ui-container"></div>

</div>





    </div>

    <div class="tab-entry">
        {{-- <div class="h5">watch 38mm</div> --}}
        {{-- <div class="empty-space col-xs-b15"></div> --}}
        




<h4 class="h4">Active Orders</h4>


show-block


<div class="">
<table id="example" class="table table-striped d_table">
<thead>
    <tr>
       <th data-title="Invoice No" >Invoice Number </th>
        <th data-title="Date" >Date</th>
        <th data-title="Status" data-breakpoints="xs">Status</th>
        <th data-title="Payment Type" data-breakpoints="xs">Payment Type</th>
        <th class="text-center" data-title="View Invoice" data-breakpoints="xs">View invoice</th>
        {{-- <th class="text-center">Cancel Invoice</th> --}}
    </tr>
</thead>
<tbody>
        @foreach($invoices as $invoice)
        @if($invoice->status!='pending' && $invoice->status!='cancelled' && $invoice->payment_type != 'pre order' && $invoice->status!='delivered')
    <tr>
        <td>INV#{{$invoice->invoice_id }}</td>
        <td>{{$invoice->date}}</td>
        <td> <span class="badge bg-warning">{{$invoice->status }}</span> </td>
        <td>{{$invoice->payment_type}}</td>
        <td class="text-center"> <a href="{{url('viewinvoice/'.urlencode(base64_encode($invoice->invoice_id)))}}" target="_blanks"> <i class="fa fa-eye"></i> </a> </td>
       {{--  <td>
            @if($invoice->status=='pending')

<form action="{{url('cancel/invoice')}}">
{{csrf_field()}}
<input type="text" value="{{$invoice->invoice_id}}" name="invoice_id" hidden="">


<a class="button-close cancel"><i class="fas fa-times"></i></a>
</form>
            @endif


        </td> --}}
    </tr>
    @endif
   @endforeach  



                        </tbody>
</table>
</div>



        
        {{-- <div class="empty-space col-xs-b30 col-sm-b60"></div> --}}
       
    </div>
    <div class="tab-entry">
        {{-- <div class="h5">watch 38mm</div> --}}
        {{-- <div class="empty-space col-xs-b15"></div> --}}
        




<h4 class="h4">Delivered Orders</h4>





<div class="">
<table id="example" class="table table-striped">
<thead>
    <tr>
 <th data-title="Invoice No" >Invoice Number </th>
        <th data-title="Date" >Date</th>
        <th data-title="Status" data-breakpoints="xs">Status</th>
        <th data-title="Payment Type" data-breakpoints="xs">Payment Type</th>
        <th class="text-center" data-title="View Invoice" data-breakpoints="xs">View invoice</th>
        {{-- <th class="text-center">Cancel Invoice</th> --}}
    </tr>
</thead>
<tbody>
        @foreach($invoices as $invoice)
        @if($invoice->status=='delivered')
    <tr>
        <td>INV#{{$invoice->invoice_id }}</td>
        <td>{{$invoice->date}}</td>
        <td> <span class="badge bg-warning">{{$invoice->status }}</span> </td>
        <td>{{$invoice->payment_type}}</td>
        <td class="text-center"> <a href="{{url('viewinvoice/'.urlencode(base64_encode($invoice->invoice_id)))}}" target="_blanks"> <i class="fa fa-eye"></i> </a> </td>
       {{--  <td>
            @if($invoice->status=='pending')

<form action="{{url('cancel/invoice')}}">
{{csrf_field()}}
<input type="text" value="{{$invoice->invoice_id}}" name="invoice_id" hidden="">


<a class="button-close cancel"><i class="fas fa-times"></i></a>
</form>
            @endif


        </td> --}}
    </tr>
    @endif
   @endforeach  



                        </tbody>
</table>
</div>



        
        {{-- <div class="empty-space col-xs-b30 col-sm-b60"></div> --}}
       
    </div>

    <div class="tab-entry">



{{-- hiiiiiiiiiii --}}

<h4 class="h4">Cancelled Orders</h4>





<div class="">
<table id="example" class="table table-striped ">
<thead>
    <tr>
       <th data-title="Invoice No" >Invoice Number </th>
        <th data-title="Date" >Date</th>
        <th data-title="Status" data-breakpoints="xs">Status</th>
        <th data-title="Payment Type" data-breakpoints="xs">Payment Type</th>
        <th class="text-center" data-title="View Invoice" data-breakpoints="xs">View invoice</th>
        {{-- <th class="text-center">Cancel Invoice</th> --}}
    </tr>
</thead>
<tbody>
        @foreach($invoices as $invoice)
        @if( $invoice->status=='cancelled')
    <tr>
        <td>INV#{{$invoice->invoice_id }}</td>
        <td>{{$invoice->date}}</td>
        <td> <span class="badge bg-warning">{{$invoice->status }}</span> </td>
        <td>{{$invoice->payment_type}}</td>
        <td class="text-center"> <a href="{{url('viewinvoice/'.urlencode(base64_encode($invoice->invoice_id)))}}" target="_blanks"> <i class="fa fa-eye"></i> </a> </td>
       {{--  <td>
            @if($invoice->status=='pending')

<form action="{{url('cancel/invoice')}}">
{{csrf_field()}}
<input type="text" value="{{$invoice->invoice_id}}" name="invoice_id" hidden="">


<a class="button-close cancel"><i class="fas fa-times"></i></a>
</form>
            @endif


        </td> --}}
    </tr>
    @endif
   @endforeach  



                        </tbody>
</table>
</div>



    </div>
</div>






{{-- ///////// --}}

        </div>
    </div>
</div>
{{-- <div class="tabs-block">
    <div class="tabulation-menu-wrapper text-center">
        <div class="tabulation-title simple-input"> orders type</div>
        <ul class="tabulation-toggle">
            <li><a class="tab-menu active daily-btn">Daily orders</a></li>
            <li><a class="tab-menu pre-btn">Pre Orders</a></li>
          
        </ul>
    </div>
   
    

    <div class="tab-entry visible" style="" ></div>
    <div class="tab-entry " hidden></div>
</div> --}}
<div class="empty-space col-xs-b35 col-md-b70"></div>



                 {{-- <div class="show-block pre-block" style="display: none"></div>    --}}

<script>  

   
// show-block
// $('.pre-btn').click(function (e) { 
//     e.preventDefault();
//     $('.pre-block').load('{{url("/myaccount")}}',function () { 

// $('.pre-block').removeAttr('style');
// $('.daily-block').css('display','none');

//      });

    
// });

$('.daily-btn').click(function (e) { 
    e.preventDefault();
$('.daily-block').removeAttr('style');
    $('.pre-block').css('display','none');
});



$(document).on('click', '.tabs-block .tab-menu', function() {

    // alert("OK")

 // /* Act on the event */
        if ($(window).width() < 790) {
    // alert("IFF")

            $('.tabulation-title').removeClass('active');
$('table td').addClass('text-center');
$('thead th').addClass('text-center');

    }
});


     


// $('.table').DataTable();
     $('.profile_xs_back').click(function(){
        // alert('working');
        // $('.list-group').css('display', 'block');
        // $('#profile_xs_back').css('display', 'none');
        // $('#include_pages').html('');
             openNav();
    });


// $('.cancel').click(function(event) {
  $(document).on('click', 'table .cancel', function(event) {


event.preventDefault();
console.log('nnnn');
var form=$(this).parent('form');

var url=form.attr('action');

    Swal({
  title: 'Are you sure?',
  text: "You won't be able to revert this!",
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes, Cancel it!'
}).then((result) => {
  if (result.value) {
console.log(url);
// alert(url);
$.get(url,form.serialize() ,function( data ) {

if (data=='ok') {
     Swal(
      'Cancelled!',
      'Your Order has been Cancelled.',
      'success'
    );
     $('#include_pages').load('{{url('myaccount/myorders')}}');

}else {
    
}


});




   
  }
})
  
});

$(document).ready(function() {
        $('.table').footable();
        $('.table').attr('data-paging', 'true');
        
});


</script>
{{-- <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap.min.js "></script>
 --}}


            {{-- @endif --}}