@extends('layouts.app')

@section('title', 'Detalles de Cuenta por Pagar')

@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-credit-card mr-2"></i>
                            Cuenta por Pagar: {{ $account->account_number }}
                        </h3>
                        <div>
                            <a href="{{ route('admin.purchases.accounts-payable.index') }}" class="btn btn-secondary">
                                <i class="fas fa-arrow-left mr-1"></i>
                                Volver
                            </a>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    <!-- Información de la cuenta -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h6>Información de la Cuenta</h6>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-6"><strong>Número:</strong></div>
                                        <div class="col-6">{{ $account->account_number }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6"><strong>Fecha:</strong></div>
                                        <div class="col-6">{{ $account->created_at ? $account->created_at->format('d/m/Y') : 'N/A' }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6"><strong>Estado:</strong></div>
                                        <div class="col-6">
                                            @php
                                                $statusClasses = [
                                                    'pending' => 'badge-warning',
                                                    'partial' => 'badge-primary',
                                                    'paid' => 'badge-success',
                                                    'overdue' => 'badge-danger',
                                                    'cancelled' => 'badge-dark'
                                                ];
                                            @endphp
                                            <span class="badge {{ $statusClasses[$account->status] ?? 'badge-secondary' }}">
                                                {{ ucfirst($account->status) }}
                                            </span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6"><strong>Monto Original:</strong></div>
                                        <div class="col-6">${{ number_format($account->original_amount, 2) }}</div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6"><strong>Saldo Actual:</strong></div>
                                        <div class="col-6">${{ number_format($account->current_balance, 2) }}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h6>Información del Proveedor</h6>
                                </div>
                                <div class="card-body">
                                    @if($account->supplier)
                                        <div class="row">
                                            <div class="col-6"><strong>Empresa:</strong></div>
                                            <div class="col-6">{{ $account->supplier->business_name }}</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6"><strong>NIT:</strong></div>
                                            <div class="col-6">{{ $account->supplier->tax_id ?? 'N/A' }}</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6"><strong>Teléfono:</strong></div>
                                            <div class="col-6">{{ $account->supplier->phone ?? 'N/A' }}</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-6"><strong>Email:</strong></div>
                                            <div class="col-6">{{ $account->supplier->email ?? 'N/A' }}</div>
                                        </div>
                                    @else
                                        <div class="alert alert-warning">Proveedor no encontrado</div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Resumen financiero -->
                    <div class="row mb-4">
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-success"><i class="fas fa-dollar-sign"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Monto Original</span>
                                    <span class="info-box-number">${{ number_format($account->original_amount, 2) }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-warning"><i class="fas fa-exclamation-triangle"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Saldo Actual</span>
                                    <span class="info-box-number">${{ number_format($account->current_balance, 2) }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-info"><i class="fas fa-hand-holding-usd"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Total Pagado</span>
                                    <span class="info-box-number">${{ number_format($account->total_paid, 2) }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-primary"><i class="fas fa-percentage"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">Descuentos</span>
                                    <span class="info-box-number">${{ number_format($account->total_discount, 2) }}</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Historial de pagos -->
                    <div class="row mb-4">
                        <div class="col-12">
                            <h5>Historial de Pagos</h5>
                            <div class="table-responsive">
                                <table class="table table-striped table-hover">
                                    <thead class="thead-dark">
                                        <tr>
                                            <th>Fecha</th>
                                            <th>Monto</th>
                                            <th>Método</th>
                                            <th>Referencia</th>
                                            <th>Notas</th>
                                            <th>Pagado por</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($account->payments as $payment)
                                            <tr>
                                                <td>{{ $payment->payment_date ? $payment->payment_date->format('d/m/Y') : 'N/A' }}</td>
                                                <td>${{ number_format($payment->amount, 2) }}</td>
                                                <td>{{ ucfirst($payment->payment_method) }}</td>
                                                <td>{{ $payment->reference ?? 'N/A' }}</td>
                                                <td>{{ $payment->notes ?? 'N/A' }}</td>
                                                <td>{{ $payment->paidBy->name ?? 'N/A' }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="6" class="text-center text-muted">No hay pagos registrados</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    <!-- Historial de descuentos -->
                    @if($account->discounts->count() > 0)
                        <div class="row mb-4">
                            <div class="col-12">
                                <h5>Historial de Descuentos</h5>
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover">
                                        <thead class="thead-dark">
                                            <tr>
                                                <th>Fecha</th>
                                                <th>Monto</th>
                                                <th>Porcentaje</th>
                                                <th>Motivo</th>
                                                <th>Aplicado por</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($account->discounts as $discount)
                                                <tr>
                                                    <td>{{ $discount->applied_date ? $discount->applied_date->format('d/m/Y') : 'N/A' }}</td>
                                                    <td>${{ number_format($discount->amount, 2) }}</td>
                                                    <td>{{ number_format($discount->percentage, 2) }}%</td>
                                                    <td>{{ $discount->reason ?? 'N/A' }}</td>
                                                    <td>{{ $discount->appliedBy->name ?? 'N/A' }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    @endif

                    <!-- Historial de penalizaciones -->
                    @if($account->penalties->count() > 0)
                        <div class="row mb-4">
                            <div class="col-12">
                                <h5>Historial de Penalizaciones</h5>
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover">
                                        <thead class="thead-dark">
                                            <tr>
                                                <th>Fecha</th>
                                                <th>Monto</th>
                                                <th>Porcentaje</th>
                                                <th>Motivo</th>
                                                <th>Aplicado por</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($account->penalties as $penalty)
                                                <tr>
                                                    <td>{{ $penalty->applied_date ? $penalty->applied_date->format('d/m/Y') : 'N/A' }}</td>
                                                    <td>${{ number_format($penalty->amount, 2) }}</td>
                                                    <td>{{ number_format($penalty->percentage, 2) }}%</td>
                                                    <td>{{ $penalty->reason ?? 'N/A' }}</td>
                                                    <td>{{ $penalty->appliedBy->name ?? 'N/A' }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>

                <div class="card-footer">
                    <div class="d-flex justify-content-between">
                        <div>
                            @if($account->status !== 'paid')
                                <button type="button" class="btn btn-success" onclick="addPayment()">
                                    <i class="fas fa-plus mr-1"></i>
                                    Agregar Pago
                                </button>
                                <button type="button" class="btn btn-warning mr-2" onclick="addDiscount()">
                                    <i class="fas fa-percentage mr-1"></i>
                                    Agregar Descuento
                                </button>
                                <button type="button" class="btn btn-danger" onclick="addPenalty()">
                                    <i class="fas fa-exclamation-triangle mr-1"></i>
                                    Agregar Penalización
                                </button>
                            @endif
                        </div>
                        <div>
                            <button type="button" class="btn btn-info" onclick="printAccount()">
                                <i class="fas fa-print mr-1"></i>
                                Imprimir
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal para agregar pago -->
<div class="modal fade" id="paymentModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Agregar Pago</h5>
                <button type="button" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <form id="paymentForm" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <label for="payment_amount">Monto del Pago</label>
                        <input type="number" step="0.01" class="form-control" id="payment_amount" name="payment_amount" required>
                    </div>
                    <div class="form-group">
                        <label for="payment_date">Fecha del Pago</label>
                        <input type="date" class="form-control" id="payment_date" name="payment_date" required>
                    </div>
                    <div class="form-group">
                        <label for="payment_method">Método de Pago</label>
                        <select class="form-control" id="payment_method" name="payment_method" required>
                            <option value="">Seleccionar método</option>
                            <option value="efectivo">Efectivo</option>
                            <option value="transferencia">Transferencia</option>
                            <option value="cheque">Cheque</option>
                            <option value="tarjeta">Tarjeta</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="reference">Referencia</label>
                        <input type="text" class="form-control" id="reference" name="reference">
                    </div>
                    <div class="form-group">
                        <label for="notes">Notas</label>
                        <textarea class="form-control" id="notes" name="notes" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Agregar Pago</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
function addPayment() {
    document.getElementById('paymentForm').action = '{{ route("admin.purchases.accounts-payable.add-payment", $account) }}';
    document.getElementById('payment_date').value = new Date().toISOString().split('T')[0];
    $('#paymentModal').modal('show');
}

function addDiscount() {
    // Implementar modal de descuento
    alert('Funcionalidad de descuento en desarrollo');
}

function addPenalty() {
    // Implementar modal de penalización
    alert('Funcionalidad de penalización en desarrollo');
}

function printAccount() {
    // Implementar impresión
    alert('Funcionalidad de impresión en desarrollo');
}
</script>
@endpush