@extends('layouts/contentLayoutMaster')

@section('title', 'Consumable Items Transfer Note')

@section('vendor-style')
    {{-- vendor css files --}}
    <link rel="stylesheet" href="{{ asset('vendors/css/forms/select/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/tables/datatable/dataTables.bootstrap5.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/tables/datatable/buttons.bootstrap5.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/extensions/sweetalert2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('/css/custom.css') }}">
@endsection
@section('content')

<style>
    .table th{
    
        vertical-align:middle !important;
        text-align:center;
    }
</style>

    <!-- Column Search -->
    <section id="column-search-datatable">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="row border-bottom py-2">
                        <div class="col-12 d-flex justify-content-between">
                            <h4 class="card-title my-auto ps-2">Transfer Note : {{ $itemTransfer->code }}</h4>
                           
                        </div>
                    </div>

                    <div class="card-body pt-0 pb-2">

                        @if ($success = Session::get('success'))
                            <div class="demo-spacing-0 mb-1 col-6">
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    <div class="alert-body">{{ $success }}</div>
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"
                                        aria-label="Close"></button>
                                </div>
                            </div>
                        @endif
                        @if ($errorMessage = Session::get('errorMessage'))
                            <div class="demo-spacing-0 mb-1 col-6">
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <div class="alert-body">{{ $errorMessage }}</div>
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"
                                        aria-label="Close"></button>
                                </div>
                            </div>
                        @endif


                            <div class="row pt-2">
                                <div class="col-6">
                                    <h5 class="pb-1 text-primary">
                                        <b>From Plant :</b>  {{$itemTransfer->from_ao ? 'N/A' : ($itemTransfer->from_plant ? $itemTransfer->from_plant->name : 'N/A')}}
                                    </h5>
                                    <h5 class="pb-1 text-primary">
                                        <b>From Area Office :</b>  {{$itemTransfer->from_ao ? $itemTransfer->from_ao->ao_name : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1 text-primary">
                                        <b>From Store :</b>  {{ $itemTransfer->from_store ? $itemTransfer->from_store->name : 'N/A' }}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Type :</b>  {{$itemTransfer->type ? $itemTransfer->type : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Status : 
                                            @if ($itemTransfer->status == 1)
                                                <span class="text-success">Completed</span>
                                            @elseif ($itemTransfer->status == 3)
                                                <span class="text-danger">Rejected</span>
                                            @else
                                                <span class="text-secondary">Pending</span>
                                            @endif
                                        </b>
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Created By :</b>  {{$itemTransfer->createdBy ? $itemTransfer->createdBy->name : 'N/A'}}
                                    </h5>
                                    <h5>
                                        <b>Note :</b>  {{$itemTransfer->note ? $itemTransfer->note : 'N/A'}}
                                    </h5>
                                </div>
                                <div class="col-6 ">
                                    <h5 class="pb-1 text-success">
                                        <b>To Plant :</b>  {{$itemTransfer->to_ao ? 'N/A' : ($itemTransfer->to_plant ? $itemTransfer->to_plant->name : 'N/A')}}
                                    </h5>
                                    <h5 class="pb-1 text-success">
                                        <b>To Area Office :</b>  {{$itemTransfer->to_ao ? $itemTransfer->to_ao->ao_name : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1 text-success">
                                        <b>To Store :</b>  {{$itemTransfer->to_store ? $itemTransfer->to_store->name : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Updated By :</b>  {{$itemTransfer->updatedBy ? $itemTransfer->updatedBy->name : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Remarks :</b>  {{$itemTransfer->remarks ? $itemTransfer->remarks : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Date :</b>  {{$itemTransfer->date ? $itemTransfer->date . ' ' . $itemTransfer->time : 'N/A'}}
                                    </h5>
                                </div>
                            </div>
                            
                            @if (!$editable)
                                <div class="row m-0 pb-2 pt-2 ">
                                    <div class="col-12 m-0 p-0">
                                        <div class="table-responsive">
                                            <table class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th style="width:135px; vertical-align:middle">Code</th>
                                                        <th>Item</th>
                                                        <th>UOM</th>
                                                        <th>Factor</th>
                                                        <th>Quantity</th>
                                                        <th style="width: 130px; background-color: #ffdbb8 !important;">Quantity <br> (Per UOM)</th>
                                                        <th style="width: 130px">Weighted Avg <br> Rate</th>
                                                        <th>Accepted Quantity</th>
                                                        <th style="width: 130px; background-color: #ddffb8 !important;">Accepted Quantity <br> (Per UOM)</th>
                                                        <th>Returned Quantity</th>
                                                        <th style="width: 130px; background-color: #ffb8b8 !important;">Returned Quantity <br> (Per UOM)</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($itemTransfer->items as $item)

                                                    @php
                                                        $citem = App\Models\ConsumableItems::where('_id', $item['itemId'])->first() ?? [];
                                                        $uom = $citem->uom ? $citem->uom->abbrevation : 'N/A';
                                                    @endphp
                                                    <tr>
                                                        <td>
                                                            {{ $citem->code ? $citem->code : 'N/A' }}
                                                        </td>
                                                        <td>{{ $citem->name ? $citem->name : 'N/A' }}</td>
                                                        <td>{{ $uom }}</td>
        
                                                        <td class=" text-center 
                                                                    @if ($item['uomFactorValue'] == 'uom')
                                                                        {{'text-info'}}
                                                                    @else
                                                                        {{'text-primary'}}
                                                                    @endif
                                                        "
                                                        style=" text-transform: capitalize;"
                                                        >
                                                            <b>
                                                                @if ($item['uomFactorValue'] == 'uom')
                                                                    {{ $uom }}
                                                                @else
                                                                    {{ $item['uomFactor'] }} <small>({{ $item['uomFactorValue']. ' ' . $uom}})</small>
                                                                @endif
                                                            </b>
                                                        </td>
                                                        
                                                        <td class="text-center"><b>{{ $item['quantity'] }}</b></td>
            
                                                        <td class="text-center" style="background-color: #fff0e2 !important;">
                                                            <b>
                                                                {{
                                                                    $item['uomQuantity'] ? $item['uomQuantity'] : 'N/A'
                                                                }}
                                                            </b>
                                                        </td>

                                                        

                                                        <td class="text-center">
                                                            {{
                                                                $item['war'] ? $item['war'] : 'N/A'
                                                            }}
                                                        </td>
                                                        <td class="text-center">
                                                            {{
                                                                isset($item['acceptQty']) ? $item['acceptQty'] : 'N/A'
                                                            }}
                                                        </td>
                                                        <td class="text-center">
                                                            {{
                                                                isset($item['acceptUomQuantity']) ? $item['acceptUomQuantity'] : 'N/A'
                                                            }}
                                                        </td>
                                                        <td class="text-center">
                                                            {{
                                                                isset($item['returnQty']) ? $item['returnQty'] : 'N/A'
                                                            }}
                                                        </td>
                                                        <td class="text-center">
                                                            {{
                                                                isset($item['returnUomQty']) ? $item['returnUomQty'] : 'N/A'
                                                            }}
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            <div class="row mt-2 pb-2">
                                <div class="col-12">
                                    @if ($editable)
                                        
                                    {{-- <form class="row" action="{{ route('inventory.items-transfer.update', $itemTransfer->_id) }}" method="POST" id="myForm"> --}}
                                    <form class="row" id="myForm">
                                        @method('PUT')
                                        @csrf
                                        <div class="col-md-4 col-6 pe-0">
                                            <label class="form-label">Select Receiving Store</label>
                                            <select id="store" name="store_id" data-placeholder="Store" class="select2 form-select">
                                                <option value="" >Select Store</option>
                                                @foreach ($stores as $store)
                                                    <option value="{{ $store->id }}">
                                                        {{ ucfirst($store->name) }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-3 col-6 pe-0">
                                            <label class="form-label">Select Status</label>
                                            <select id="status" data-placeholder="Status" name="status" class="select2 form-select" required>
                                                <option value="" selected disabled>Select Status</option>
                                                <option value="1" >Receive</option>
                                                <option value="3" >Reject</option>
                                            </select>
                                            <input type="hidden" id="transfer_id" name="transfer_id" value="{{ $itemTransfer->_id ?? '' }}">
                                        </div>
                                        <div class="col-md-4 col-6 pe-0">
                                            <div class="mb-1">
                                              <label class="form-label" for="user_name">Remarks</label>
                                              <input
                                                type="text"
                                                class="form-control"
                                                placeholder="Enter Remarks"
                                                name="remarks"
                                                id="remarks"
                                                value="{{old('remarks')}}"
                                              />
                                            </div>
                                        </div>
                                        <div class="table-responsive">
                                        <table class="table table-bordered" id="returnItemsTable">
                                            <thead>
                                                <tr>
                                                    <th class="text-center pb-0"><input type="checkbox" id="selectAll" style="height:18px; width:18px"></th>
                                                    <th style="width:135px; vertical-align:middle">Code</th>
                                                    <th>Item</th>
                                                    <th>UOM</th>
                                                    <th>Factor</th>
                                                    <th>Quantity</th>
                                                    <th style="width: 130px; background-color: #ffdbb8 !important;">Quantity <br> (Per UOM)</th>
                                                    <th style="width: 130px">Weighted Avg <br> Rate</th>
                                                    <th class="text-center">Accepted Quantity</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($itemTransfer->items as $item)

                                                @php
                                                    $citem = App\Models\ConsumableItems::where('_id', $item['itemId'])->first() ?? [];
                                                    $uom = $citem->uom ? $citem->uom->abbrevation : 'N/A';
                                                    $allowDecimal = $citem->uom ? (int) $citem->uom->allow_decimal : 0;
                                                @endphp
                                                <tr>
                                                    <td class="text-center pb-0"><input style='height:18px; width:18px' 
                                                        type="checkbox" 
                                                        class="selectItem" 
                                                        data-id="{{$item['itemId']}}" 
                                                        data-name="{{$item['itemName']}}" 
                                                        data-qty="{{$item['quantity']}}"
                                                        data-uom-fac-val="{{$item['uomFactorValue']}}"
                                                        data-war="{{$item['war']}}">
                                                    </td>
                                                    <td>
                                                        {{ $citem->code ? $citem->code : 'N/A' }}
                                                    </td>
                                                    <td>{{ $citem->name ? $citem->name : 'N/A' }}</td>
                                                    <td>{{ $uom }}</td>
    
                                                    <td class=" text-center 
                                                                @if ($item['uomFactorValue'] == 'uom')
                                                                    {{'text-info'}}
                                                                @else
                                                                    {{'text-primary'}}
                                                                @endif
                                                    "
                                                    style=" text-transform: capitalize;"
                                                    >
                                                        <b>
                                                            @if ($item['uomFactorValue'] == 'uom')
                                                                {{ $uom }}
                                                            @else
                                                                {{ $item['uomFactor'] }} <small>({{ $item['uomFactorValue']. ' ' . $uom}})</small>
                                                            @endif
                                                        </b>
                                                    </td>
                                                    
                                                    <td class="text-center"><b>{{ $item['quantity'] }}</b></td>
        
                                                    <td class="text-center" style="background-color: #fff0e2 !important;">
                                                        <b>
                                                            {{
                                                                $item['uomQuantity'] ? $item['uomQuantity'] : 'N/A'
                                                            }}
                                                        </b>
                                                    </td>

                                                    

                                                    <td class="text-center">
                                                        {{
                                                            $item['war'] ? $item['war'] : 'N/A'
                                                        }}
                                                    </td>

                                                    <td class='text-center'><input type="number" 
                                                        class="form-control text-center text-success acceptQty" 
                                                        style='font-size:15px; font-weight:bold' 
                                                        min="1" 
                                                        max="{{$item['quantity']}}" 
                                                        value="{{$item['quantity']}}" 
                                                        disabled
                                                        data-allow-decimal="{{$allowDecimal}}">
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                        <div class="col-1 pe-0 d-flex justify-content-start align-items-center" style="padding-top: 10px">
                                            <input type="submit" value="Submit" class="btn btn-sm btn-primary " id="submitAcceptItems">
                                        </div>
                                    </form>
                                    @endif
                                </div>
                            </div>



                        
                    </div>

                </div>
            </div>
        </div>
        </div>
    </section>


@endsection

@section('vendor-script')

    <script src="{{ asset('vendors/js/forms/select/select2.full.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/dataTables.bootstrap5.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/datatables.buttons.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/buttons.bootstrap5.min.js') }}"></script>
    <script src="{{ asset('vendors/js/extensions/sweetalert2.all.min.js') }}"></script>
    <script src="{{ asset('/js/custom.js') }}"></script>
    <script>
        $(document).ready(function() {
            $(".select2").select2({
                allowClear: true,
                // dropdownPosition: 'TOP'
            });
        });
 
    </script>
    <script>
        // $(document).ready(function() {
        //     $('#myForm').on('submit', function() {
        //         var $btn = $('#submitAcceptItems');
        //         $btn.prop('disabled', true);
        //         $btn.val('Submitting...'); // Use .val() instead of .html()
        //         return true;
        //     });
        // });

        selectedItems = [];

        $("#selectAll").click(function () {
        let isChecked = $(this).prop("checked");

        // Select/unselect all checkboxes
        $(".selectItem").prop("checked", isChecked);

        // Enable/disable input fields accordingly
        $(".acceptQty").prop("disabled", !isChecked);

        // If checked, collect data for all rows
        if (isChecked) {
            selectedItems = [];
            $(".selectItem:checked").each(function () {
                let row = $(this).closest("tr");
                let item = {
                    itemId: $(this).data("id"),
                    itemName: $(this).data("name"),
                    quantity: $(this).data("qty"),
                    war: $(this).data("war"),
                    uomFacVal : $(this).data("uom-fac-val"),
                    acceptQty: row.find(".acceptQty").val()
                };
                selectedItems.push(item);
            });
        } else {
            selectedItems = [];
        }
    });
        
        // Handle individual checkbox click
        $(document).on("change", ".selectItem", function () {
            let row = $(this).closest("tr");
            let itemId = $(this).data("id");
            let itemName = $(this).data("name");
            let quantity = $(this).data("qty");
            let war = $(this).data("war");
            let uomFacVal = $(this).data("uom-fac-val");
            let acceptQty = row.find(".acceptQty").val();
            let isChecked = $(this).prop("checked");

            if (isChecked) {
                // Enable return quantity field
                row.find(".acceptQty").prop("disabled", false);

                // Add item to selectedItems array if checked
                selectedItems.push({
                    itemId: itemId,
                    itemName: itemName,
                    quantity: quantity,
                    war:war,
                    uomFacVal : uomFacVal,
                    acceptQty: parseFloat(acceptQty)
                });
            } else {
                // Disable return quantity field
                row.find(".acceptQty").prop("disabled", true);

                // Remove unchecked item from the array
                selectedItems = selectedItems.filter(item => item.itemId !== itemId);
            }

            // Check if all items are selected or not
            $("#selectAll").prop("checked", $(".selectItem:checked").length === $(".selectItem").length);
        });


        // Update return quantity in array when input is changed
        $(document).on("input", ".acceptQty", function () {
            let row = $(this).closest("tr");
            let itemId = row.find(".selectItem").data("id");
            let maxQty = row.find(".selectItem").data("qty"); // Get max quantity from data attribute
            let allowDecimal = $(this).data("allow-decimal") ?? 0;
            let newQty = $(this).val();

            // Prevent decimals if not allowed
            if (allowDecimal != 1 && newQty.includes(".")) {
                alert("Decimals are not allowed for this item.");
                newQty = Math.floor(newQty); // Reset to integer
                $(this).val(newQty);
            }

            // Ensure input does not exceed the current quantity
            if (parseFloat(newQty) > parseFloat(maxQty)) {
                alert("Accepted quantity cannot exceed the available quantity!");
                $(this).val(maxQty); // Reset input to max quantity
                newQty = maxQty;
            } else if (parseFloat(newQty) < 0 || newQty === "") {
                $(this).val(0);
                newQty = 0;
            }

                // Update quantity in selectedItems array
            let item = selectedItems.find(item => item.itemId === itemId);
            if (item) {
                item.acceptQty = parseFloat(newQty);
            }
        });

        $("#submitAcceptItems").click(function (e) {
            e.preventDefault();

                // if (selectedItems.length === 0) {
                //     alert("Please select at least one item.");
                //     return;
                // }
                // let hasZeroQuantity = selectedItems.some(item => item.acceptQty === 0);
        
                // if (hasZeroQuantity) {
                //     showAlert('error', 'Item Return Quantity cannot be 0 !');
                //     return false; 
                // }



                // console.log(selectedItems);

                
                let store_id = $('#store').val();
                let note =  $('#remarks').val();
                let transfer_id =  $('#transfer_id').val();
                let status = $('#status').val();

                // status = parseInt(status);
                // console.log(status);

                if(status == '' || status == null)
                {
                    alert('Status is required !');
                    return;
                }

                if(status == 1)
                {
                    if (selectedItems.length === 0) {
                        alert("Please select at least one item.");
                        return;
                    }
                    
                    if(store_id == '' || store_id == null)
                    {
                        alert('Store is required !');
                        return;
                    }
                }
                else if(status == 3)
                {
                    if(note == '' || note == null)
                    { console.log(note);
                        alert('Remarks are required for rejection !');
                        return;
                    }
                }

                $('#submitAcceptItems').prop('disabled', true);
                

                const noteData = {
                    id:transfer_id,
                    store_id: store_id,
                    remarks: note,
                    status:status,
                    items:selectedItems
                };

                var icon = 'info'
                var text = '<p style="color:red">This is a one time action and can not be reversed once submitted !</p>'

                Swal.fire({
                title: 'Are you Sure ?',
                html: text ,
                icon: icon,
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes'
            }).then((result) => {
                if (result.isConfirmed) {

                    $('#submitAcceptItems').html('<i class="fa fa-spinner fa-spin"></i> Submitting ...');

                    $.ajax({
                        url: "{{ route('inventory.items-transfer.update', ':id') }}".replace(':id', transfer_id),
                        method: 'PUT',
                        data: noteData,
                        headers: {
                            'X-CSRF-TOKEN': '{{ csrf_token() }}',
                        },
                        success: function (response) {

                            if (response.success == true) {
                                showAlert('success', response.message);
                                // alert('Transfer Note created successfully!');
                                location.reload();
                            } else {
                                $('#submitAcceptItems').prop('disabled', false);
                                showAlert('error', response.message);
                            }

                            // alert("Items returned successfully!");
                            // // Clear the array
                            // selectedItems = [];

                            // // Remove all table rows except headers
                            // $("#returnItemsTable tbody").empty();

                            // // Uncheck "Select All" checkbox
                            // $("#selectAll").prop("checked", false);

                            // $('#returnTable').hide();
                        }
                    });

                }
                else
                {
                    $('#submitAcceptItems').prop('disabled', false);
                }
            });

            });

    </script>
@endsection