@extends('layouts.master')
@section('css')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
    <style>
        .error {
            color: red;
        }

        table tr td .stock-item+.select2-container {
            width: 500px !important;
        }

        table tr td .unit_change+.select2-container {
            width: 160px !important;
        }
    </style>
@endsection
@section('title')
    Stock Transfer Request
@endsection
@section('content')
    <main>
        @isset($transferRequest)
            <form action="/admin/stock-transfer-request/{{ $transferRequest->id }}" method="POST" id="transfer-request"
                autocomplete="off" class="needs-validation" novalidate>
                @method('put')
            @else
                <form action="/admin/stock-transfer-request" method="POST" id="transfer-request" autocomplete="off"
                    class="needs-validation" novalidate>
                @endisset
                @csrf
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header d-flex align-items-center">
                                <h5 class="card-title mb-0 flex-grow-1">
                                    @isset($transferRequest)
                                        Edit Stock Transfer Request
                                    @else
                                        Add Stock Transfer Request
                                    @endisset
                                </h5>
                                @isset($transferRequest)
                                    <div>
                                        <a type="button" class="btn btn-soft-primary waves-effect waves-light"
                                            href="/admin/stock-transfer-request"><i class="las la-angle-double-left"></i> Go Back</a>
                                    </div>
                                @endisset
                            </div>
                            <div class="card-body">
                                <div class="row mb-3">
                                    <div class="col-lg-4">
                                        <label class="form-label">Date</label>
                                        <input type="date" class="form-control" name="request_date"
                                            value="{{ isset($transferRequest) ? $transferRequest->request_date : date('Y-m-d') }}"
                                            required>
                                    </div>
                                    {{-- <div class="col-lg-4">
                                        <label class="form-label">Source</label>
                                        <select class="form-control location-select" name="source_location_id"
                                            id="source_location" required>
                                            <option value="">Select location</option>
                                            @foreach ($stockLocations as $stockLocation)
                                                <option value="{{ $stockLocation->id }}"
                                                    {{ isset($transferRequest) ? ($transferRequest->source_stock_location_id == $stockLocation->id ? 'selected' : '') : '' }}>
                                                    {{ $stockLocation->name }}</option>
                                            @endforeach
                                        </select>
                                    </div> --}}
                                    <input type="hidden" name="source_location_id" id="source_location" value="{{ isset($transferRequest) ? $transferRequest->source_stock_location_id : $mainLocationId }}">
                                    <div class="col-lg-4">
                                        <label class="form-label">Destination</label>
                                        <select class="form-control location-select" name="destination_location_id"
                                            required>
                                            <option value="">Select location</option>
                                            @foreach ($stockLocations as $stockLocation)
                                                <option value="{{ $stockLocation->id }}"
                                                    {{ isset($transferRequest) ? ($transferRequest->destination_stock_location_id == $stockLocation->id ? 'selected' : '') : '' }}>
                                                    {{ $stockLocation->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-lg-4">
                                        <label class="form-label">Remarks</label>
                                        <textarea class="form-control" name="remarks" rows="2">{{ isset($transferRequest) ? $transferRequest->remarks : '' }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header d-flex align-items-center">
                                <h5 class="card-title mb-0 flex-grow-1 text-center">
                                    Stock Transfer Request
                                </h5>
                            </div>
                            <div class="card-body">
                                <div class="row mb-3">
                                    <div class="table-responsive">
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th>Item</th>
                                                    <th width="20%">Qty</th>
                                                    <th>Unit</th>
                                                    <th width="20%">Price</th>
                                                    <th width="20%">Total</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody id="appendRow">
                                                @isset($transferRequestItems)
                                                    @php
                                                        $tabIndex = 0;
                                                    @endphp
                                                    @if (count($transferRequestItems) > 0)
                                                        @foreach ($transferRequestItems as $key => $transferRequestItem)
                                                            @php
                                                                $key = $key + 1;
                                                            @endphp
                                                            <tr id="{{ $key }}"
                                                                class="row_{{ $key }} headrow">
                                                                <td>
                                                                    <select tabindex="{{ $tabIndex + 1 }}"
                                                                        class="form-control stock-item"
                                                                        name="item[{{ $key }}]"
                                                                        onchange="fetchItemData({{ $key }})"
                                                                        id="item_{{ $key }}" required>
                                                                        <option value="">Select item</option>
                                                                        <option
                                                                            value="{{ $transferRequestItem->stock_item_id }}"
                                                                            selected>
                                                                            {{ $transferRequestItem->stockItem->name }}
                                                                        </option>
                                                                    </select>
                                                                </td>
                                                                <td><input tabindex="{{ $tabIndex + 2 }}" type="number"
                                                                        name="qty[{{ $key }}]"
                                                                        value="{{ $transferRequestItem->quantity }}"
                                                                        id="qty_{{ $key }}"
                                                                        class="form-control qty">
                                                                </td>
                                                                <td>
                                                                    <select tabindex="{{ $tabIndex + 3 }}"
                                                                        name="unit_id[{{ $key }}]"
                                                                        class="form-control unit_change unit_{{ $key }}"
                                                                        id="unit_change_{{ $key }}"
                                                                        onchange="purchaseChangeUnit({{ $key }})">
                                                                        <option value="{{ $transferRequestItem->unit_id }}"
                                                                            {{ isset($transferRequestItem) ? ($transferRequestItem->unit_id == $transferRequestItem->unit->id ? 'selected' : '') : '' }}>
                                                                            {{ $transferRequestItem->unit->symbol }}</option>
                                                                            @if($transferRequestItem->stockItem->stockItemUnits->isNotEmpty())
                                                                                @foreach ($transferRequestItem->stockItem->stockItemUnits as $unit )
                                                                                    <option value="{{  $unit->unit->id }}">{{ $unit->unit->symbol }}</option>
                                                                                @endforeach
                                                                            @endif
                                                                    </select>
                                                                </td>
                                                                <td><input tabindex="{{ $tabIndex + 4 }}" type="number"
                                                                        name="price[{{ $key }}]"
                                                                        value="{{ $transferRequestItem->price }}"
                                                                        id="price_{{ $key }}"
                                                                        class="form-control purchasePrice"></td>
                                                                <td><input class="form-control total_{{ $key }}"
                                                                        type="number" name="total[{{ $key }}]"
                                                                        value="{{ $transferRequestItem->total }}"
                                                                        id="total_{{ $key }}" readonly></td>
                                                                <td><button type="button" class="btn btn-sm btn-danger"
                                                                        onclick="removeRow({{ $key }})"><i
                                                                            class="las la-minus"></i></button></td>
                                                            </tr>
                                                            @php
                                                                $tabIndex = $tabIndex + 4;
                                                            @endphp
                                                        @endforeach
                                                    @endif
                                                @endisset
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td class="text-center" id="total-sum" style="font-weight: 600;">
                                                        {{ isset($transferRequestItems) ? number_format($transferRequestItems->sum('total'), 2) : '0.00' }}
                                                    </td>
                                                    <td></td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                                <div id="source-add-row" class="row firsthidden_rows text-end">
                                    <div class="col-md-12 text-right">
                                        <button type="button" class="btn btn-info" id="add-row"
                                            @isset($transferRequestItems)
                                            tabindex="{{ $tabIndex + 1 }}"
                                        @endisset
                                            onclick="appendStockItemRow()"><i class="las la-plus"></i>Add</button>
                                        <button type="submit" id="submit-btn" class="btn btn-primary">Submit</button>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
    </main>
@endsection
@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"
        integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script>
        var negativeStockEnabled = {{ $negativeStockEnabled }};
        @if(!isset($transferRequestItems))
        appendStockItemRow();
        @endif
        $('.location-select').select2({
            placeholder: 'Select location',
        });
        $('.stock-item').select2({
            placeholder: 'Select item',
            ajax: {
                url: "/admin/get-stock-items",
                type: "POST",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        _token: "{{ csrf_token() }}",
                        search: params.term,
                        page: params.page,
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
                    var results = data.data.map(function(item) {
                        return {
                            id: item.id,
                            text: item.name,
                        };
                    });

                    return {
                        results: results,
                        pagination: {
                            more: (params.page * data.per_page) < data.total
                        }
                    };
                },
                cache: true
            }
        });
        $('.unit_change').select2();

        $('#transfer-request').validate({
            submitHandler: function(form, e) {
                e.preventDefault();
                $('#submit-btn').prop('disabled', true);
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == 'success') {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    @isset($transferRequest)
                                        window.location.href =
                                            "{{ route('stock-transfer-request.index') }}";
                                    @else
                                        window.location.href =
                                            "{{ route('stock-transfer-request.create') }}";
                                    @endisset
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                        $('#submit-btn').prop('disabled', false);
                    },
                    error: function(data) {
                        $('#submit-btn').prop('disabled', false);
                        if (data.status === 422) {
                            var message = data.responseJSON.message;
                            Swal.fire({
                                title: 'Error!',
                                text: message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        } else {
                            // Handle other error cases
                            console.log('Other Error:', data.responseText);
                        }
                    }
                });
            }
        });
        let append_row = '#appendRow';
        var tabIndex = 0;

        function appendStockItemRow() {
            var rowCount = $('#appendRow tr:last').attr('id');

            if (rowCount == "" || rowCount == undefined) {
                rowCount = 1;
            } else {
                if (rowCount.includes("_")) {
                    rowCount = rowCount.split("_")[1];
                }
                rowCount = parseInt(rowCount) + parseInt(1);
            }
            var rows = '<tr id="' + rowCount + '" class="row_' + rowCount +
                ' headrow"><td><select class="form-control stock-item" tabindex="1" name="item[' + rowCount +
                ']" onchange="fetchItemData(' + rowCount +
                ')" id="item_' + rowCount + '" required><option value="">Select item</option>';
            var rows2 = '</select><div class="errormsg" id="error_item_' + rowCount +
                '"></div></td><td><input type="number" tabindex="' + `${tabIndex + 2}` + '" name="qty[' + rowCount +
                ']" id="qty_' +
                rowCount +
                '" class="form-control qty" ><div class="errormsg" id="error_qty_' +
                rowCount + '"></div></td><td><select name="unit_id[' + rowCount +
                ']" tabindex="' + `${tabIndex + 3}` + '" class="form-control unit_change unit_' + rowCount +
                '" id="unit_change_' + rowCount + '" onchange="purchaseChangeUnit(' + rowCount +
                ')"></select></td><td><input type="number" tabindex="' + `${tabIndex + 4}` + '" name="price[' + rowCount +
                ']" id="price_' +
                rowCount +
                '" class="form-control purchasePrice"></td><td><input readonly type="number" class="form-control" name="total[' +
                rowCount + ']" id="total_' + rowCount +
                '"></td><td><button type="button" class="btn btn-sm btn-danger" onclick="removeRow(' + rowCount +
                ')"><i class="las la-minus"></i></button></td></tr>';
            $("#appendRow").append(rows + rows2);
            $('.location-select').select2({
                placeholder: 'Select location',
            });
            $('.stock-item').select2({
                placeholder: 'Select item',
                ajax: {
                    url: "/admin/get-stock-items",
                    type: "POST",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            _token: "{{ csrf_token() }}",
                            search: params.term,
                            page: params.page,
                        };
                    },
                    processResults: function(data, params) {
                        params.page = params.page || 1;
                        var results = data.data.map(function(item) {
                            return {
                                id: item.id,
                                text: item.name,
                            };
                        });

                        return {
                            results: results,
                            pagination: {
                                more: (params.page * data.per_page) < data.total
                            }
                        };
                    },
                    cache: true
                }
            });
            $('.unit_change').select2();
            $('#item_' + rowCount + '').prop('tabindex', tabIndex + 1);
            $('#unit_change_' + rowCount + '').prop('tabindex', tabIndex + 3);
            $('#add-row').prop('tabindex', tabIndex + 5);
            tabIndex += 4;
            $('#item_' + rowCount + '').focus().select();
        }

        $(document).on('keydown', '.qty, .purchasePrice', function(e) {
            var key = e.which;
            if (key == 13) // the enter key code
            {
                e.preventDefault();
                var tabindex = $(this).attr('tabindex');
                if (tabindex == undefined || isNaN(tabindex)) {
                    return;
                }
                var nextindex = parseInt(tabindex) + 1;
                calculateSum();
                $("[tabindex='" + nextindex + "']").focus().select();
            }
        });

        $(document).on('select2:select', '.stock-item,.unit_change', function(e) {
            var tabindex = $(this).attr('tabindex');
            var nextindex = parseInt(tabindex) + 1;
            $("[tabindex='" + nextindex + "']").focus().select();
        });

        $(document).on('select2:close', '.stock-item,.unit_change', function(e) {
            var tabindex = $(this).attr('tabindex');
            var nextindex = parseInt(tabindex) + 1;
            $("[tabindex='" + nextindex + "']").focus().select();
        });

        $(document).on('select2:open', '.stock-item, .unit_change', function(e) {
            $('.select2-search__field').focus().select();
        });

        function fetchItemData(id) {
            var prd = $("#item_" + id).val();
            if (prd != "" && id != "") {
                $.ajax({
                    url: "{{ route('fetch-item') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "prd": prd
                    },
                    success: function(data) {
                        $('#qty_' + id).val('');
                        $("#unit_change_" + id).html(data.options);
                        $("#price_" + id).val(data.purchase_price);
                        calculateSum();
                        @if (Auth::user()->hasPermissionTo('approve stock transfer request'))
                            if (data.closing_stock_negative) {
                                alert("Stock is negative. Please add stock.");
                            }
                        @endif
                    },
                    error: function(xhr) {
                        alert("Something went wrong. Please try again");
                    }
                });
            } else {
                alert("Something went wrong. Please try again");
            }
        };

        function purchaseChangeUnit(id) {
            let unit_id = $('#unit_change_' + id).val();
            let stock_item_id = $('#item_' + id).val();
            $.ajax({
                url: "{{ route('purchase-change-unit') }}",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}",
                    "unit_id": unit_id,
                    "stock_item_id": stock_item_id
                },
                success: function(data) {
                    $('#price_' + id).val(parseFloat(data.purchase_price).toFixed(3));
                        calculateSum();
                },
                error: function(data) {
                    alert("Sorry, Something went wrong. Please try again.");
                }

            });
            @if (Auth::user()->hasPermissionTo('approve stock transfer request'))
                $.ajax({
                        type: "post",
                        url: "{{ route('check-item-location-stock-quantity') }}",
                        data: {
                            _token: "{{ csrf_token() }}",
                            "stock_location_id": $('#source_location').val(),
                            "stock_item_id": stock_item_id,
                            "unit_id": $("#unit_change_" + id).val(),
                            "quantity": $('#qty_' + id).val()
                        },
                        success: function(response) {
                            if (response.status == true) {
                                calculateSum();
                            } else {
                                alert(response.message + " " + "Available stock only " + response
                                    .availableQty);
                                $('#qty_' + id).val('');
                            }

                        }
                });
            @endif
        };

        $(document).on('keyup', '.qty', function() {
            var tr = $(this).closest('tr');
            var input_id = $(tr).attr('id');
            var stock_item_id = $("#item_" + input_id).val();
            if (append_row == '#appendRow') {
                calculateSum();
            }
            @if (Auth::user()->hasPermissionTo('approve stock transfer request'))
                $.ajax({
                        type: "post",
                        url: "{{ route('check-item-location-stock-quantity') }}",
                        data: {
                            _token: "{{ csrf_token() }}",
                            "stock_location_id": $('#source_location').val(),
                            "stock_item_id": stock_item_id,
                            "unit_id": $("#unit_change_" + input_id).val(),
                            "quantity": $(this).val()
                        },
                        success: function(response) {
                            if (response.status == true) {
                                calculateSum();
                            } else {
                                alert(response.message + " " + "Available stock only " + response
                                    .availableQty);
                                $('#qty_' + input_id).val('');
                            }

                        }
                });
            @endif
        });

        $(document).on('keyup', '.purchasePrice', function() {
            var tr = $(this).closest('tr');
            var input_id = $(tr).attr('id');
            if (append_row == '#appendRow') {
                calculateSum();
            }
        });

        function calculateSum() {
            var totalSum = 0;
            $(append_row + ' > tr').each(function() {
                var itemTotal = 0;
                var input_id = this.id.match(/\d+/);
                var qty = $("#qty_" + input_id).val();
                var price = $("#price_" + input_id).val();
                if (!isNaN(qty) && qty != undefined && qty != "") {
                    qty = qty;
                } else {
                    qty = 0;
                }
                if (!isNaN(price) && price != undefined && price != "") {
                    itemTotal = (price * qty);
                }
                $(".total_" + input_id).html(itemTotal.toFixed(3));
                $("#total_" + input_id).val(itemTotal.toFixed(3));
                totalSum += parseFloat(itemTotal);
            });
            $("#total-sum").html(totalSum.toFixed(3));
        }

        function removeRow(id) {
            $(".row_" + id).remove();
            calculateSum();
        }
    </script>
@endsection