@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)">Stock</a></li>
        </ul>
    </div>
    <div class="container">

      
        <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>
                                        </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->updated_at)->format('d-m-Y') }}</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 stockName = this.getAttribute('data-name');
        const storeId = this.getAttribute('data-store-id'); // ✅ Get store ID

        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        });

        // ✅ Set the input value for editing
        document.getElementById('stock_input').value = stockName;

        // ✅ Set hidden input
        document.getElementById('stock_id').value = stockId;

        // ✅ Set store dropdown
        $('#store').val(storeId).trigger('change');

        // ✅ Set form action
        document.getElementById('stockForm').action = '{{ route("stock.update_stock") }}';

        // ✅ Change button label
        document.getElementById('submitBtn').innerText = 'Update';
    });
});
$(document).ready(function() {
    $('#store').on('change', function() {
        var storeId = $(this).val();
        // Clear the existing product options
        $('#product').html('<option value="" selected disabled>Select Product</option>');

        // Send an AJAX request to fetch products
        if (storeId) {
            $.ajax({
                url: '{{ route("stock.getproducts") }}', // Define this route in your routes file
                type: 'GET',
                data: {
                    _token: '{{ csrf_token() }}',
                    store_id: storeId,
                },
                success: function(response) {
                    // Check if response contains products
                    if (response.products.length > 0) {
                        response.products.forEach(function(product) {
                            $('#product').append('<option value="' + product.id +
                                '">' + product.product + '</option>');
                        });
                    }
                }
            });
        }
    });
});
</script>