@extends('fronted.layout.main')
@section('adcontent')

    <style>
        #AddStockItems .form-control:focus,
        #AddStockItems .form-select:focus {
            box-shadow: none;
        }

        #AddStockItems .form-label {
            font-size: 0.8rem;
        }

        #AddStockItems .form-control,
        #AddStockItems .form-select {
            font-size: 0.8rem;
        }

        .input-group-text {
            font-size: 0.8rem;
            padding: 0.2rem 0.2rem;
        }

        .invalid {
            border: 1px solid red;
        }

        .item-category {
            font-size: 1rem;
            font-weight: 500;
        }

        .year-item {
            position: relative;
        }

        .month-list {
            display: none;
            position: absolute;
            left: -100%;
            top: 10%;
            min-width: 100%;
        }

        .year-item:hover .month-list {
            display: block;
        }

        .month-dropdown li:hover {
            background-color: #f0f0f0;
        }
    </style>
    @if ($message = Session::get('StockItemAddedd'))
        <script>
            Swal.fire({
                icon: 'success',
                title: "Stock Management",
                text: '{{ $message }}',
            })
        </script>

        @php session()->forget('StockItemAddedd') @endphp
    @endif
    @if ($message = Session::get('StockItemError'))
        <script>
            Swal.fire({
                icon: 'warning',
                title: "Stock Management",
                text: '{{ $message }}',
            })
        </script>
        @php session()->forget('StockItemError') @endphp
    @endif
    <div class="container-fluid mt-2 ps-0 p-0 p-lg-2">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
     
        <!-- add Item Modal -->
        <div class="modal fade" id="AddStockItems" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
            aria-labelledby="AddStockLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="AddStockLabel">Add Items</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <form action="">
                            <div class="form-group">
                                <label class="form-label" for="ItemCategoryName">Category</label>
                                <select class="form-select text-capitalize" name="CategoryName" id="StockItemCategoryName"
                                    onchange="AddNewCategory(this.value)">
                                    <option disabled selected>Select</option>
                                    <option value="001">Add Category</option>
                                </select>
                            </div>
                            <div id="AddCategoryBox" class="form-group d-none">
                                <label class="form-label" for="AddCategroy">Category Name</label>
                                <input class="form-control" type="text" name="categoryname" id="AddCategroy"
                                    onchange="AddCategory(this.value)">
                            </div>
                            <div class="form-group">
                                <label class="form-label" for="form-label" for="StockItemName">Item Name</label>
                                <div class="row">
                                    <div class="col">
                                        <input class="form-control" type="text" name="itemName" id="StockItemName">
                                    </div>
                                    <div class="col-3">
                                        <select class="form-select" name="itemunit" id="StockItemUnites">
                                            <option value="" selected>Select Unites</option>
                                            <option value="pkt">PKT</option>
                                            <option value="kg">KG</option>
                                            <option value="ltr">LTR</option>
                                            <option value="gm">GM</option>
                                            <option value="pc">PC</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group my-2">
                                <button class="btn btn-success btn-sm" type="button" onclick="AdditemStock(this)">Add
                                    Items</button>
                            </div>
                            <div class="table-responsive dataTables ">
                                <table class="table text-center align-middle roomSeatTable ">
                                    <thead>
                                        <tr>
                                            <th>Category Name</th>
                                            <th>Item Name</th>
                                            <th>Item Units</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody id="StockItemList">

                                    </tbody>
                                </table>
                            </div>

                            <div class="modal-footer mt-4">
                                <button type="button" id="AddItemStockItmeBtn" class="btn btn-warning">Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- Delete Stock Item Modal -->
        <div class="modal fade" id="deleteStockModal" tabindex="-1" role="dialog" aria-labelledby="deleteStockModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="deleteStockModalLabel">Delete Stock Items</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <form id="deleteStockForm">
                            <div id="stockItemsList" class=" d-flex flex-wrap gap-2">
                                <!-- Items will be dynamically inserted here -->
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" id="deleteSelectedItems" class="btn btn-warning btn-sm">Delete</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="d-flex justify-content-between align-items-center mb-1">
            <div class="container m-0 p-0">
                <div class="d-flex justify-content-start align-items-center gap-1">
                    <button class="btn btn-warning btn-sm me-2" type="button" class="btn btn-primary"
                        data-bs-toggle="modal" data-bs-target="#AddStockItems">Add Item</button>
                    <div>
                        <form method="GET" action="{{ route('stock.view') }}" id="filterForm">
                            <div class="d-flex justify-content-end align-items-center gap-2">
                                <div class="dropdown p-0 m-0 bg-warning w-auto">
                                    <button class="btn btn-sm btn-secondary dropdown-toggle" type="button"
                                        id="yearDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                                        @if ($filterMonth !== 'all' && $filterMonth !== 'custom')
                                            {{ \Carbon\Carbon::parse($filterMonth)->format('F Y') }}
                                        @else
                                            <i class="fa-solid fa-filter me-2"></i> {{ strtoupper($filterMonth) }}
                                        @endif
                                    </button>
                                    <ul class="dropdown-menu" aria-labelledby="yearDropdown">
                                        @foreach ($filterData as $year => $months)
                                            <li class="year-item" data-year="{{ $year }}">
                                                <a class="dropdown-item" id="year{{ $year }}" href="#"><i
                                                        class="fa-solid fa-caret-left me-3"></i>{{ $year }}</a>
                                                <ul class="dropdown-menu month-list"
                                                    aria-labelledby="year{{ $year }}">
                                                    @foreach ($months as $monthName => $monthValue)
                                                        <li>
                                                            <button class="dropdown-item filterBtn" type="button"
                                                                name="selected_month"
                                                                value="{{ $year }}-{{ str_pad($monthValue, 2, '0', STR_PAD_LEFT) }}-01">
                                                                {{ $monthName }}
                                                            </button>
                                                        </li>
                                                    @endforeach
                                                </ul>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="container m-0 p-0">
                <div class="d-flex justify-content-end align-items-center gap-1">
                    <div class="">
                        <button id="stockReportDownloadBtn" type="button" data-downloaddate="{{ $filterMonth }}"
                            class="btn btn-sm btn-danger me-2"><i class="fa-solid fa-download text-white me-1"></i>
                            Report</button>
                    </div>
                </div>
            </div>
        </div>

        @foreach ($categoriesWithItemsAndDetails as $category)
            @php
                $orderNumberOpen = '';
                $orderType = $category->orderDates ?? '';
                if ($orderType != '' && !empty($orderType)) {
                    $orderNumberOpen = count($orderType) == 3 ? 3 : count($orderType) + 1;
                } else {
                    $orderNumberOpen = 1;
                }
            @endphp
            <div class="container my-2 d-flex justify-content-start align-items-center  gap-1"
                style="background-color:#d9d9d9">
                <h4 class="text-black item-category">Category Name: <span
                        class="text-black text-capitalize fw-bold">{{ $category->category_name }}</span></h4>
                @if ($category->stockItem && $category->stockItem->isNotEmpty())
                    <button class="btn btn-warning btn-sm addEsimationStockBtn" type="button">Add Estimations</button>
                    <button class="btn btn-warning btn-sm addEstimationOrderBtn" data-orderopen="{{ $orderNumberOpen }}"
                        type="button">Add Order</button>
                    <button class="btn btn-warning btn-sm AddUsedStockActiveBtn" type="button">Add Used Stock</button>
                    <button class="btn btn-sm btn-danger deleteStockItemBtn" data-items="{{ $category->stockItem }}"
                        type="button">
                        Delete Items
                    </button>
                @endif
            </div>
            <div class="table-responsive dataTable">
                <table class="table text-center text-uppercase align-middle roomSeatTable">
                    <thead>
                        <tr>
                            <th>S.NO</th>
                            <th>Items</th>
                            <th>
                                <span>Est. Stock</span>
                                <br>
                                <span id="EstDate{{ $category->id }}" style="font-size:0.6rem;color:#fff"></span>
                            </th>
                            @if ($orderNumberOpen <= 3)
                                <th>
                                    <span>Order 1</span>
                                    <br>
                                    <span id="orderDate1{{ $category->id }}"
                                        style="font-size:0.6rem;color:#fff">{{ !empty($category->orderDates) ? \Carbon\Carbon::parse($category->orderDates[0])->format('d-M-Y') : '' }}</span>
                                </th>
                            @endif
                            @if ($orderNumberOpen > 1 && $orderNumberOpen <= 3)
                                <th>
                                    <span>Order 2</span>
                                    <br>
                                    <span id="orderDate2{{ $category->id }}"
                                        style="font-size:0.6rem;color:#fff">{{ !empty($category->orderDates) && count($category->orderDates) > 1
                                            ? \Carbon\Carbon::parse($category->orderDates[1])->format('d-M-Y')
                                            : '' }}</span>
                                </th>
                            @endif

                            @if ($orderNumberOpen > 2 && $orderNumberOpen <= 3)
                                <th>
                                    <span>Order 3</span>
                                    <br>
                                    <span id="orderDate3{{ $category->id }}"
                                        style="font-size:0.6rem;color:#fff">{{ !empty($category->orderDates) && count($category->orderDates) > 2
                                            ? \Carbon\Carbon::parse($category->orderDates[2])->format('d-M-Y')
                                            : '' }}</span>
                                </th>
                            @endif
                            <th>
                                Prev Rem stock
                            </th>
                            <th>Total Stock</th>
                            <th>Used Stock</th>
                            <th>Remaining Stock</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody class="align-middle text-uppercase">
                        @php $count = 1; @endphp
                        @foreach ($category->stockItem as $stockItem)
                            <tr>
                                <td>{{ $count++ }}</td>
                                <td>{{ $stockItem->itemName }}</td>
                                <td class="StimationStocks">
                                    <input class="item_category_ids" type="hidden"
                                        value="{{ $stockItem->id }},{{ $stockItem->category_id }}">
                                    <div class="input-group addEstimationStockDiv"
                                        data-previous="{{ $stockItem->previousMonthData ? $stockItem->previousMonthData->est_stock : 0 }}">
                                        <input class="form-control estimationStockValue" name="estimationStock"
                                            data-value="{{ $stockItem->itemDetails->est_stock ?? '' }}"
                                            value="{{ $stockItem->itemDetails->est_stock ?? 0 }}" type="number"
                                            readonly>
                                        <label class="input-group-text">{{ $stockItem->itemUnite }}</label>
                                    </div>
                                </td>
                                @if ($orderNumberOpen <= 3)
                                    <td class="order1">
                                        <!-- <span class="EstimationOrder1">{{ $stockItem->itemDetails->order1 ?? 0 }}</span> -->
                                        <input class="item_category_estDate_ids" type="hidden"
                                            value="{{ $stockItem->id }},{{ $stockItem->category_id }},{{ $stockItem->itemDetails->month ?? '' }}">
                                        <div class="input-group">
                                            <input class="form-control estOrderValue estimationOrder1Value" readonly
                                                data-column="1" value="{{ $stockItem->itemDetails->order1 ?? 0 }}"
                                                name="estimationStock">
                                            <label class="input-group-text">{{ $stockItem->itemUnite }}</label>
                                        </div>
                                    </td>
                                @endif
                                @if ($orderNumberOpen > 1 && $orderNumberOpen <= 3)
                                    <td class="order2">
                                        <!-- <span class="EstimationOrder2">{{ $stockItem->itemDetails->order2 ?? 0 }}</span> -->
                                        <div class="input-group">
                                            <input class="form-control estOrderValue estimationOrder2Value" readonly
                                                data-column="2" value="{{ $stockItem->itemDetails->order2 ?? 0 }}"
                                                name="estimationStock">
                                            <label class="input-group-text">{{ $stockItem->itemUnite }}</label>
                                        </div>
                                        <input class="item_category_estDate_ids" type="hidden"
                                            value="{{ $stockItem->id }},{{ $stockItem->category_id }},{{ $stockItem->itemDetails->month ?? '' }}">
                                    </td>
                                @endif
                                @if ($orderNumberOpen > 2 && $orderNumberOpen <= 3)
                                    <td class="order3">
                                        <!-- <span class="EstimationOrder3">{{ $stockItem->itemDetails->order3 ?? 0 }}</span> -->
                                        <input class="item_category_estDate_ids" type="hidden"
                                            value="{{ $stockItem->id }},{{ $stockItem->category_id }},{{ $stockItem->itemDetails->month ?? '' }}">
                                        <div class="input-group">
                                            <input class="form-control estOrderValue estimationOrder3Value" readonly
                                                data-column="3" value="{{ $stockItem->itemDetails->order3 ?? 0 }}"
                                                name="estimationStock">
                                            <label class="input-group-text">{{ $stockItem->itemUnite }}</label>
                                        </div>
                                    </td>
                                @endif
                                <td>
                                    <div class="input-group">
                                        <input type="number" min="0" readonly class="form-control" readonly
                                            value="{{ $stockItem ? ($stockItem->previousMonthData ? $stockItem->previousMonthData->remaningStock : 0) : 0 }}">
                                        <label class="input-group-text">{{ $stockItem->itemUnite }}</label>
                                    </div>
                                </td>
                                <td class=" text-capitalize">
                                    <div class="input-group">
                                        @php
                                            $previousMonthReaming = $stockItem->previousMonthData
                                                ? $stockItem->previousMonthData->remaningStock
                                                : 0;
                                            $currentTotalStock = $stockItem->itemDetails
                                                ? $stockItem->itemDetails->total_stock
                                                : 0;
                                            $totalStock = $previousMonthReaming + $currentTotalStock;
                                        @endphp

                                        <input type="number" min="0" readonly class="form-control"
                                            value="{{ $totalStock }}">
                                        <label class="input-group-text">{{ $stockItem->itemUnite }}</label>
                                    </div>
                                </td>
                                <td class="usedStockRow">
                                    <!-- <span class="EstimationUsedStock">{{ $stockItem->itemDetails->used_stock ?? 0 }}</span> -->
                                    <input class="used_item_category_estDate_ids" type="hidden"
                                        value="{{ $stockItem->id }},{{ $stockItem->category_id }},{{ $stockItem->itemDetails->month ?? '' }}">
                                    <div class="input-group">
                                        <input class="form-control usedStockValue" readonly
                                            value="{{ $stockItem->itemDetails->used_stock ?? 0 }}" name="estimationStock"
                                            type="number">
                                        <label class="input-group-text">{{ $stockItem->itemUnite }}</label>
                                    </div>
                                </td>
                                <td>
                                    <div class="input-group">
                                        <input type="number" min="0" class="form-control" readonly
                                            value="{{ ($stockItem->itemDetails->remaningStock ?? 0) + $previousMonthReaming }}">
                                        <label class="input-group-text">{{ $stockItem->itemUnite }}</label>
                                    </div>
                                </td>
                                <td>
                                    <div class="d-flex justify-content-center align-items-center">
                                        @if ($stockItem->itemDetails)
                                            <button class="btn StockITemDeleteBtn" type="button"><i
                                                    class="fa-solid fa-trash-can text-danger"></i></button>
                                        @endif
                                        <input type="hidden" name="deleteItems" class="deleteItemValues"
                                            value="{{ $stockItem->id }},{{ $stockItem->category_id }},{{ $stockItem->itemDetails->month ?? '' }}">

                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        <tr>
                            <td></td>
                            <td></td>
                            <td class="StimationStocks"></td>
                            @if ($orderNumberOpen <= 3)
                                <td class="order1">
                                </td>
                            @endif
                            @if ($orderNumberOpen > 1 && $orderNumberOpen <= 3)
                                <td class="order2">
                                </td>
                            @endif
                            @if ($orderNumberOpen > 2 && $orderNumberOpen <= 3)
                                <td class="order3">
                                </td>
                            @endif
                            <td></td>
                            <td></td>
                            <td class="usedStockRow"></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        @endforeach
    </div>
    <div>
        <script>
            // get Getegory name
            $(document).ready(function() {
                $.ajax({
                    url: "getGetegoryNames",
                    method: "get",
                    success: function(response) {
                        $.each(response, function(index, data) {
                            $("#StockItemCategoryName").append("<option value='" + data
                                .category_name + "(" + data.id + ")" + "'>" + data
                                .category_name + "</option>");
                        });
                    },
                    error: function(response) {
                        console.log(response);
                    }
                });
                // delete ITem form the list
                $(document).on("click", ".deleteStockItem", function() {
                    var closestRow = $(this).closest("tr");
                    closestRow.remove();
                });

                // Add Stock Item

                $("#AddItemStockItmeBtn").click(function() {
                    $("#AddItemStockItmeBtn").prop("disabled", true);
                    var tableData = [];
                    if (!$("#AddCategoryBox").hasClass("d-none")) {
                        var categoryName = $("#AddCategroy").val();
                    } else {
                        var categoryName = "";
                    }
                    // Iterate through each row in the table
                    $("#StockItemList tr").each(function() {
                        var rowData = {
                            category: $(this).find("td:eq(0)").text(),
                            name: $(this).find("td:eq(1)").text(),
                            units: $(this).find("td:eq(2)").text()
                        };
                        tableData.push(rowData);
                    });
                    if (tableData.length !== 0) {
                        $.ajax({
                            url: "StoreStockItems",
                            method: "get",
                            data: {
                                TableData: tableData,
                                categoryName: categoryName
                            },
                            success: function(response) {
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Stock Items',
                                    "text": "Item Added Successfully"
                                });
                                setInterval(function() {
                                    location.reload();
                                }, 1000)
                            },
                            error: function() {
                                $("#AddStockItems").modal("hide");
                                Swal.fire({
                                    title: 'Stock Item',
                                    icon: 'error',
                                    text: "Stock Item not added , Try Again"
                                });
                            }
                        });
                    }
                });

                // add Estimation Stock Start
                $(document).on("click", ".addEsimationStockBtn", function() {
                    var tr = $(this).closest("div.container").next(".table-responsive").find("tbody tr");
                    $(this).toggleClass("disabled");
                    tr.each(function() {
                        var previousEstValue = $(this).find('.addEstimationStockDiv').data('previous');
                        var estimationStockValue = $(this).find(".estimationStockValue")
                        estimationStockValue.attr('readonly', false);
                        $(estimationStockValue).css('border', '1px solid orange');
                        let currentValue = estimationStockValue.val();
                        if (currentValue == 0) {
                            estimationStockValue.val(previousEstValue ?? 0);
                        }
                    });
                    var secondToLastRow = $(this).closest("div.container").next(".table-responsive").find(
                        "tbody tr:last-child()");
                    var inputGroupDiv = $('<div>').addClass('input-group input-group-sm');
                    var addMonthButton =
                        '<button class="btn btn-warning btn-sm py-0 AddEst" type="button">Add EST</button>';
                    var inputMonth =
                        '<input class="form-control" type="month" name="newMonth" placeholder="Select Month" style="border:1px solid orange;">';
                    inputGroupDiv.append(inputMonth, addMonthButton);
                    var estStockColumn = secondToLastRow.find(".StimationStocks");
                    estStockColumn.html(inputGroupDiv);
                });
                $(document).on("click", ".AddEst", function() {
                    var ValidationInput = true;
                    var row = $(this).closest("tr");
                    var selectedMonth = row.find("input[name='newMonth']").val();
                    if (selectedMonth === "") {
                        row.find("input[name='newMonth']").addClass("invalid");
                        ValidationInput = false;
                    }

                    var estimationValues = [];
                    var itemCategoryIds = [];
                    row.parent().find("tr").each(function() {
                        var itemIdCategory = $(this).find(".item_category_ids").val();
                        itemCategoryIds.push(itemIdCategory);
                        var estimationValue = $(this).find(".estimationStockValue").val();
                        if (estimationValue === "") {
                            $(this).find(".estimationStockValue").addClass("invalid");
                            ValidationInput = false;
                        }
                        estimationValues.push(estimationValue);
                    });
                    $EstData = {
                        month: selectedMonth,
                        estimationValues: estimationValues,
                        itemCategoryIds: itemCategoryIds
                    };
                    if (ValidationInput === true) {
                        $(this).attr('disabled', true);
                        activeModel();
                        $.ajax({
                            url: "StoreEstimationStock",
                            method: "get",
                            data: {
                                EstData: $EstData
                            },
                            success: function(response) {
                                location.reload();
                            },
                            error: function() {
                                console.log("error");
                            }
                        })
                    }
                });
            });

            //  add Estimation Stock End

            // add Estimation order start

            $(document).on("click", ".addEstimationOrderBtn", function() {
                let openOrder = $(this).data('orderopen');
                $(this).addClass("disabled");
                var tr = $(this).closest("div.container").next(".table-responsive").find("tbody tr");
                var rowCount = tr.length;
                var ColumnOrder = openOrder;
                var checkEst = true;
                for (var i = openOrder; i <= 3; i++) {
                    var ClassName = ".estimationOrder" + i + "Value";
                    var ShowValues = tr.find(".EstimationOrder" + i);
                    var trOrderClass = ".order" + i;
                    var ChangeOrder = true;
                    var TrCounter = 0;
                    var tableRowCounter = 1;
                    tr.each(function() {
                        var checkEstimationFilled = $(this).find(".estimationStockValue").data('value');
                        if (checkEstimationFilled === "") {
                            checkEst = false;
                            return false;
                        } else {
                            var estimationOrderValue = $(this).find(ClassName);
                            tableRowCounter++;
                            $(estimationOrderValue).attr('readonly', false);
                            $(estimationOrderValue).css('border', '1px solid orange');
                            $(ShowValues).addClass("d-none");
                            if (estimationOrderValue.val() === "0" || checkEstimationFilled === "") {
                                ChangeOrder = true;
                                TrCounter++;
                            } else {
                                if (TrCounter >= 1) {
                                    $(estimationOrderValue).attr('type', 'number');
                                    $(ShowValues).addClass("d-none");
                                    if (tableRowCounter > rowCount) {
                                        return false
                                    }
                                } else {
                                    if (tableRowCounter > rowCount) {
                                        $(ClassName).attr('type', 'hidden');
                                        $(ShowValues).removeClass("d-none");
                                    }
                                    ChangeOrder = false;
                                }
                            }
                        }

                    });
                    if (checkEst === false) {
                        swal({
                            icon: "warning",
                            title: "Est Warning",
                            "text": "Please filled all Est Stock Value before fill the order!"
                        });
                        setInterval(function() {
                            location.reload();
                        }, 2000);
                    } else if (ChangeOrder === true) {
                        var secondToLastRow = $(this).closest("div.container").next(".table-responsive").find(
                            "tbody tr:last-child()");
                        var addMonthButton = '<button class="btn btn-warning btn-sm py-0 AddOrder" data-tableorder="' +
                            ColumnOrder + '" type="button">Add Order</button>';
                        var inputMonth =
                            '<input class="form-control" type="date" name="orderPlacedData" placeholder="Select Month">';
                        var inputGroupDiv = $('<div>').addClass('input-group input-group-sm');
                        inputGroupDiv.append(inputMonth, addMonthButton);
                        var estStockColumn = secondToLastRow.find(trOrderClass);
                        estStockColumn.append(estStockColumn.html(), inputGroupDiv);
                        break;
                    } else {
                        continue;
                    }
                }

            });

            $(document).on("click", ".AddOrder", function() {
                var tableOrder = $(this).data("tableorder");
                var ValidationInput = true;
                var row = $(this).closest("tr");
                var selectedMonth = row.find("input[name='orderPlacedData']").val();
                if (selectedMonth === "") {
                    row.find("input[name='orderPlacedData']").addClass("invalid");
                    ValidationInput = false;
                }
                var estimationValues = [];
                var itemCategoryIds = [];
                row.parent().find("tr").each(function() {
                    var itemIdCategory = $(this).find(".item_category_estDate_ids:not(.d-none)").val();
                    itemCategoryIds.push(itemIdCategory);
                    var ValueClass = ".estimationOrder" + tableOrder + "Value";
                    var estimationValue = $(this).find(ValueClass).val();
                    if (estimationValue === "") {
                        $(this).find(".estOrderValue").addClass("invalid");
                        ValidationInput = false;
                    }
                    estimationValues.push(estimationValue);
                });
                $EstData = {
                    tableOrder: tableOrder,
                    estimationValues: estimationValues,
                    itemCategoryIds: itemCategoryIds,
                    orderDate: selectedMonth
                };
                if (ValidationInput === true) {
                    $(this).attr('disabled', true);
                    activeModel();
                    $.ajax({
                        url: "StoreEstimationOrder",
                        method: "get",
                        data: {
                            EstOrdeData: $EstData
                        },
                        success: function(response) {
                            location.reload();
                        },
                        error: function() {
                            console.log("error");
                        }
                    })
                }
            });
            // add Estimation order end
            // add Estimation Used Stock Start
            $(document).on("click", ".AddUsedStockActiveBtn", function() {
                var tr = $(this).closest("div.container").next(".table-responsive").find("tbody tr");
                $(this).toggleClass("disabled");
                tr.each(function() {
                    var estimationStockValue = $(this).find(".usedStockValue").attr("readonly", false);
                    estimationStockValue.css('border', '1px solid orange');
                    // var ShowValues = $(this).find(".EstimationUsedStock").addClass("d-none");
                });
                var secondToLastRow = $(this).closest("div.container").next(".table-responsive").find(
                    "tbody tr:last-child()");
                var addMonthButton =
                    '<button class="btn btn-warning mt-1 btn-sm AddUsedStock" type="button">Add Used Stock</button>';
                // var inputMonth = '<input class="form-control mt-2" type="month" name="newMonth" placeholder="Select Month">';
                var estStockColumn = secondToLastRow.find(".usedStockRow");
                estStockColumn.html(estStockColumn.html() + addMonthButton);
            });

            $(document).on("click", ".AddUsedStock", function() {
                var ValidationInput = true;
                var row = $(this).closest("tr");
                var estimationValues = [];
                var itemCategoryIds = [];
                row.parent().find("tr").each(function() {
                    var itemIdCategory = $(this).find(".used_item_category_estDate_ids").val();
                    itemCategoryIds.push(itemIdCategory);
                    var estimationValue = $(this).find(".usedStockValue").val();
                    if (estimationValue === "") {
                        $(this).find(".usedStockValue").addClass("invalid");
                        ValidationInput = false;
                    }
                    estimationValues.push(estimationValue);
                });
                $EstData = {
                    estimationValues: estimationValues,
                    itemCategoryIds: itemCategoryIds
                };
                if (ValidationInput === true) {
                    $(this).attr('disabled', true);
                    activeModel();
                    $.ajax({
                        url: "AddUsedStockData",
                        method: "get",
                        data: {
                            EstData: $EstData
                        },
                        success: function(response) {
                            location.reload();
                        },
                        error: function() {
                            console.log("error");
                        }
                    })
                }
            });

            // add Estimation Used Stock End

            // Delete Estimation stock item start 
            $(document).on("click", ".StockITemDeleteBtn", function() {
                $tr = $(this).closest("tr").find(".deleteItemValues");
                $DelteItemData = $tr.val();
                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: "DeleteStockITems",
                            method: "get",
                            data: {
                                itemDetails: $DelteItemData
                            },
                            success: function(response) {
                                Swal.fire({
                                    title: 'success',
                                    icon: 'success',
                                    text: "Item Delete Successfully"
                                });
                                setTimeout(() => {
                                    location.reload();
                                }, 1000);
                            },
                            error: function(response) {
                                Swal.fire({
                                    title: 'error',
                                    icon: 'error',
                                    message: "Item is not Delete !"
                                });
                                setTimeout(() => {
                                    location.reload();
                                }, 1000);
                            }

                        })
                    }
                })

            });

            // add Item Stock into table
            function AdditemStock() {
                $(this).attr("disabled", true);
                let TableName = $("#StockItemList");
                let StockItemCategory = $("#StockItemCategoryName").val();
                let StockItemName = $("#StockItemName").val();
                let StockItemUnites = $("#StockItemUnites").val();

                if (StockItemCategory && StockItemName && StockItemUnites) {
                    // Create a new row and append cells with the values
                    var btn = $("<button class='btn btn-sm deleteStockItem' type='button'>");
                    btn.append("<i class='fa-solid fa-trash-can text-danger'>");
                    var newRow = $("<tr>");
                    newRow.append($("<td>").text(StockItemCategory));
                    newRow.append($("<td>").text(StockItemName));
                    newRow.append($("<td>").text(StockItemUnites));

                    newRow.append($("<td>").append(btn));
                    // Append the new row to the table body
                    TableName.append(newRow);

                    // Clear input fields
                    $("#StockItemCategoryName");
                    $("#StockItemName").val("");
                    $("#StockItemUnites");
                    setTimeout(function() {
                        $(this).attr("disabled", false);
                    }, 1000);

                } else {
                    alert("Please fill in all fields before adding to the table.");
                }
            }

            function AddNewCategory(value) {
                if (value === "001") {
                    $("#AddCategoryBox").removeClass("d-none");
                } else {
                    $("#AddCategoryBox").addClass("d-none");
                }
            }
            $("#stockReportDownloadBtn").on('click', function() {
                let month = $(this).data('downloaddate');
                $.ajax({
                    type: "get",
                    url: "{{ route('downloadStockReports') }}",
                    data: {
                        'date': month,
                    },
                    dataType: "json",
                    success: function(response) {
                        const downloadLink = response.downloadLink;
                        const fileName = response.fileName;
                        const a = document.createElement('a');
                        a.href = downloadLink;
                        a.download = fileName;
                        document.body.appendChild(a);
                        a.click();
                        document.body.removeChild(a);
                    },
                    error: function(Xhr) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Oops...',
                            text: 'Something went wrong!',
                            timer: 3000,
                            timerProgressBar: true,
                        });
                    }
                });
            });

            $(document).on('click', '.deleteStockItemBtn', function() {
                const items = $(this).data('items');

                // Empty the modal list before populating
                $('#stockItemsList').empty();
                // Loop through the items and append checkboxes to the modal
                $.each(items, function(index, item) {
                    $('#stockItemsList').append(`
            <div class="form-check">
                <input class="form-check-input stock-item-checkbox" type="checkbox" value="${item.id}" id="stockItem${item.id}">
                <label class="form-check-label" for="stockItem${item.id}">
                    ${item.itemName} (${item.itemUnite})
                </label>
            </div>
        `);
                });

                // Show the modal
                $('#deleteStockModal').modal('show');
            });

            $('#deleteSelectedItems').on('click', function() {
                const selectedItems = [];

                // Collect selected item IDs
                $('.stock-item-checkbox:checked').each(function() {
                    selectedItems.push($(this).val());
                });

                if (selectedItems.length > 0) {
                    $.ajax({
                        url: "{{ route('delete.stock.items') }}",
                        type: 'POST',
                        data: {
                            item_ids: selectedItems,
                            _token: '{{ csrf_token() }}'
                        },
                        success: function(response) {
                            if (response.status === 'success') {
                                $('#deleteStockModal').modal('hide');
                                Swal.fire({
                                    icon: 'success',
                                    "text": "Items delete successfully"
                                });
                                setInterval(function() {
                                    location.reload();
                                }, 1000)
                            } else {
                                Swal.fire({
                                    icon: 'error',
                                    "text": "Somthing Went Wrong! try again..."
                                });
                                setInterval(function() {
                                    location.reload();
                                }, 1000)
                            }
                        },
                        error: function(xhr, status, error) {
                            console.error('Error deleting items:', error);
                            alert('An error occurred while deleting items.');
                        }
                    });
                } else {
                    alert('Please select at least one item to delete.');
                }
            });


            $(".filterBtn").on('click', function() {
                const filterValue = $(this).val();
                const form = $("#filterForm");
                form.find('input[name="MontheFilter"]').remove();
                form.append(`<input type="hidden" name="MontheFilter" value="${filterValue}">`);
                form.submit();
            });
        </script>
    @endsection