@extends('layouts.main', ['title' => 'Transfer Orders | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li class="active">Transfer Orders</li>
    </ul>
@stop
@section('title', 'Transfer Orders')
@section('msghead_menu')
    <li class="right btn-group">
        @if(auth()->user()->can('CREATE TRANSFER'))
            <button class="btn" style="margin-right: 2px"
                    onclick="create('{!! route('stores.inventories.transfer_order_create') !!}')">TRANSFER ORDER
            </button>
        @endif
        @if(auth()->user()->can('CREATE TRANSFERS CANCELLATION'))
{{--        @if(auth()->user()->can('RECEIVE GOODS'))--}}
            <button class="btn" style="margin-right: 2px" id="transfer_request_cancellation"> CANCELLATION</button>
{{--            <button class="btn" style="margin-right: 2px" id="receive_goods"> RECEIVE GOODS</button>--}}
        @endif


    </li>
@endsection
@section('contentinner')
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed" id="hse_store_table">
                <thead>
                <tr>
                    <th class="head1" style="width: 3%"></th>
                    <th class="head1" style="width: 4%">#</th>
                    <th class="head1" style="width: 10%"></th>
                    <th class="head1">Source</th>
                    <th class="head1">Destination</th>
                    <th class="head1">Requested By</th>
                    <th class="head1" style="width: 5%">Received</th>
                    <th class="head1" style="width: 10%">Status</th>
                    <th style="width: 60px"></th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--span6-->
    <!--tabbable-->
    <script>
        var oTable = jQuery('#hse_store_table').on('error.dt', function (e, settings, techNote, message) {
            console.log('An error has been reported by DataTables: ', message);
            $.jGrowl("ERROR LOADING DATA!", {header: 'Important'});
            stopSpinner();
        })
            .DataTable({
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No store records to display.",
                    "sProcessing": "Please wait - loading records...",
                    "sInfoEmpty": "No entries to display."
                },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                ajax: {
                    url: '{{ route("stores.inventories.transfers_datables") }}',
                    data: function (d) {
                    }
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "order": [[0, 'asc']],
                "columns": [
                    {"class": "link", data: 'checkbox'},
                    {"class": "link", data: 'order_number'},
                    {"class": "link", data: 'item_entries_count'},
                    {"class": "link", data: 'source'},
                    {"class": "link", data: 'destination'},
                    {"class": "link", data: 'requested_by'},
                    {"class": "link", data: 'received'},
                    {"class": "link", data: 'status'},
                    {"class": "link", data: 'action'}
                ],
                "bStateSave": true
            });

        $('#transfer_request_cancellation').click(function () {

            let transfer_order_id = checkRows('transfer_order_id')[0];
            if (transfer_order_id.length !== 1) {
                logistics_alert('PLEASE CHECK ONE ORDER TO CONTINUE', 'SELECTION DIALOG');
                return false;
            }
            jQuery.ajax({
                url: "{{route('cancellation_requests.create')}}",
                type: 'GET',
                data: {
                    transfer_order_id: transfer_order_id,
                    type: 'TRANSFERS'
                },
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    let modal = jQuery('#logistics_modal');
                    modal.empty().append(data);
                    modelShow('logistics_modal');
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
            return false;
        });

        jQuery('#receive_goods').click(function () {

            var transfer_order_id = checkRows('transfer_order_id');
            if (transfer_order_id.length != 1) {
                logistics_alert('PLEASE CHECK ONE ORDER TO CONTINUE', 'SELECTION DIALOG');
                return false;
            }
            jQuery.ajax({
                url: "{{route('stores.transfer.receive_transfer_order')}}",
                type: 'GET',
                data: {
                    transfer_order_id: transfer_order_id
                },
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    var modal = jQuery('#logistics_modal');
                    modal.empty().append(data);
                    modelShow('logistics_modal');
//                    onModalShown();
//
//                    var form = modal.find('form');
//                    form.on('submit', function (e) {
//                        e.preventDefault();
//                        storeOrUpdate(form, method);
//                    });
                },
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                },
                complete: function () {
                    stopSpinner();
                }
            });
            return false;
        });


    </script>
@endsection