@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-10">
                <div class="card">
                    <div class="card-header">Crear albarán</div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('createDeliveryNote') }}">
                            @csrf
                            <div class="mb-3">
                                <label for="delivery_note_number" class="form-label">Nº Albaran</label>
                                <input type="text" readonly class="form-control" id="delivery_note_number" name="delivery_note_number" value="{{ date('Y') }}/{{ $salesmanAvailable[0]->current_delivery_note_number ?? '' }}/W" required>
                            </div>
                            <div class="mb-3">
                                <label for="name" class="form-label">Cliente</label>
                                <select class="form-select" name="customer_id" multiple aria-label="multiple select example" required>
                                    @foreach($customers as $customer)
                                        <option value="{{ $customer->id }}">{{ $customer->client_name }} - {{ $customer->client_address }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="salesman_id" class="form-label">Vendedor</label>
                                <select class="form-select" id="salesman_id" name="salesman_id">
                                    @foreach($salesmanAvailable as $salesman)
                                        <option value="{{ $salesman->id }}">{{ $salesman->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <hr>
                            <!-- Selector de productos -->
                            <p class="alert alert-secondary">Los productos mostrados a continuación son los disponibles en stock.</p>
                            <div class="mb-3">
                                <label for="product_id" class="form-label">Producto</label>
                                <select class="form-select" id="product_id" name="product_id">
                                    <option value="">Seleccionar item</option>
                                    @foreach($stock as $item)
                                        <option value="{{ $item->id }}" data-expiration="{{ date('Y-m-d', strtotime($item->expiration_date)) }}" data-batch="{{ $item->batch_number }}" data-price="{{ $item->product->base_price }}">{{ $item->product->product_name }} - Lote: {{ $item->batch_number }} - Cantidad en stock: {{ $item->current_quantity }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="quantity" class="form-label">Cantidad</label>
                                <input type="number" class="form-control" id="quantity" name="quantity" step="0.5" min="0.5">
                            </div>
                            <div class="mb-3">
                                <label for="expire_date" class="form-label">Fecha de caducidad</label>
                                <input type="date" readonly class="form-control" id="expire_date" name="expire_date">
                            </div>
                            <div class="mb-3">
                                <label for="batch" class="form-label">Lote</label>
                                <input type="text" readonly class="form-control" id="batch" name="batch">
                            </div>
                            <div class="mb-3">
                                <label for="price" class="form-label">Precio</label>
                                <input type="number" class="form-control" id="price" name="price" min="0.01" step="0.01">
                            </div>
                            <div class="mb-3 form-check">
                                <input type="checkbox" class="form-check-input" id="end_stock">
                                <label class="form-check-label" for="end_stock">¿Finalizar stock?</label>
                            </div>
                            <button type="button" id="add_button" class="btn btn-success">Añadir</button>
                            <br>
                            <br>
                            <div class="mb-3">
                                <label for="added_items" class="form-label">Items Añadidos</label>
                                <textarea readonly class="form-control" id="added_items" name="added_items" rows="10" required></textarea>
                            </div>
                            <!-- Fin selector de productos -->
                            <p class="alert alert-primary">El precio total se calculara automaticamente a partir de los datos introducidos </p>
                            <button type="submit" class="btn btn-primary">Crear</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        window.onload = function() {
            // Set default quantity to 0
            document.getElementById('quantity').value = 0;

            // Update delivery note number on salesman change
            document.getElementById('salesman_id').addEventListener('change', function() {
                document.getElementById('delivery_note_number').value = "{{ date('Y') }}/" + this.value;
            });

            // Update expiration date, batch number and price on product change
            document.getElementById('product_id').addEventListener('change', function() {
                var selectedOption = this.options[this.selectedIndex];
                document.getElementById('expire_date').value = selectedOption.getAttribute('data-expiration');
                document.getElementById('batch').value = selectedOption.getAttribute('data-batch');
                document.getElementById('price').value = selectedOption.getAttribute('data-price');
            });

            // Add item to textarea on add button click
            document.getElementById('add_button').addEventListener('click', function() {
                var productSelect = document.getElementById('product_id');
                var selectedProduct = productSelect.options[productSelect.selectedIndex].text.split(' - ')[0]; // Get only the product name
                var productId = productSelect.value;
                var quantityInput = document.getElementById('quantity');
                var quantity = parseFloat(quantityInput.value);
                var stockQuantityText = productSelect.options[productSelect.selectedIndex].text.match(/Cantidad en stock: (\d+)/); // Use regex to get the stock quantity
                var stockQuantity = stockQuantityText ? parseFloat(stockQuantityText[1]) : 0;

                // Check if a product is selected
                if (!productId) {
                    alert('Por favor, seleccione un producto.');
                    return;
                }

                // Check if the quantity is filled
                if (!quantityInput.value) {
                    alert('Por favor, introduzca una cantidad.');
                    return;
                }

                // Check if the quantity is less than or equal to the available stock
                if (quantity > stockQuantity) {
                    alert('No puede agregar más que la cantidad en stock.');
                    return;
                }

                var expireDate = document.getElementById('expire_date').value;
                var batch = document.getElementById('batch').value;
                var endStock = document.getElementById('end_stock').checked;
                var price = parseFloat(document.getElementById('price').value);

                if (price <= 0) {
                    alert('El precio debe ser mayor que 0.');
                    return;
                }

                var addedItems = document.getElementById('added_items');
                var lines = addedItems.value.split('\n');
                var found = false;
                var totalQuantity = 0;

                for (var i = 0; i < lines.length; i++) {
                    var line = lines[i];
                    var parts = line.split(' - ');
                    // Check both product name and batch number
                    if (parts[1] == selectedProduct && parts[4] == 'Lote: ' + batch) {
                        var oldQuantity = parseFloat(parts[2]);
                        totalQuantity += oldQuantity;
                    }
                }

                totalQuantity += quantity;

                if (totalQuantity > stockQuantity) {
                    alert('No puede agregar más que la cantidad en stock.');
                    return;
                }

                for (var i = 0; i < lines.length; i++) {
                    var line = lines[i];
                    var parts = line.split(' - ');
                    // Check both product name and batch number
                    if (parts[1] == selectedProduct && parts[4] == 'Lote: ' + batch) {
                        var newQuantity = parseFloat(parts[2]) + quantity;
                        var totalPrice = price * newQuantity; // Recalculate total price based on new quantity
                        lines[i] = productId + ' - ' + selectedProduct + ' - ' + newQuantity + ' - Fecha de caducidad: ' + expireDate + ' - Lote: ' + batch + ' - Precio por producto: ' + price + ' - Precio total: ' + totalPrice + (endStock ? ' - Finalizar Stock' : '');
                        found = true;
                        break;
                    }
                }

                if (!found) {
                    var totalPrice = price * quantity;
                    lines.push(productId + ' - ' + selectedProduct + ' - ' + quantity + ' - Fecha de caducidad: ' + expireDate + ' - Lote: ' + batch + ' - Precio por producto: ' + price + ' - Precio total: ' + totalPrice + (endStock ? ' - Finalizar Stock' : ''));
                }

                addedItems.value = lines.join('\n');

                // Reset product select, quantity, expiration date, batch number, price, and end stock checkbox
                productSelect.selectedIndex = 0;
                document.getElementById('quantity').value = '';
                document.getElementById('expire_date').value = '';
                document.getElementById('batch').value = '';
                document.getElementById('price').value = '';
                document.getElementById('end_stock').checked = false;
            });
        };
    </script>
@endsection