芝麻web文件管理V1.00

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

@extends('layouts.app')
@section('title', 'Product In')
@section('content')
<div class="container py-4">
    <div class="card shadow-sm">
        <div class="card-header bg-primary text-white">
            <h4 class="mb-0">Product In</h4>
        </div>
        <div class="card-body">
            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif

<div class="row">
                <div class="col-md-6">
                    <div class="mb-4">
                        <label for="invoice_number" class="form-label">Invoice Number</label>
                        <input type="text" id="invoice_number" class="form-control" value="{{ session('invoice_number') }}" required>
                    </div>
                </div>
                
                <div class="col-md-6">
                    <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" required>
                    </div>
                </div>
            </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="qty" class="form-label">Quantity</label>
                        <input type="number" id="qty" class="form-control">
                    </div>
                </div>

<div class="mt-3">
                    <button type="button" id="add_btn" class="btn btn-success">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>
                        @forelse($tempProducts as $product)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $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>
                                    <a href="{{ route('productIn.remove', $product->id) }}" class="btn btn-danger btn-sm">Remove</a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5" class="text-center">No products added yet.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="text-end mt-3">
                <form action="{{ route('productIn.store') }}" method="POST">
                    @csrf
                    <button type="submit" class="btn btn-primary">
                        Store All Products
                    </button>
                </form>
            </div>
        </div>
    </div> 
</div>

$('#product_search').keyup(function() {
        let query = $(this).val();
        if (query.length > 1) {
            $.ajax({
                url: "{{ route('product.search') }}",
                type: "GET",
                data: { query: query },
                success: function(data) {
                    let productList = $('#product_list').empty();
                    data.forEach(product => {
                        $('<div>')
                            .addClass('list-group-item list-group-item-action')
                            .text(product.product_name)
                            .click(function() {
                                $('#product_search').val(product.product_name);
                                $('#product_id').val(product.id);
                                productList.empty();
                            })
                            .appendTo(productList);
                    });
                }
            });
        } else {
            $('#product_list').empty();
        }
    });

$('#add_btn').click(function() {
        let product_id = $('#product_id').val();
        let qty = $('#qty').val();
        let date = $('#invoice_date').val();
        let invoice = $('#invoice_number').val();

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

$.ajax({
            url: "{{ route('productIn.temp.store') }}",
            type: "POST",
            data: {
                product_id: product_id,
                quantity: qty,
                date: date,
                invoice: invoice,
                _token: "{{ csrf_token() }}"
            },
            success: function(response) {
                if (response.status === 'success') {
                    location.reload();
                } 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);
            }
        });
    });

// Instant quantity update without extra click
    $(document).on('input', '.qty-update', function() {
        let id = $(this).data('id');
        let quantity = $(this).val();

$.ajax({
            url: "{{ route('productIn.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);
            }
        });
    });

});

</script>
@endsection