芝麻web文件管理V1.00

编辑当前文件:/home/rejoandoctor/medicine.joruridoctor.com/resources/views/admin/addProductOut.blade.php

@extends('layouts.app')
@section('title', 'Product Out')
@section('content')
<div class="container py-4">
    <div class="card shadow-sm">
        <div class="card-header bg-danger text-white">
            <h4 class="mb-0">Product Out</h4>
        </div>
        <div class="card-body">
            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if(session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            
            @if ($errors->any())
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif

<div class="mb-4">
                <label for="invoice_date" class="form-label">Invoice Date</label>
                <input type="date" id="invoice_date" value="{{ date('Y-m-d') }}" class="form-control">
            </div>

<form id="product_form">
                @csrf
                <div class="row g-3">
                    <div class="col-md-8">
                        <label for="product_search" class="form-label">Search Product</label>
                        <input type="text" id="product_search" class="form-control" placeholder="Enter product name" autocomplete="off">
                        <input type="hidden" id="product_id">
                        <div id="product_list" class="list-group position-absolute shadow z-2"></div>
                    </div>

<div class="col-md-4">
                        <label for="quantity" class="form-label">Quantity</label>
                        <input type="number" id="quantity" class="form-control">
                    </div>
                </div>

<div class="mt-3">
                    <button type="button" id="add_btn" class="btn btn-danger">Add Product</button>
                </div>
            </form>

<h5 class="mb-3">Selected Products</h5>
            <div class="table-responsive">
                <table class="table table-bordered align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>Sl.</th>
                            <th>Product Name</th>
                            <th>Quantity</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody id="temp_products">
                        
                    </tbody>
                </table>
            </div>

<div class="text-end mt-3">
                <button type="button" id="store_all_btn" class="btn btn-primary">Store Out Selected Products</button>
            </div>
        </div>
    </div>
</div>

// Add Product to Temporary Table
    $('#add_btn').click(function() {
        let product_id = $('#product_id').val();
        let qty = $('#quantity').val();
        let date = $('#invoice_date').val();

if (!date || !product_id || !qty) {
            alert('Please fill in all required fields.');
            return;
        }

$.ajax({
            url: "{{ route('productOut.temp.store') }}",
            type: "POST",
            data: {
                product_id: product_id,
                quantity: qty,
                date: date,
                _token: "{{ csrf_token() }}"
            },
            success: function(response) {
                if (response.status === 'success') {
                    loadTempProducts();
                    
                    // ✅ Reset input fields
                    $('#product_search').val('');
                    $('#product_id').val('');
                    $('#quantity').val('');
                    $('#product_list').empty();

} else if (response.status === 'exists') {
                    alert('This product already exists in the list.');
                } else {
                    alert('Error storing product.');
                }
            },
            error: function(xhr) {
                alert("AJAX Error: " + xhr.responseText);
            }
        });
    });

// Load Temporary Products
    function loadTempProducts() {
        $.ajax({
            url: "{{ route('productOut.temp.fetch') }}",
            type: "GET",
            success: function(data) {
                $('#temp_products').empty();
                data.forEach((product, index) => {
                    $('#temp_products').append(`
                        <tr>
                            <td>${index + 1}</td>
                            <td>${product.product.product_name}</td>
                            <td>
                                <input type="number" class="form-control form-control-sm qty-update" data-id="${product.id}" value="${product.quantity}">
                            </td>
                            <td>
                                <button class="btn btn-danger btn-sm remove-product" data-id="${product.id}">Remove</button>
                            </td>
                        </tr>
                    `);
                });
            }
        });
    }

// Update Quantity in Temp Table
    $(document).on('input', '.qty-update', function() {
        let id = $(this).data('id');
        let quantity = $(this).val();

$.ajax({
            url: "{{ route('productOut.temp.updateQuantity') }}",
            type: "POST",
            data: {
                id: id,
                quantity: quantity,
                _token: "{{ csrf_token() }}"
            },
            success: function(response) {
                if (response.status !== 'success') {
                    alert('Error updating quantity.');
                }
            },
            error: function(xhr) {
                alert("AJAX Error: " + xhr.responseText);
            }
        });
    });

// Remove Product from Temp Table
    $(document).on('click', '.remove-product', function() {
        let id = $(this).data('id');
        $.ajax({
            url: "{{ route('productOut.remove', '') }}/" + id,
            type: "GET",
            success: function() {
                loadTempProducts();
            }
        });
    });

$('#store_all_btn').click(function() {
        $.ajax({
            url: "{{ route('productOut.store') }}",
            type: "POST",
            data: {
                _token: "{{ csrf_token() }}"
            },
            success: function(response) {
                console.log(response); // Debugging: Log full response in console
                if (response.status === 'success') {
                    alert('Products successfully store out from stock.');
                    location.reload();
                } else {
                    alert(response.message); // Show specific error message
                }
            },
            error: function(xhr) {
                console.log(xhr.responseText); // Debugging: Log full error response
                alert("AJAX Error: " + xhr.responseText);
            }
        });
    });

// Load Temporary Products on Page Load
    loadTempProducts();
});
</script>
@endsection