@extends('layouts.masterHome2')

@section('content')


 
<div class="card">
               
              <!-- /.card-header -->
              <div class="card-body">
                <table id="example1" class="table table-bordered table-striped">
                  <thead>
                  
                 <tr >
                  <th style="text-align:center;vertical-align: middle; background-color:#2C4E71; color:#FFF;border-color:#0000003d;border-width: 2px;">  ساعة الخروج  </th>
                  <th style="text-align:center;vertical-align: middle; background-color:#2C4E71; color:#FFF;border-color:#0000003d;border-width: 2px;"> ساعة الوصول  </th>
                   <th style="text-align:center;vertical-align: middle; background-color:#2C4E71;color:#FFF;border-color:#0000003d;border-width: 2px;">   المخلف    </th>
                  
                  <th style="text-align:center;vertical-align: middle;background-color:#2C4E71;color:#FFF; border-color:#0000003c;border-width: 2px;"> الكمية    </th>
                  <th style="text-align:center;vertical-align: middle;background-color:#2C4E71;color:#FFF;border-color:#0000003c;border-width: 2px;"> وحدة الوزن    </th>
                  <th style="text-align:center;vertical-align: middle;background-color:#2C4E71;color:#FFF;border-color:#0000003c;border-width: 2px;"> المخزن  </th>
                  <th style="text-align:center;vertical-align: middle;background-color:#2C4E71;color:#FFF;border-color:#0000003c;border-width: 2px;"> الفرع    </th>
                  <th style="text-align:center;vertical-align: middle;background-color:#2C4E71;color:#FFF;border-color:#0000003c;border-width: 2px;"> رقم مخزن البيع    </th>

                  <th style="text-align:center;vertical-align: middle;background-color:#2C4E71;color:#FFF;border-color:#0000003c;border-width: 2px;"> Actions   </th>
                  

                 </tr>
                 </thead>
              <tbody>
                           
                @foreach( $wastes as $waste )   
                 
                 

                 
                <tr>
                 
                 <td style="text-align:center; word-break: break-word; font-weight:900;border-color:#0000003c" >{{$waste->created_at}} </td>
                 
                 
                 <td style="text-align:center; word-break: break-word; font-weight:900;border-color:#0000003c" >{{ $waste->approve == "approved" ? $waste->updated_at : 'waiting...'}} </td>
                 
                  <td style="text-align:center; word-break: break-word; font-weight:900;border-color:#0000003c" >{{$waste->waste->name}} </td>
                  
                 <td style="text-align:center; word-break: break-word; font-weight:900;border-color:#0000003c" >{{$waste->quantity}} </td>
                 <td style="text-align:center; word-break: break-word; font-weight:900;border-color:#0000003c" >{{$waste->waste->unit}} </td>

                 <td style="text-align:center; word-break: break-word; font-weight:900;border-color:#0000003c" >{{$waste->sell_store->store->sell_name}} </td>
                 <td style="text-align:center; word-break: break-word; font-weight:900;border-color:#0000003c" >{{$waste->sell_store->branch->name}} </td>
                 <td style="text-align:center; word-break: break-word; font-weight:900;border-color:#0000003c" >{{$waste->sell_store->id}} </td>

                 <td style="text-align:center; word-break: break-word; font-weight:900;border-color:#0000003c" >
                 <a href='{{ url("/main/sort/$waste->id") }}'  class="btn bg-orange btn-flat margin" style="font-size:18px;padding: 8px;margin-top: 0px;"> <i class="fa fa-sort" style="font-size:22px; color:white;"></i> <b style="color: #FFF;">Sort</b>  </a>
                </td>

                </tr>
               @endforeach
                </tbody>
                </table>
              </div>
              <!-- /.card-body -->
            </div>  

@endsection