@extends('layouts.backend')

@section('extraCss')
<style>
    tr,th,td{
        border: 1px solid rgba(0, 0, 0, 0.418);
    }
    </style>
@endsection

@section('mainContentArea')

    
  
        <div class="card card-default">
            <div class="card-header">
                <h4>POS Audit  Details</h4>
            </div>
            <div class="card-body">
                <div class="row"> 
                    <div class="col-sm-6">
                        <form method="get" action="" >
                            @csrf
                            <div class="form-group col-sm-8" style="display: flex;"> 
                                <select name="store" id="store" class="form-control select2 "  required>
                                    <option value="">SELECT STORE</option>
                                    @foreach ($ALL_POS as $store)
                                        <option value="{{ $store->id }}" {{ request('store') == $store->id ? 'selected' : '' }}>
                                            {{ $store->name }} - {{ $store->city }}</option>
                                    @endforeach
                                </select>
                               
                            </div>
                            <div class="form-group col-sm-6">
                                <button type="submit" class="btn btn-success col-sm-6" ><i class="fa fas fa-search"></i> Get Report</button>  
                            </div>
                            
                        </form>
                    </div>
                    <div class="col-sm-6">

                @if(!empty($stockBarcodes))
                    @php
                    $stockDataStatus = [
                        'Base',
                        'Inward',
                        'Sold',
                        'Exchange',
                        'GR',                    
                    ];
                    $stockDataMatchStatus = [                    
                        'Mismatch',
                        'Missing',
                        'Scanned',
                        'NotScanned',
                    ];
                
                 @endphp                
                    <form method="get" action="" >
                        @csrf                     
                            <input type="hidden" name="store" value="{{  request('store') }}" >                                                              
                            <select name="type" id="type" class="form-control "  required>
                                <option value=""> FILTER SELECT TYPE</option>
                                @foreach($stockDataStatus as $s =>$st)
                                <option value="{{ $st }}" {{ request('type') ==  $st  ? 'selected' : '' }}>{{ $st }} </option>
                                @endforeach

                                @foreach($stockDataMatchStatus as $s =>$st)
                                <option value="{{ $st }}" {{ request('type') ==  $st  ? 'selected' : '' }}>{{ $st }} </option>
                                @endforeach
                            </select>
                   
                    <div class="form-group">
                        <button type="submit" class="btn btn-success" style="float:right"><i class="fa fas fa-search"></i> Apply Filter </button>                       
                    </div>
                </form>
               
                @endif
            </div>
        </div>
                @if(!empty($stockBarcodes))
                <br><br>
                <!--input type="button" style="font-size: 20px;float: right;" id="auditsettle" name="auditsettlement" value="Audit Settlement"-->
                <hr>
                <a  type='button' class='btn btn-primary' style="float: right;color:white;"  data-toggle="modal" data-target="#auditsettle"><small style="font-size:15px;font-weight:bold;"><i class="fa fas fa-arrow-down"></i> Audit Settlement </small></a>
                <button class="m-3 btn btn-sm btn-danger" style='float: left;' type="button" onclick="downloadInnerHtml(fileName, 'tabledata','excel');return false;">Export</button>
                @endif
                <div class="table-responsive" id="tabledata">
                    <table class="table table-striped" id="headerTable">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Article</th>
                                <th>Color</th>
                                <th>Size</th>
                                <th>Barcode</th>
                                <th>MRP</th>
                                <th>Qty</th>
                                <th>History</th>                                
                                <th>AuditDate</th>                                
                                <th>Expected Status</th>
                                <th>Current Status</th>
                                <th>Scanned</th>
                                <th><input type='checkbox' id='CheckAll'></th>
                               
                            </tr>
                        </thead>
                        <tbody>
                                                        @if(!empty($stockBarcodes))
                            @foreach($stockBarcodes as $stockBarcode)
                            <tr class="itemRow
                                {{ $stockBarcode->qty == 0 ? 'qty0' : 'Qty' }}
                                {{ $stockBarcode->expectedstatus == 'Inward' ? 'Inward' : '' }}
                                {{ $stockBarcode->expectedstatus == 'Sold' ? 'Sold' : '' }}
                                {{ $stockBarcode->expectedstatus == 'Exchange' ? 'Exchange' : '' }}
                                {{ $stockBarcode->expectedstatus == 'Base' ? 'Base' : '' }}
                                {{ $stockBarcode->expectedstatus == 'GR' ? 'GR' : '' }}
                                {{ $stockBarcode->status == 'Mismatch' ? 'Mismatch' : '' }}
                                {{ $stockBarcode->status == 'Missing' ? 'Missing' : '' }}
                                {{ $stockBarcode->scanned == 'Yes' ? 'Scanned' : '' }}
                                {{ $stockBarcode->scanned == 'No' ? 'NotScanned' : '' }}
                                ">
                                    <td>{{ $count++ }}</td>
                                    <td>{{ $stockBarcode->article }}</td>
                                    <td>{{ $stockBarcode->color }}</td>
                                    <td>{{ $stockBarcode->size }}</td>
                                    <td>{{ $stockBarcode->barcode }}</td>
                                    <td>{{ $stockBarcode->mrp }}</td>
                                    <td>{{ $stockBarcode->qty }}</td>
                                    <td>{!! str_replace('<span','<br><span',$stockBarcode->history) !!}</td>
                                    <td>{{  date('Y:m:d', strtotime($stockBarcode->audit_date)) }}</td>
                                    <td>{{ $stockBarcode->expectedstatus }}</td>
                                    <td>{{ $stockBarcode->status }}</td>
                                    <td>{{ $stockBarcode->scanned }}</td>
                                    <td><input type='checkbox' name="mismatchid[]" class='checkboxes' value="{{$stockBarcode->id }}"></td>                    
                                                        
                                    
                                </tr>
                            @endforeach 
                            @endif                           
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!------SEND MAIL MODEL----->
<div class="modal fade bd-example-modal" id="auditsettle" role="dialog"  data-keyboard="false" data-backdrop="static">
    <div class="modal-dialog modal-lg">
    <div class="modal-content ">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold">Audit Settle Details </h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form name="Auditsettel" action="{{ route('audit-settlement-save') }}" method="post">
        @csrf
      <div class="table-responsive">
        <table class="table table-striped" id="headerTable">
            <thead>
                <tr>
                    <th>Article</th>
                    <th>Color</th>
                    <th>Size</th>
                    <th>Barcode</th>
                    <th>MRP</th>
                    <th>Qty</th>                    
                    <th>Qty Settle</th>
                </tr>
            </thead>

            <tbody>
            </tbody>

            </table>

        </div>  
    <div class="row" style="margin-top:20px;"> 
        <input type="hidden" id="pos_id" name="pos_id" value=" {{ request('store')  }} ">             
        <label for="comment" class="col-sm-2" style="margin-left:40px;">Comment</label> 
        <textarea  id="comment" name="comment" class="form-control col-sm-6"></textarea>  
    </div>
        <div id="loader" style="display:none;"><img width="30px" src="loder.gif"></div>
         
        <div class="modal-footer d-flex justify-content-center" style="border-top:none;">
        <button class="btn btn-default" id='sendEmail'>Settle</button>
      
        </div>    
        
    </form>  
        </div>      
    </div>
</div>

<!------SEND MAIL MODEL----->


@endsection

@section('extraJs')
<script>
    $('#CheckAll').change(function() {
    if ($(this).is(":checked")) {
        $('.checkboxes').prop("checked", true);
    } else {
        $('.checkboxes').prop("checked", false);
    }
});
 
i = 0;
$(function () {
  $('#auditsettle').on('show.bs.modal', function (event) {
    var arr = [];
    $('.checkboxes:checked').each(function () {
            arr[i++] = $(this).val();            
            //auditStatus('close',$(this).val());
    });
    //console.log(arr);
    var pos_id = $('#pos_id').val();  
    var comment = $('#comment').val();  
    
var _token   = $('meta[name="csrf-token"]').attr('content'); 
   $.ajax({
    type: "get",
    url: "{{ route('audit-settlement') }}",
    data: {
      id: arr,
      pos_id: pos_id,
      _token: _token
    },
    dataType: "json",
    success: function(response) {   
        
            console.log(response);

            $.each(response, function(propNames, propVal)
            { 
                var tbody = "";
            tbody += "<tr><td>"+  propVal.article +"</td>";
            tbody += "<td>" +  propVal.color + "</td>";
            tbody += "<td>" +  propVal.size + "</td>";
            tbody += "<td><input type='hidden' name='barcode[]' value='"  +  propVal.barcode + "'/>" +  propVal.barcode + "</td>";
            tbody += "<td>" +  propVal.mrp + "</td>";
            tbody += "<td>" +  propVal.qty + "</td>";
            tbody += "<td><input type='text' name='qtySett[]' id='qtySett' value=''/><input type='hidden' name='id[]' value='"  +  propVal.id + "'/></td></tr>";

            $('#headerTable tbody').append(tbody);

            });
         
    }
  });
});
});




    function filterList() {
    $('.itemRow').hide();
    $('.itemRow').removeClass('finalOutput');
    var finalClass = [];  
    $('input:checkbox.filterb').each(function () {
        var sThisVal = (this.checked ? $(this).val() : "");
        if(sThisVal != '') {
            finalClass.push(sThisVal);  
            //window.location.reload();
        }
    });

    
    if(finalClass.length > 0) {
        $("."+finalClass.join(".")).show();
        $("."+finalClass.join(".")).addClass('finalOutput');
        $(".totItems").html($('.finalOutput').length);
    } else {
        $(".itemRow").show();
        $(".totItems").html($('.itemRow').length);
    }
}

var fileName =  'AuditMisMatchReport.xls'; // You can use the .txt extension if you want
function downloadInnerHtml(filename, elId, mimeType) {
    var elHtml = document.getElementById(elId).innerHTML;
    var link = document.createElement('a');
    mimeType = mimeType || 'excel';

    link.setAttribute('download', filename);
    link.setAttribute('href', 'data:' + mimeType + ';charset=utf-8,' + encodeURIComponent(elHtml));
    link.click(); 
}



</script>
@endsection