@extends('operations.layout.mainlayout')

@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid card">
                <div class="row mb-2">
                    <div class="col-sm-6 card-body">
                        <h1 class="m-0 text-dark" style="color: #e35a80!important;">Warehouse Transfers List</h1>
                    </div><!-- /.col -->
                    <div class="col-sm-6" style="display: flex;justify-content: end;align-items: center;">
                        @if($type == \App\Models\PROFILEINVMAINTRANSACTION::TRANSFER_CONSUMABLE)
                            @permission('warehouse_inventory_manage_consume')
                            <a id="create-receive" href="/operations/warehouse/transfer?type=consumable" style="margin-right: 20px;"
                               class="btn btn-info float-right"><i class="fa fa-plus"></i> Create Consumable Transfer</a><br><br>
                            @endpermission
                        @elseif($type == \App\Models\PROFILEINVMAINTRANSACTION::TRANSFER_DISPOSABLE)
                            @permission('warehouse_inventory_manage_dispose')
                            <a id="create-receive" href="/operations/warehouse/transfer?type=disposable" style="margin-right: 20px;"
                               class="btn btn-info float-right"><i class="fa fa-plus"></i> Create Disposable Transfer</a><br><br>
                            @endpermission
                        @elseif($type == \App\Models\PROFILEINVMAINTRANSACTION::TRANSFER_RETURNS)
                            @permission('warehouse_purchasing_manage_returns')
                            <a id="create-receive" href="/operations/warehouse/transfer?type=returns" style="margin-right: 20px;"
                               class="btn btn-info float-right"><i class="fa fa-plus"></i> Create Returns Transfer</a><br><br>
                            @endpermission
                        @else
                            @permission('warehouse_inventory_manage_transfer')
                            <a id="create-receive" href="/operations/warehouse/transfer" style="margin-right: 20px;"
                               class="btn btn-info float-right"><i class="fa fa-plus"></i> Create Transfer</a><br><br>
                            @endpermission
                        @endif
                    </div>
                </div><!-- /.row -->

            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->

        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="mx-auto col-md-10">

                        <!-- /.card -->
                        <div class="col-12 col-sm-12 col-md-12">
                            <br/>
                            <div class="card bg-light">
                                <div class="card-header text-muted border-bottom-0">
                                </div>
                                <form method="get" action="" style="width:100%;">
                                    <div class="card-body pt-0">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="row form-group">
                                                    <div class="col-md-4">
                                                        <span class="text-muted text-sm"><b>Date from</b></span>
                                                        <input id="date_from" class="form-control" type="date"
                                                               name="date_from"
                                                               placeholder="Date From"></div>
                                                    <div class="col-md-4">
                                                        <span class="text-muted text-sm"><b>Date to</b></span>
                                                        <input id="date_to" class="form-control" type="date"
                                                               name="date_to"
                                                               placeholder="Date To">
                                                    </div>
                                                    <div class="col-md-4">
                                                        <span class="text-muted text-sm"><b>From Location</b></span>
                                                        <select id="from_location" name="from_location"
                                                                multiple>
                                                            @foreach($locations as $location)
                                                                <option value="{{ $location->id }}">{{ $location->text }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>

                                                <div class="row form-group">
                                                    <div class="col-md-4">
                                                        <span class="text-muted text-sm"><b>To Location</b></span>
                                                        <select id="to_location" name="to_location"
                                                                multiple>
                                                            @foreach($locations as $location)
                                                                <option value="{{ $location->id }}">{{ $location->text }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>

                                                    <div class="col-md-4">
                                                        <span class="text-muted text-sm"><b>Items</b></span>
                                                        <select name="items_select" multiple id="items_select">
                                                            @foreach($items as $item)
                                                                <option value="{{ $item->ID }}">{{ $item->NAME_EN }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-footer">
                                        <div class="text-right">
                                            <button class="btn btn-sm btn-info" id="loading_button" type="button" disabled
                                                    style="display: none">
                                        <span class="spinner-border spinner-border-sm" role="status"
                                              aria-hidden="true"></span>
                                                Loading...
                                            </button>
                                            <button id="submit-transfer-filters-form" type="submit" class="btn btn-sm btn-success">
                                                <i class="fas fa-search"></i> Search
                                            </button>
                                        </div>
                                    </div>

                                </form>
                            </div>
                        </div>
                        <div class="card">

                            <!-- /.card-header -->
                            <div class="card-body">

                                <table id="warehouse-transfer-history-table"
                                       class="table table-bordered table-striped"></table>
                                {{--<div class="row">
                                    <div class="col" style="text-align: center">
                                        @if(!empty(session('role')) && (session('role') == 4))
                                        <a class="btn btn-info" href="/operations/warehouse/transfer">Add New Transfer</a>
                                        @endif
                                    </div>
                                </div>--}}

                            </div>
                            <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->

            </div>
            <!-- /.container-fluid -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

@endsection

@section('warehouse_scripts')
    <script>

        $("#from_location").select2({
            'placeholder' : 'Select From Location'
        });
        $("#to_location").select2({
            'placeholder' : 'Select To Location'
        });
        $("#items_select").select2({
            'placeholder' : 'Select Items'
        });

        $("#warehouse-transfer-history-table").DataTable({
            dom: 'Bfrtip',
            "buttons": [
                'copy', 'csv', 'excel', 'pdf', 'print'
            ],
            "responsive": true,
            "autoWidth": false,
            "order": [[0, "desc"]],
            ajax: {
                url: '/operations/warehouse/transfer-history/datatable',
                "data": function ( d ) {
                    d.type = {{ $type }};
                    d.date_from = $('#date_from').val();
                    d.date_to = $('#date_to').val();
                    d.items = $('#items_select').val();
                    d.from_location = $('#from_location').val();
                    d.to_location = $('#to_location').val();
                }
            },
            columns: [
                {
                    title: 'ID', "mRender": function (data, type, row) {
                        return '<a href="/operations/warehouse/transfer-history/' + row.ID + '" >' + row.ID + '</a>';
                    }
                },
                {data: 'fromLocation.text', title: 'From Location'},
                {data: 'toLocation.text', title: 'To Location'},
                {data: 'createdBy.USERNAME', title: 'Created By'},
                {data: 'created_at', title: 'Created At'},
            ]
        });

        $('#submit-transfer-filters-form').on('click', function (e) {
            e.preventDefault();
            $("#warehouse-transfer-history-table").DataTable().ajax.reload()
        })
        
        $(document).on('change', '.vendor-status', function (e) {
            let vendor_id = $(this).attr('id');
            var data = {
                vendor_id: vendor_id,
            }
            if ($(this).is(":checked")) {
                data['status'] = 1;
                $.ajax({
                    url: "/operations/warehouse/vendors/status/" + vendor_id,
                    data: data,
                    contentType: "application/json; charset=utf-8",
                }).done(function (data) {
                }).fail(function (jqXHR, textStatus, errorThrown) {
                    alert("Error while changing vendor");
                });

            } else {
                data['status'] = 0;
                $.ajax({
                    url: "/operations/warehouse/vendors/status/" + vendor_id,
                    data: data,
                    contentType: "application/json; charset=utf-8",
                }).done(function (data) {
                }).fail(function (jqXHR, textStatus, errorThrown) {
                    alert("Error while changing vendor");
                });
            }
        })

    </script>
@endsection