@extends('layouts.backend')

@section('extraCss')
<style>
    .select2-container--open .select2-dropdown--below {
        min-width:200px !important;
    }
    .tblPosOrdList td, .tblPosOrdList th {
        font-size:12px;
    }

    .card-stats{
        border: 1px solid #c0c1ca;
        padding: 16px 8px;
        box-shadow: 5px 5px;
    }
    .oneth{background-color: #74c64e80;}
    .twoth{background-color: #74c64eb8;}
    .threeth{background-color: #78cd51;}
    .fourth{background-color: #74c64e4a;}
    .stats{
        float: right;
        font-size: 18px;
    }
    .fa{font-size: 23px;
    margin-right: 6px;}

  .greWhite{background-color:green;color:white; padding:6px;font-size:18px}
  .grered{background-color:red;color:white; padding:6px;font-size:18px}
</style>

@endsection

@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4> Pos Sale Order Request  <!--input type="button" class="btn btn-primary" style="font-size: 20px;float: right;" id="Approveautosale" name="Approve" value="Approve"--></h4>
    </div>
    <div class="card-body">
        <div class="alert alert-default">
<!--------------------------------------------------------------------------------->
<table class="table table-bordered tblPosOrdList" id="table_id">
  <thead>
      <tr>
          <th>S.no </th>
          <th>Pos  </th>                               
          <th>Type</th>                         
          <th>Date</th>                         
          <th>Status</th>                         
          <th>Action</th>                         
         
         
      </tr>
  </thead>
  <tbody>   
   
    @if($autosalesOrder->count() > 0)  
      @foreach($autosalesOrder as $key => $value)
      <tr>         
          <td>{{ $key + $autosalesOrder->firstItem()   }}</td>
          <td>{{ $value->warehouse->name  }}</td>
          <td>{{ !empty($value->type) ? $value->type : ''   }}</td>
          <td>{{ !empty($value->created_at) ? $value->created_at->toDateString() : ''   }} </td>

          <td>
              @if($value->approve==1)
                <span class="greWhite">{{ 'Approve'  }}
              @else  
              <span class="grered">{{ 'Pending'  }}
                @endif       
        </td>
          <td><a class="btn btn-primary" href="{{ route('pos-sale-order-view',['id'=>$value->id]) }}">View </a></td>      

      </tr>
      @endforeach
      @else

      <tr>
        <td colspan="10"><div class="alert alert-danger">No Article Found!</div></td>
    </tr>
    @endif
  </tbody>
</table>           

<!---------------------------------------------------------------------------->
   
    </div>
</div>

@php if($autosalesOrder->count() > 0) { @endphp {!! $autosalesOrder->appends(request()->input())->links() !!} @php } @endphp



@endsection

@section('extraJs')

<script type="text/javascript">


   
</script>
@endsection