@extends('layouts.app')

@section('title', 'Shippment CheckList')

@section('content')
<div class="container-fluid">
<form action="#" method="POST" name="employeeworkflow" id="employeeworkflow">
    <!-- Page Heading -->
   
    <div class="row">
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Cancelled Orders</h1>
</div>
       
    </div>
  
      
    
           
   
<!-- ------------------------------------- -->

   <div class="card shadow mb-4">
    
        <div class="card-header py-3">
            <!-- <h6 class="m-0 font-weight-bold text-primary">Orders</h6> -->
          
        <div class="card-body">

<div class="row"> 
        <div class="col-md-4" > 
       
                                 
                            </div>
                          
                           
                           
                           </div>                  
</body>

    {{-- Alert Messages --}}
    @include('common.alert')
   
    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Cancelled Order List</h6>
            
        </div>
        <div class="card-body">
      
            <div class="table-responsive">
           
                <table class="table table-bordered" id="dataTableorders" width="100%" cellspacing="0" style="background-color:#87CEFA;">
                    <thead>
                   
                        <tr>
                         <!-- <th style='width:5%;'>Select</th> -->
                            <!-- <th style='width:5%; display:none;'>ID</th> -->
                            <!-- <th style='width:5%; display:none;'>ID</th> -->
                            <th width="5%">Order_Number</th>
                            <th width="20%">Customer</th>
                            <th width="10%">Order_Date</th>
                            <th width="10%">Production_Date</th>
                            <th width="45%">Description</th> 
                           
                            <th width="10%">Action</th>
                           
                       
                        </tr>
                       
                    </thead>
                   
                    <tbody>
                    @foreach ($orders as $row)
                           <tr>
                               <td>{{$row->order_number}}</td>
                               <td>{{$row->customer}}</td>
                               <td>{{$row->order_date}}</td>
                               <td>{{$row->production_date}}</td>
                               <td>{{$row->description}}</td>
                              
                               
                               <td style="display: flex">
                                   <a href="#" class="btn btn-primary m-2">
                                   <i class="fa fa-eye" aria-hidden="true"></i>
                                   </a>
                                 
                                    <a href="#" class="btn btn-success m-2">
                                    <i class="fa fa-check-circle-o" aria-hidden="true"></i>
                                   </a>
                               </td>

                             
                           </tr>
                       @endforeach
                  
                
                    </tbody>
                </table>
                {{$orders->links()}}
           
              
            </div>
           <div>
            <p>List Ended</p>
           </div>
        </div>
    

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

</div>
@endsection



    @section('scripts')
   
    
    @endsection