@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 Details <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>Article  </th>                               
          <th>color</th>                         
          <th>size</th>                         
          <th><input type="checkbox" id="CheckAll"/></th>                         
         
         
      </tr>
  </thead>
  <tbody>   
       @if($autosalesOrder->count() > 0)  
      @foreach($autosalesOrder as $key => $value)
      <tr>         
          <td>{{ $key + $autosalesOrder->firstItem()   }}</td>
          <td>{{ !empty($value->article) ? $value->article : ''  }}</td>
          <td>{{ !empty($value->color) ? $value->color : ''   }}</td>
          <td>{{ !empty($value->size) ? $value->size : ''   }} </td>
          <td><input type='checkbox' name="auto[]" id='auto[]' class='checkboxes' value="{{ $value->id }}"></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">
$('#CheckAll').change(function() {
    if ($(this).is(":checked")) {
        $('.checkboxes').prop("checked", true);
    } else {
        $('.checkboxes').prop("checked", false);
    }
    });

    
    i = 0;
    $('#Approveautosale').click(function () {      
        var arr = [];
        $('.checkboxes:checked').each(function () {
            arr[i++] = $(this).val();            
            //Approveautosale('approve',$(this).val());
        });        
        console.log(arr);
        Approveautosale('approve',arr);
    });  


    function Approveautosale(act,id) {          
     
        $.post("{{ route('autosaleapprove') }}", {        
            _token: document.tokenForm._token.value,
            act: act,
            id: id,            
        }, function(result) {            
            var response = jQuery.parseJSON(result);
            if (response.status == false) {
                toastr.error(response.info);
                return false;
            } else if (response.status == true) {
                toastr.success(response.info);
                window.setTimeout(function(){                    
                   // let url = "{{ route('pos-sale-order-details') }}";                   
                    //let url = 'http://localhost:81/sutionline_new/suti-erp-with-analytics/public/pos-sale-orders';
                    let url = "https://sutionline.com/suti-erp-with-analytics/public/pos-sale-orders";
                                                 
                    document.location.href=url;
                }, 2000);
            }
            return false;
        });
    }
</script>
@endsection