@extends('layouts.app')

@section('title', 'Editar Retención de Compra')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <h3 class="card-title">
                            <i class="fas fa-edit mr-2"></i>
                            Editar Retención de Compra
                        </h3>
                        <div>
                            <a href="{{ route('admin.purchases.retentions.show', $retention) }}" class="btn btn-secondary">
                                <i class="fas fa-arrow-left mr-1"></i>
                                Volver
                            </a>
                        </div>
                    </div>
                </div>

                <form action="{{ route('admin.purchases.retentions.update', $retention) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="card-body">
                        <!-- Información General -->
                        <div class="row mb-4">
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="mb-0"><i class="fas fa-info-circle mr-2"></i>Información General</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="supplier_id">Proveedor <span class="text-danger">*</span></label>
                                            <select name="supplier_id" id="supplier_id" class="form-control @error('supplier_id') is-invalid @enderror" required>
                                                <option value="">Seleccionar Proveedor</option>
                                                @foreach($suppliers as $supplier)
                                                    <option value="{{ $supplier->id }}" {{ old('supplier_id', $retention->supplier_id) == $supplier->id ? 'selected' : '' }}>
                                                        {{ $supplier->business_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('supplier_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label for="purchase_invoice_id">Factura de Compra <span class="text-danger">*</span></label>
                                            <select name="purchase_invoice_id" id="purchase_invoice_id" class="form-control @error('purchase_invoice_id') is-invalid @enderror" required>
                                                <option value="">Seleccionar Factura</option>
                                                @if($retention->purchaseInvoice)
                                                    <option value="{{ $retention->purchaseInvoice->id }}" selected>
                                                        {{ $retention->purchaseInvoice->invoice_number }} - {{ $retention->purchaseInvoice->supplier->business_name ?? 'N/A' }}
                                                    </option>
                                                @endif
                                            </select>
                                            @error('purchase_invoice_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label for="retention_date">Fecha de Retención <span class="text-danger">*</span></label>
                                            <input type="date" name="retention_date" id="retention_date" class="form-control @error('retention_date') is-invalid @enderror" value="{{ old('retention_date', $retention->retention_date ? $retention->retention_date->format('Y-m-d') : date('Y-m-d')) }}" required>
                                            @error('retention_date')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="mb-0"><i class="fas fa-calculator mr-2"></i>Detalles de Retención</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="retention_type">Tipo de Retención <span class="text-danger">*</span></label>
                                            <select name="retention_type" id="retention_type" class="form-control @error('retention_type') is-invalid @enderror" required>
                                                <option value="">Seleccionar Tipo</option>
                                                <option value="renta" {{ old('retention_type', $retention->retention_type) == 'renta' ? 'selected' : '' }}>Renta</option>
                                                <option value="iva" {{ old('retention_type', $retention->retention_type) == 'iva' ? 'selected' : '' }}>IVA</option>
                                                <option value="ica" {{ old('retention_type', $retention->retention_type) == 'ica' ? 'selected' : '' }}>ICA</option>
                                                <option value="cree" {{ old('retention_type', $retention->retention_type) == 'cree' ? 'selected' : '' }}>CREE</option>
                                            </select>
                                            @error('retention_type')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label for="retention_percentage">Porcentaje de Retención <span class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <input type="number" name="retention_percentage" id="retention_percentage" 
                                                       class="form-control @error('retention_percentage') is-invalid @enderror" 
                                                       value="{{ old('retention_percentage', $retention->retention_percentage) }}" 
                                                       min="0" max="100" step="0.01" required>
                                                <div class="input-group-append">
                                                    <span class="input-group-text">%</span>
                                                </div>
                                            </div>
                                            @error('retention_percentage')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label for="retention_amount">Monto de Retención</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">$</span>
                                                </div>
                                                <input type="text" id="retention_amount" class="form-control" value="{{ number_format($retention->retention_amount ?? 0, 2) }}" readonly>
                                            </div>
                                            <small class="form-text text-muted">Este monto se calcula automáticamente basado en el IVA de la factura y el porcentaje de retención.</small>
                                        </div>

                                        <div class="form-group">
                                            <label for="notes">Notas Adicionales</label>
                                            <textarea name="notes" id="notes" class="form-control @error('notes') is-invalid @enderror" rows="3" placeholder="Notas adicionales sobre la retención">{{ old('notes', $retention->notes) }}</textarea>
                                            @error('notes')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-save mr-1"></i>
                            Actualizar Retención
                        </button>
                        <a href="{{ route('admin.purchases.retentions.show', $retention) }}" class="btn btn-secondary">
                            <i class="fas fa-times mr-1"></i>
                            Cancelar
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@push('scripts')
<script>
    // Calcular retención cuando cambie el porcentaje o la factura
    $('#retention_percentage, #purchase_invoice_id').on('change', function() {
        const invoiceId = $('#purchase_invoice_id').val();
        const percentage = $('#retention_percentage').val();
        
        if (invoiceId && percentage) {
            // Hacer petición AJAX para calcular el monto de retención
            $.ajax({
                url: '{{ route("admin.purchases.retentions.calculate") }}',
                method: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    purchase_invoice_id: invoiceId,
                    retention_percentage: percentage
                },
                success: function(response) {
                    if (response.success) {
                        $('#retention_amount').val(response.formatted_amount);
                    }
                },
                error: function(xhr) {
                    console.error('Error al calcular retención:', xhr);
                }
            });
        }
    });
</script>
@endpush
@endsection