@extends('layouts.admin')
@section('content')
    <script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
        <link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" />
    {{-- <link href="{{ URL::asset('plugins/export/buttons.dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css" /> --}}
    <script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>
    <link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css" />

<div class="pageheader">
    <div class="media">
        <div class="media-body">
            <h4>@lang('messages.Bin to Bin Transfer')</h4>
            <ul class="breadcrumb">
                <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                <li>@lang('messages.Bin to Bin Transfer')</li>
            </ul>
        </div>
    </div>
</div>

<div class="clearfix form-blk">
    <div class="form-inline pull-left">
        <div class="form-group filter-line">
            <label class="control-label pad-rt-15" style="display:block;">@lang('messages.Stores')</label>
            <div class="input-group pad-rt-15">
                <select class="select2 form-control" id="warehouse_id">
                    @if (!empty($warehouseList))
                        <option value="">@lang('messages.Select Store')</option>
                        @foreach ($warehouseList as $id => $warehouse)
                            <option value="{{$id}}">{{$warehouse}}</option>
                        @endforeach
                    @else
                        <option value="">@lang('messages.No Store Found')</option>
                    @endif
                </select>
            </div>
        </div>

        <div class="form-group filter-line">
            <label class="control-label pad-rt-15" style="display:block;">@lang('messages.From Bin')</label>
            <div class="input-group pad-rt-15">
                <select class="select2 form-control" id="bin_id">
                    <option value=''>@lang('messages.Select Store First')</option>
                </select>
            </div>
        </div>
        <div class="form-group filter-line">
            <label class="control-label pad-rt-15" style="display:block;">@lang('messages.To Bin')</label>
            <div class="input-group pad-rt-15">
                <select class="select2 form-control" id="to_bin_id">
                    <option value=''>@lang('messages.Select Store First')</option>
                </select>
            </div>
        </div>

         <div class="form-group filter-line" style="margin-top:20px;">
            <button type="reset" title="@lang('messages.Reset')" class="btn btn-default" onclick="window.location='{{ url('admin/bins/bin-to-bin/transfer') }}'">@lang('messages.Reset')</button>
        </div>
    </div>

    <div class="pull-right mt-4 pt-1 mr-2">
        @if(IzoCommonHelper::hasPermission('bin_to_bin_transfer'))
            <span id="generate_to_pick_list_div">
                <div class="btn-group mr5">
                    <button class="btn btn-primary mr5" type="submit" name="submit" id="transfer_product" title="@lang('messages.bin transfer')">@lang('messages.Transfer')</button>
                </div>
            </span>
        @endif
    </div>
</div>
<div class="clearfix"></div>

<div class="col-md-12 tab">
    <div class="card order-page">
        <div role="tabpanel" class="tab-pane">
            <div class="design-process-content">
                <div class="table-responsive">
                    {!!Form::open(array('class'=>'form-horizontal','id'=>'product_form'))!!}
                    <input type="hidden" name="bin_name" id="bin_name" value="">
                    <input type="hidden" name="from_bin_id" id="from_bin_id" value="">
                    <input type="hidden" name="output_to_bin_id" id="output_to_bin_id" value="">
                    <table id="product" class="table table-striped table-bordered responsive">
                        <thead>
                            <tr class="headings">
                                <th>
                                    <div id="select_all_products_div">
                                        <input type="checkbox" id="select_all_products" value="1">
                                    </div>@lang('messages.Product Id')
                                </th>
                                <th>@lang('messages.Store Name')</th>
                                <th>@lang('messages.Bin Name')</th>
                                <th>@lang('messages.Group Name')</th>
                                <th>@lang('messages.Item Name')</th>
                                <th>@lang('messages.Available Quantity')</th>
                                <th>@lang('messages.Transfer Quantity')</th>
                                <th>@lang('messages.Bar Code')</th>
                                <th>@lang('messages.SKU Code')</th>
                                <th>@lang('messages.Price[B to C]')</th>
                                <th>@lang('messages.Discount(%)')</th>
                                <th style="width: 92px;">@lang('messages.Discount Amount')</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                                    <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    {{ Form::close() }}
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function () {
        $("#warehouse_id").select2();
        $("#bin_id").select2();
        $('#to_bin_id').select2();
        $('.tab').hide();
        $('#select_all_products').click(function(){
            $(".product_list").prop('checked', $(this).prop('checked'));
        });

        token = $('meta[name="csrf-token"]').attr('content');
        var oTable = $('#product').DataTable({
            dom: 'lfrtip',
            search: {
                caseInsensitive: true
            },
            "lengthMenu": [[25, 50, 100], [25, 50, 100]],
            processing: true,
            serverSide: true,
            ajax: {
                url: '{{ URL::to('admin/bins/product-ajax-list') }}',
                type: 'post',
                headers: {
                    'X-CSRF-TOKEN': token
                },
                data: function (d) {
                    d.bin_id = $('#bin_id').val();
                },
                complete: function (data) {
                    $('#transfer_product').attr("disabled", false);
                    $('#transfer_product').button('reset');
                }
            },
            "order": [],
            "columnDefs": [{
                "targets": 'no-sort',
                "orderable": false,
                "width": "93px", "targets": 6
            }],
            columns: [
                {data: 'product_id',name: 'product_id',searchable: true},
                {data: 'warehouse_name_en', name: 'warehouse_name_en', searchable: true},
                {data: 'bin_name_en', name: 'bin_name_en', searchable: true},
                {data: 'group_name_en', name: 'group_name_en', searchable: true},
                {data: 'name_en', name: 'name_en', searchable: true},
                {data: 'available_qty', name: 'available_qty', searchable: true},
                {data: 'transfer_qty', name: 'transfer_qty', searchable: false},
                {data: 'bar_code', name: 'bar_code', searchable: true},
                {data: 'sku_code', name: 'sku_code', searchable: true},
                {data: 'price', name: 'price', searchable: true},
                {data: 'discount_percentage', name: 'discount_percentage', searchable: true},
                {data: 'discount_amount', name: 'discount_amount', searchable: true},
            ]
        });

        $('#transfer_product').click(function() {
            $('#product_form').submit();
        });

        $('#product_form').submit(function(e) {
            e.preventDefault();
            $from_bin = $('#bin_id').val();
            $to_bin = $('#to_bin_id').val();
            if($from_bin == $to_bin) {
                toastr.error('Products must transfer to other bin not same bin. choose other bin');
                return false;
            }
            var count = $('input[type="checkbox"]:checked').length;
            if(count <= 0){
                toastr.error('You need to select atleast one Product');
                return false;
            }
            var warehouse = $("#warehouse_id").val();
            if(warehouse == ''){
                toastr.error('Select the store');
                return false;
            }
            var bin = $("#bin_id").val();
            if(bin == ''){
                toastr.error('Select the bin');
                return false;
            }
            var to_bin = $("#to_bin_id").val();
            if(to_bin == ''){
                toastr.error('Select the To Bin');
                return false;
            }
            var r = confirm("Are you sure want to transfer data ?");
            if (r == true) {
                $('#loader-wrapper').removeClass('loader');
                $('#transfer_product').attr("disabled", true);
                $('#transfer_product').button('loading');
                var token, url;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{ url('admin/bins/bin-to-bin/transfer-products') }}';
                data = new FormData(this);
                $.ajax({
                    url: url,
                    headers: {'X-CSRF-TOKEN': token},
                    data: data,
                    processData: false,
                    contentType: false,
                    type: 'POST',
                    datatype: 'json',
                    success: function (resp) {
                        $('#loader-wrapper').addClass('loader');
                        $('#transfer_product').attr("disabled", false);
                        $('#transfer_product').button('reset');
                        if (resp.http_code == 400) {
                            err_msg = resp.message.replace(/, \\n /g, '<br>');
                            toastr.error(err_msg);
                        } else if (resp.http_code == 200) {
                            toastr.success(resp.message);
                            location.reload(true);
                        } else if (resp.http_code == 401) {
                            toastr.warning(resp.message);
                            var login = '{{ url('admin/login')}}';
                            $(location).attr('href', login);
                        }
                    }
                });
            }
        });
        $('#bin_id').on('change', function (e) {
            $('.tab').show();
            var bin_name = $(this).find('option:selected').text();
            var bin_id = $(this).find('option:selected').val();
            $("#bin_name").val(bin_name);
            $("#from_bin_id").val(bin_id);
            $('#transfer_product').attr("disabled", true);
            $('#transfer_product').button('loading');
            oTable.draw();
            e.preventDefault();
        });

         $('#to_bin_id').on('change', function (e) {
            var to_bin_id = $(this).find('option:selected').val();
            // var to_bin_id = $(this).children(":selected").attr("id");
            $("#output_to_bin_id").val(to_bin_id);
            e.preventDefault();
        });
    });

    $('#warehouse_id').change(function (e) {
        e.preventDefault();
        var token, url, data;
        warehouse_id = $(this).val();
        token = $('meta[name="csrf-token"]').attr('content');
        url = '{{url('admin/bins/warehouse-based-bins')}}';
        data = {warehouse_id: warehouse_id};
        if (warehouse_id == '') {
            $('#bin_id').empty();
            $('#bin_id').append($("<option></option>").attr("value", "").text('Select Store First'));
            $('#bin_id').val('').trigger("change");
            return false;
        }
        $.ajax({
            url: url,
            headers: {'X-CSRF-TOKEN': token},
            data: data,
            type: 'post',
            datatype: 'json',
            success: function (resp) {
                $('#bin_id').empty();
                if (resp.http_code != 200) {
                    $('#bin_id').append($("<option></option>").attr("value", "").text('No Bins Found'));
                    $('#bin_id').val('').trigger("change");
                } else if(!resp.data) {
                        $('#bin_id').append($("<option></option>").attr("value", "").text('No Bins Found'));
                    $('#bin_id').val('').trigger("change");
                }else {
                    $('#bin_id').append($("<option></option>").attr("value", "").text('Select Bin'));
                    $('#bin_id').val('').trigger("change");
                    $.each(resp.data, function (key, value) {
                        $('#bin_id').append($("<option></option>").attr("value", value['id']).text(value['name_en']));
                    });
                }
            }
        });
    });

       $('#bin_id').change(function (e) {
        e.preventDefault();
        var token, url, data;
        warehouse_id = $('#warehouse_id').val();
        token = $('meta[name="csrf-token"]').attr('content');
        url = '{{url('admin/bins/warehouse-based-bins')}}';
        data = {warehouse_id: warehouse_id};
        if (bin_id == '') {
            $('#to_bin_id').empty();
            $('#to_bin_id').append($("<option></option>").attr("value", "").text('Select Store First'));
            $('#to_bin_id').val('').trigger("change");
            return false;
        }
        $.ajax({
            url: url,
            headers: {'X-CSRF-TOKEN': token},
            data: data,
            type: 'post',
            datatype: 'json',
            success: function (resp) {
                $('#to_bin_id').empty();
                if (resp.http_code != 200) {
                    $('#to_bin_id').append($("<option></option>").attr("value", "").text('No Bins Found'));
                    $('#to_bin_id').val('').trigger("change");
                } else if(!resp.data) {
                        $('#to_bin_id').append($("<option></option>").attr("value", "").text('No Bins Found'));
                    $('#to_bin_id').val('').trigger("change");
                }else {
                    $('#to_bin_id').append($("<option></option>").attr("value", "").text('Select To Bin'));
                    $('#to_bin_id').val('').trigger("change");
                    $.each(resp.data, function (key, value) {
                        $('#to_bin_id').append($("<option></option>").attr("value", value['id']).text(value['name_en']));
                    });
                }
            }
        });
    });

</script>
<style>
    @media print {
        body  {
            font-size: 12pt;
            font-family: verdana;
        }
    }
</style>
@endsection