@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> Articles 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($AutoPurchaseOrder->count() > 0)  
                @foreach($AutoPurchaseOrder as $key => $value)
                <tr>         
                    <td>{{ $key + $AutoPurchaseOrder->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>
</div>

@php if($AutoPurchaseOrder->count() > 0) { @endphp {!! $AutoPurchaseOrder->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('autopurchaseorderapprove') }}", {        
            _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