@extends('layouts.backend')

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

@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Scan products to party Return
            <a href="{{ route('party-returns') }}" class="btn btn-info float-right btn-sm">Back</a>
        </h4>
        <form action="{{ route('party-returns-close') }}">
            <p>Return Complete:</p>
              <input type="radio"  name="is_complete" value="1">
              <label for="html">Yes</label><br>
              <input type="radio"  name="is_complete" value="0" checked>
              <label for="css">No</label><br>
             <input type="hidden" name='return_id' value="{{ $partyReturn->id }}">
            <button type="submit" class="btn btn-block btn-success" >Submit</button>
        </form>
    </div>
    <div class="card-body">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Warehouse</th>
                    <th>Party</th>
                    <th>Reason</th>
                    <th>Items</th>
                    <th>Date</th>
                    <th>Skip Uniq GS1</th>
                    <th>Box Number</th>
                    <th>Scan Barcode</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>{{ $partyReturn->warehouse->name }}</td>
                    <td>{{ !empty($partyReturn->party_id) ? $partyReturn->party->name : $partyReturn->centralstore->name}}</td>
                    <td>{{ $partyReturn->reason }}</td>
                    <td class="totalItems">{{ $partyReturn->products->count() }}</td>
                    <td>{{ $partyReturn->created_at }}</td>
                    <td><input type="checkbox" class="form-control" id="skipUniq" name="skipUniq"></td>
                    <td><input type="text" class="form-control" id="returnBox"></td>
                    <td><input type="text" class="form-control" id="returnBarcode"></td>
                </tr>
            </tbody>
        </table>
        <div class="row">
            <div class="col-md-12 fixTableParent barcodesReturned">
                {{-- PRODUCTS SELECTED --}}
                <table class="table table-striped table-bordered selectedOrderProducts fixTable">
                    <thead>
                        <tr>
                            <th>Barcode</th>
                            <th>Article</th>
                            <th>Color</th>
                            <th>Size</th>
                            <th>Code</th>
                            <th>MRP</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if($partyReturn->products->count() > 0)
                        @foreach($partyReturn->products as $prod)
                        <tr id="{{ $prod->id }}">
                            <td>{{ $prod->barcode }}</td>
                            <td>{{ $prod->article }}</td>
                            <td>{{ $prod->color }}</td>
                            <td>{{ $prod->size }}</td>
                            <td>{{ $prod->productcode }}</td>
                            <td>{{ $prod->mrp }}</td>
                            <td class="text-success"><i class="fa fas fa-check"> Inwarded</i></td>
                            <td><button class="btn btn-sm btn-danger" type="button" onclick="deleteC(this);return false;">REMOVE</button></td>
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>
        </div>
    </div>
</div>
@endsection

@section('extraJs')
<script>
    $(document).ready(function (){
        $("#returnBarcode").focus();
    });

    $("#returnBarcode").keyup(function (event) {
        var barcode = event.target.value;
        var box = $('#returnBox').val();
        barcode = $.trim(barcode);
        if(event.which == 13 && barcode != '' && box != '') {
            addBarcodeToInward(barcode,box);
        }
    });

    function addBarcodeToInward(b,box) {
    $.post("{{ route('party-returns-submit') }}", {
            _token: document.tokenForm._token.value,
            barcode:b,
            box:box,
            is_complete:$('input[name="is_complete"]:checked').val(),
            pri: {{ $partyReturn->id }},
            warehouse: {{ $partyReturn->to_pos }},
            party: {{ !empty($partyReturn->party_id) ? $partyReturn->party_id : $partyReturn->store_id }},
        }, function(result) {
            var response = jQuery.parseJSON(result);
            if(response.status == true) {
                toastr.success(response.info);
                var html = '\
                    <tr id="'+response.item.id+'">\
                    <td>'+response.item.barcode+'</td>\
                    <td>'+response.item.article+'</td>\
                    <td>'+response.item.color+'</td>\
                    <td>'+response.item.size+'</td>\
                    <td>'+response.item.productcode+'</td>\
                    <td>'+response.item.mrp+'</td>\
                    <td class="text-success"><i class="fa fas fa-check"></i> Inwarded</td>\
                    <td><button class="btn btn-sm btn-danger" type="button" onclick="deleteC(this);return false;">REMOVE</button></td>\
                    </tr>\
                ';
                $(".selectedOrderProducts tbody").append(html);
                $(".totalItems").html(response.total);
                $("#returnBarcode").val('');
                $("#returnBarcode").focus();
                return true;
            } else {
                toastr.error(response.info);
                return false;
            }
            return false;
        });
    }

function deleteC(rows) {
    var confirmed = confirm("Do you really want to delete this?");
    if (confirmed) {
        $(rows).closest('tr').remove();
        $.post("{{ route('edit-party-returns-remove') }}", {
            _token: document.tokenForm._token.value,
            barcode: $(rows).closest('tr').attr('id'),
            remove_returns: 1
        }, function(result) {

        });
    }
}

</script>
@endsection