@extends('layouts.app')
@section('title', __('lang_v1.stock_transfers'))
<style>
    div.dt-buttons {
        position: relative;
        float: right;
    }
</style>
@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header no-print">
        <h1>@lang('lang_v1.stock_transfers')
        </h1>
    </section>

    <!-- Main content -->
    <section class="content no-print">
        @component('components.filters', ['title' => __('report.filters')])
            <div class="col-md-3" id="location_filter">
                <div class="form-group">
                    {!! Form::label('from_location_id', __('lang_v1.location_from') . ':') !!}
                    <select class="form-control select2" name="from_location_id" id="from_location_id" multiple>
                        @foreach ($locations as $to_location)
                            @if ($is_admin)
                                <option value="{{ $to_location->id }}">{{ $to_location->name }}
                                    ({{ $to_location->location_id }})
                                </option>
                            @else
                                @foreach ($access_from_locations as $access_from_location)
                                    @if ($access_from_location->location_id == $to_location->id)
                                        <option value="{{ $to_location->id }}">{{ $to_location->name }}
                                            ({{ $to_location->location_id }})
                                        </option>
                                    @endif
                                @endforeach
                            @endif
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-md-3" id="location_filter">
                <div class="form-group">
                    {!! Form::label('transfer_location_id', __('lang_v1.location_to') . ':') !!}
                    <select class="form-control select2" name="to_location_id" id="to_location_id" multiple>
                        @foreach ($locations as $to_location)
                            @if ($is_admin)
                                <option value="{{ $to_location->id }}">{{ $to_location->name }}
                                    ({{ $to_location->location_id }})
                                </option>
                            @else
                                @foreach ($access_to_locations as $access_to_location)
                                    @if ($access_to_location->location_id == $to_location->id)
                                        <option value="{{ $to_location->id }}">{{ $to_location->name }}
                                            ({{ $to_location->location_id }})
                                        </option>
                                    @endif
                                @endforeach
                            @endif
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('stock_transfer_type', __('Stock transfer type') . ':') !!}
                    {!! Form::select(
                        'stock_transfer_type',
                        [
                            'default' => __('Default Transfered'),
                            're_order_transfered' => __('Stock Re-order Transfered'),
                            'purchase_transfered' => __('Purchase Transfered'),
                            'purchase_return' => __('Purchase Returned'),
                        ],
                        null,
                        ['class' => 'form-control select2', 'style' => 'width:100%', 'placeholder' => __('lang_v1.all')],
                    ) !!}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('stock_transfer_re_order_filter', 'Re-order ref no:') !!}
                    {!! Form::select('stock_transfer_re_order_filter', $stock_re_orders, null, [
                        'class' => 'form-control select2',
                        'style' => 'width:100%',
                        'placeholder' => __('lang_v1.all'),
                    ]) !!}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('stock_transfer_purchase_filter', 'Purchase ref no:') !!}
                    {!! Form::select('stock_transfer_purchase_filter', $purchases, null, [
                        'class' => 'form-control select2',
                        'style' => 'width:100%',
                        'placeholder' => __('lang_v1.all'),
                    ]) !!}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('stock_transfer_filter_date_range', __('report.date_range') . ':') !!}
                    {!! Form::text('stock_transfer_filter_date_range', null, [
                        'placeholder' => __('lang_v1.select_a_date_range'),
                        'class' => 'form-control',
                        'readonly',
                    ]) !!}
                </div>
            </div>
        @endcomponent
        @component('components.widget', ['class' => 'box-primary', 'title' => __('lang_v1.all_stock_transfers')])
            @can('stock_transfer.create')
                @slot('tool')
                    <div class="box-tools">
                        <a class="btn btn-block btn-primary" href="{{ action('StockTransferController@create') }}">
                            <i class="fa fa-plus"></i> @lang('messages.add')</a>
                    </div>
                @endslot
            @endcan
            <div class="table-responsive">
                <table class="table table-bordered table-striped ajax_view" id="stock_transfer_table">
                    <thead>
                        <tr>
                            <th>
                                <input type="checkbox" class="check_all" id="multipale-select">
                            </th>
                            <th>@lang('messages.date')</th>
                            <th>@lang('purchase.ref_no')</th>
                            <th>@lang('lang_v1.location_from')</th>
                            <th>@lang('lang_v1.location_to')</th>
                            <th>@lang('sale.status')</th>
                            <th>Purchase Return Status</th>
                            <th>@lang('lang_v1.shipping_charges')</th>
                            <th>@lang('stock_adjustment.total_amount')</th>
                            <th>@lang('lang_v1.total_items')</th>
                            <th>@lang('purchase.additional_notes')</th>
                            <th>@lang('re_order.re_order_no')</th>
                            <th>@lang('Purchase No')</th>
                            <th>@lang('Purchase Return No')</th>
                            <th>Accepted by</th>
                            <th>@lang('messages.action')</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                    <tfoot>
                        <tr class="bg-gray font-17 footer-total text-center">
                            <td colspan="7"><strong>@lang('sale.total'):</strong></td>
                            <td class="footer_total_shopping_charge"></td>
                            <td class="footer_total_amount"></td>
                            <td class="footer_total_items"></td>
                            <td colspan="6"></td>
                        </tr>
                    </tfoot>
                </table>
            </div>

            <div class="col-md-3">
                <div class="form-group">
                    <br>
                    <small class="label bg-blue label-round no-print" title="Default stock transfer" style="font-size: 11px;"><i
                            class="fa fas fa-truck"></i></small> Default stock transfer
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <br>
                    <small class="label bg-red label-round no-print" title="Stock re-order transfer" style="font-size: 11px;"><i
                            class="fa fas fa-sync"></i></small> Stock re-order transfer
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <br>
                    <small class="label bg-black label-round no-print" title="Purchase transfer" style="font-size: 11px;"><i
                            class="fa fas fa-arrow-circle-down"></i></small> Purchase transfer
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <br>
                    <small class="label bg-green label-round no-print" title="Purchase return" style="font-size: 11px;"><i
                            class="fa fas fa-arrow-circle-up"></i></small> Purchase return
                </div>
            </div>
            {{-- <button id="btn3" class="btn btn_multipal_bulk_print"><i class="mdi mdi-animation mr-2"></i>
                Bulk Update
            </button> --}}
            <form id="bulk_print" action="{{url('stock/bulk/Update')}}" method="get">
                @csrf
                <input type="hidden" id="id" name="id" value="">
            </form>
        @endcomponent
    </section>

    @include('stock_transfer.partials.update_status_modal')

    <div class="modal fade" id="stock_transfer_supplier_modal" tabindex="-1" role="dialog"
        aria-labelledby="gridSystemModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                {!! Form::open([
                    'url' => action('StockTransferController@createPurchaseReturn'),
                    'method' => 'post',
                    'id' => 'stock_transfer_supplier_form',
                ]) !!}

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Add Purchase Return</h4>
                </div>

                <div class="modal-body">
                    <div class="form-group">
                        {!! Form::label('supplier', 'Supplier:*') !!}
                        {!! Form::select('supplier', $suppliers, null, [
                            'class' => 'form-control select2',
                            'placeholder' => __('messages.please_select'),
                            'required',
                            'id' => 'supplier',
                            'style' => 'width: 100%;',
                        ]) !!}
                    </div>
                </div>

                <div class="modal-footer">
                    <input type="hidden" name="transaction_id" id="supplier_modal_transaction_id">
                    <button type="submit" class="btn btn-primary">Add Purchase Return</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">@lang('messages.close')</button>
                </div>

                {!! Form::close() !!}

            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
    {{-- @include('stock_transfer.partials.supplier_modal') --}}

    <section id="receipt_section" class="print_section"></section>

    <!-- /.content -->
@stop
@section('javascript')
    <script src="{{ asset('js/stock_transfer.js?v=' . $asset_v) }}"></script>
    <script type="text/javascript">
        stock_transfer_table = $('#stock_transfer_table').DataTable({
            dom: 'Blfrtip',
            lengthMenu: [
                [25, 50, 100],
                ['25 ', '50 ', '100']
            ],
            buttons: [{
                    extend: 'csv',
                    text: '<i class="fa fa-file-csv" aria-hidden="true""></i> ' + LANG.export_to_csv,
                    className: 'btn-sm',
                    exportOptions: {
                        columns: ':visible',
                    },
                    footer: true,
                },
                {
                    extend: 'excel',
                    text: '<i class="fa fa-file-excel" aria-hidden="true"></i> ' + LANG.export_to_excel,
                    className: 'btn-sm',
                    exportOptions: {
                        columns: ':visible',
                    },
                    footer: true,
                },
                {
                    extend: 'print',
                    text: '<i class="fa fa-print" aria-hidden="true"></i> ' + LANG.print,
                    className: 'btn-sm',
                    exportOptions: {
                        columns: ':visible',
                        stripHtml: true,
                    },
                    footer: true,
                    customize: function(win) {
                        if ($('.print_table_part').length > 0) {
                            $($('.print_table_part').html()).insertBefore($(win.document.body).find(
                                'table'));
                        }
                        if ($(win.document.body).find('table.hide-footer').length) {
                            $(win.document.body).find('table.hide-footer tfoot').remove();
                        }
                        __currency_convert_recursively($(win.document.body).find('table'));
                    }
                },
                {
                    extend: 'colvis',
                    text: '<i class="fa fa-columns" aria-hidden="true"></i> ' + LANG.col_vis,
                    className: 'btn-sm',
                },
            ],
            processing: true,
            serverSide: true,
            aaSorting: [
                [0, 'desc']
            ],
            ajax: {
                url: '/stock-transfers',
                data: function(d) {

                    d.from_location_id = $('#from_location_id').val();
                    d.to_location_id = $('#to_location_id').val();

                    if ($('#stock_transfer_type').length) {
                        d.stock_transfer_type = $('#stock_transfer_type').val();
                    }

                    if ($('#stock_transfer_re_order_filter').length) {
                        d.re_order = $('#stock_transfer_re_order_filter').val();
                    }

                    if ($('#stock_transfer_purchase_filter').length) {
                        d.purchase_transfer = $('#stock_transfer_purchase_filter').val();
                    }

                    if ($('#stock_transfer_filter_date_range').val()) {
                        var start = $('#stock_transfer_filter_date_range').data('daterangepicker').startDate
                            .format('YYYY-MM-DD');
                        var end = $('#stock_transfer_filter_date_range').data('daterangepicker').endDate.format(
                            'YYYY-MM-DD');
                        d.start_date = start;
                        d.end_date = end;
                    }

                    d = __datatable_ajax_callback(d);
                },
            },
            columnDefs: [{
                    targets: [0, 5, 6, 8, 9, 10, 11, 12, 13, 14],
                    orderable: false,
                    searchable: false,
                },
                {
                    targets: [6, 10,11, 12, 13],
                    visible: false
                },
            ],
            columns: [{
                    data: 'check',
                    name: 'check'
                },
                {
                    data: 'transaction_date',
                    name: 'transaction_date'
                },
                {
                    data: 'ref_no',
                    name: 'ref_no'
                },
                {
                    data: 'location_from',
                    name: 'l1.name'
                },
                {
                    data: 'location_to',
                    name: 'l2.name'
                },
                {
                    data: 'status',
                    name: 'status'
                },
                {
                    data: 'purchase_return_status',
                    name: 'purchase_return_status'
                },
                {
                    data: 'shipping_charges',
                    name: 'shipping_charges'
                },
                {
                    data: 'final_total',
                    name: 'final_total'
                },
                {
                    data: 'total_items',
                    name: 'total_items'
                },
                {
                    data: 'additional_notes',
                    name: 'additional_notes'
                },
                {
                    data: 're_order_ref',
                    name: 're_order_ref'
                },
                {
                    data: 'purchase_transfer',
                    name: 'purchase_transfer'
                },
                {
                    data: 'purchase_return',
                    name: 'purchase_return'
                },
                {
                    data: 'accepted_by',
                    name: 'accepted_by'
                },
                {
                    data: 'action',
                    name: 'action'
                },
            ],
            fnDrawCallback: function(oSettings) {
                __currency_convert_recursively($('#stock_transfer_table'));
            },
            "footerCallback": function(row, data, start, end, display) {
                var footer_total_shopping_charge = 0;
                var footer_total_amount = 0;
                var footer_total_items = 0;
                // Loop through the data to calculate totals
                for (var r in data) {
                    footer_total_shopping_charge += $(data[r].shipping_charges).data('orig-value') ?
                        parseFloat($(data[r].shipping_charges).data('orig-value')) : 0;
                    footer_total_amount += $(data[r].final_total).data('orig-value') ?
                        parseFloat($(data[r].final_total).data('orig-value')) : 0;

                    footer_total_items += $(data[r].total_items).data('orig-value') ?
                        parseFloat($(data[r].total_items).data('orig-value')) : 0;
                    // alert(data[r].total_items);
                }
                // Display the calculated totals in the table footer
                $('.footer_total_shopping_charge').html(__currency_trans_from_en(footer_total_shopping_charge));
                $('.footer_total_amount').html(__currency_trans_from_en(footer_total_amount));
                $('.footer_total_items').html(footer_total_items);
            },
        });
        $(document).on('change',
            '#from_location_id, #to_location_id, #stock_transfer_type, #stock_transfer_re_order_filter, #stock_transfer_purchase_filter',
            function() {
                stock_transfer_table.ajax.reload();
            }
        );
        $(document).on('click', '#multipale-select', function() {
            if ($(this).prop('checked')) {
                $('.check-multipale').prop('checked', true);
            } else {
                $('.check-multipale').prop('checked', false);
            }
        })
        $(document).on('click', '#btn3', function() {
            var id = getSelectedOrdersbulk();
            if (id.length >= 1) {
                $('#id').val(id);
                $('#bulk_print').submit();
            } else {
                swal.fire('Please select at least 1 or more Orders.!', '', 'warning');
            }
        });

        function getSelectedOrdersbulk() {
            let id = [];
            $('.check-multipale:checked').each(function() {
                id.push($(this).attr('id'));
            });
            return id;
        }
    </script>
    <script src="{{ asset('js/payment.js?v=' . $asset_v) }}"></script>
@endsection