@include('header')


<!--**********************************
            Content body start
        ***********************************-->
<div class="content-body">
    <div class="page-titles">
        <h5 class="dashboard_bar">Stock Information</h5>
        <ul class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">
                    Dashboard </a>
            </li>
            <li class="breadcrumb-item active"><a href="javascript:void(0)">Add Stock</a></li>
        </ul>
    </div>
    <div class="container">

        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Stock</h4>
                    </div>
                    <div class="card-body">
                        <div class="form-validation">

                            <form method="POST" action="{{ route('stock.add_stock') }}" id="stockForm">
                                @csrf
                                <input type="hidden" id="stock_id" name="id">

                                <div class="row align-items-center mb-3">
                                    <label class="col-md-1 col-form-label">Store <span
                                            class="text-danger">*</span></label>
                               <div class="col-md-2">
    @if(session('user_type') === 'Superadmin')
        <select class="default-placeholder" id="store" name="store_id" required>
            <option value="" selected disabled>Select Store</option>
            @foreach($store as $item)
                <option value="{{ $item->id }}"
                    {{ request('store_id') == $item->id ? 'selected' : '' }}>
                    {{ $item->store }}
                </option>
            @endforeach
        </select>
    @else
        {{-- Non-superadmin: Show store name, but store ID in hidden input --}}
        @php
            $userStore = $store->firstWhere('id', session('store_id'));
        @endphp

        <input type="hidden" name="store_id" value="{{ session('store_id') }}" id="store">
        <input type="text" class="form-control" value="{{ $userStore ? $userStore->store : 'Unknown Store' }}" readonly>
    @endif
</div>


                                    <label class="col-md-1 col-form-label">Product <span
                                            class="text-danger">*</span></label>
                                    <div class="col-md-2">
                                        <select class="default-placeholder" id="product" name="product_id" required>
                                            <option value="" selected disabled>Select Product</option>

                                        </select>
                                    </div>

                                    <label class="col-md-1 col-form-label">Quantity <span
                                            class="text-danger">*</span></label>
                                    <div class="col-md-2">
                                        <input type="number" name="stock" class="form-control text-capitalize"
                                            id="stock_input" placeholder="Enter Quantity" required>
                                    </div>
                                    <label class="col-md-1 col-form-label">Date <span
                                            class="text-danger">*</span></label>
                                    <div class="col-md-2">
                                        <input type="date" name="date" class="form-control datepicker-range" id="date"
                                            required>
                                    </div>
                                </div>

                                <div class="col-md-2">
                                    <button type="submit" class="btn btn-primary" id="submitBtn">Submit</button>
                                </div>
                            </form>

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

            </div>

        </div>
        <div class="col-xl-12">
            <div class="card dz-card" id="accordion-three">
                <div class="card-header flex-wrap d-flex justify-content-between border-0">
                    <div>
                        <h4 class="card-title">Stocks</h4>

                    </div>

                </div>

                <!-- /tab-content -->
                <div class="tab-content" id="myTabContent-2">
                    <div class="tab-pane fade show active" id="withoutSpace" role="tabpanel"
                        aria-labelledby="home-tab-2">
                        <div class="card-body pt-0">
                            <div class="table-responsive">
                                <table id="example3" class="display table" style="min-width: 845px">
                                    <thead>
                                        <tr>
                                            <th>S.No</th>
                                            <th>Store</th>
                                            <th>Product</th>
                                            <th>Quantity</th>
                                             <th>Date</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $sno = 1; @endphp

                                        @foreach($stock as $stock1)
                                        <tr>
                                            <td>
                                                {{ $sno++ }}

                                            </td>
                                            <td>{{ $stock1->store->store }}</td>
                                            <td>{{ $stock1->product->product }}</td>
                                            <td>{{ $stock1->quantity }}</td>
                                           <td>{{ \Carbon\Carbon::parse($stock1->date)->format('d-m-Y') }}</td>

                                            <td>
                                               <a href="javascript:void(0);"
   class="badge bg-primary text-decoration-none edit-stock"
   data-id="{{ $stock1->id }}"
   data-store-id="{{ $stock1->store_id }}"
   data-product-id="{{ $stock1->product_id }}"
   data-quantity="{{ $stock1->quantity }}"
   data-date="{{ $stock1->date }}">
   <i class="fas fa-pencil-alt"></i>
</a>

                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- /tab-content -->

            </div>
        </div>
    </div>
</div>
@include('footer')
<!-- Load SweetAlert2 -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<!-- Trigger Swal if session has success -->
@if(session('success'))
<script>
Swal.fire({
    title: 'Success!',
    text: {
        !!json_encode(session('success')) !!
    },
    icon: 'success'
}).then(() => {
    location.reload();
});
</script>
@endif

<script>
document.querySelectorAll('.edit-stock').forEach(function(button) {
    button.addEventListener('click', function() {
        const stockId = this.getAttribute('data-id');
        const storeId = this.getAttribute('data-store-id');
        const productId = this.getAttribute('data-product-id');
        const quantity = this.getAttribute('data-quantity');
        const date = this.getAttribute('data-date');

        // Fill form fields
        document.getElementById('stock_id').value = stockId;
        document.getElementById('stock_input').value = quantity;
        document.getElementById('date').value = date;

        // Set store but DON'T trigger change again
        $('#store').val(storeId);

        // Load products for store, and set selected product
        loadProductsForStore(storeId, productId);

        // Update form action and button
        document.getElementById('stockForm').action = '{{ route("stock.update_stock") }}';
        document.getElementById('submitBtn').innerText = 'Update';
    });
});




 function loadProductsForStore(storeId, selectedProductId = null) {
    $('#product').html('<option value="" selected disabled>Select Product</option>');

    if (storeId) {
        $.ajax({
            url: '{{ route("stock.getproducts") }}',
            type: 'GET',
            data: {
                _token: '{{ csrf_token() }}',
                store_id: storeId,
            },
            success: function(response) {
                if (response.products.length > 0) {
                    response.products.forEach(function(product) {
                        $('#product').append('<option value="' + product.id + '">' + product.product + '</option>');
                    });
                }

                if (selectedProductId) {
                    $('#product').val(selectedProductId).trigger('change');
                    $('#product').trigger('change.select2'); // if using Select2
                }
            }
        });
    }
}

$(document).ready(function () {
    const initialStoreId = $('#store').val();

    // Load products initially if store is already selected (e.g., non-superadmin)
    if (initialStoreId) {
        loadProductsForStore(initialStoreId, window.selectedProductIdForEdit || null);
    }

    // Trigger on change
    $('#store').on('change', function () {
        const storeId = $(this).val();
        loadProductsForStore(storeId);
    });
});


</script>