@extends('layouts.app')

@section('title', 'Detalle del Gasto')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3 class="card-title mb-0">
                        <i class="fas fa-receipt me-2"></i>Detalle del Gasto: {{ $expense->expense_number }}
                    </h3>
                    <div>
                        <a href="{{ route('admin.purchases.expenses.edit', $expense) }}" class="btn btn-warning me-2">
                            <i class="fas fa-edit me-1"></i>Editar
                        </a>
                        <a href="{{ route('admin.purchases.expenses.print', $expense) }}" class="btn btn-dark me-2">
                            <i class="fas fa-print me-1"></i>Imprimir
                        </a>
                        <a href="{{ route('admin.purchases.expenses.index') }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left me-1"></i>Volver
                        </a>
                    </div>
                </div>

                <div class="card-body">
                    <div class="row">
                        <!-- Información General -->
                        <div class="col-md-6">
                            <div class="card mb-4">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">
                                        <i class="fas fa-info-circle me-2"></i>Información General
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <table class="table table-borderless">
                                        <tr>
                                            <td><strong>Número de Gasto:</strong></td>
                                            <td>{{ $expense->expense_number }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Fecha:</strong></td>
                                            <td>{{ $expense->expense_date->format('d/m/Y') }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Tipo de Documento:</strong></td>
                                            <td>
                                                <span class="badge bg-primary">{{ $expense->document_type_text }}</span>
                                                @if($expense->document_number)
                                                    <br><small class="text-muted">{{ $expense->document_number }}</small>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>Tipo de Gasto:</strong></td>
                                            <td><span class="badge bg-info">{{ $expense->expense_type_text }}</span></td>
                                        </tr>
                                        <tr>
                                            <td><strong>Descripción:</strong></td>
                                            <td>{{ $expense->description }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Creado por:</strong></td>
                                            <td>{{ $expense->createdBy->name ?? 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Fecha de creación:</strong></td>
                                            <td>{{ $expense->created_at->format('d/m/Y H:i') }}</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <!-- Información del Proveedor -->
                        <div class="col-md-6">
                            <div class="card mb-4">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">
                                        <i class="fas fa-building me-2"></i>Información del Proveedor
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <table class="table table-borderless">
                                        <tr>
                                            <td><strong>Nombre:</strong></td>
                                            <td>{{ $expense->supplier_name }}</td>
                                        </tr>
                                        @if($expense->supplier_ruc)
                                        <tr>
                                            <td><strong>RUC/Cédula:</strong></td>
                                            <td>{{ $expense->supplier_ruc }}</td>
                                        </tr>
                                        @endif
                                        @if($expense->supplier_address)
                                        <tr>
                                            <td><strong>Dirección:</strong></td>
                                            <td>{{ $expense->supplier_address }}</td>
                                        </tr>
                                        @endif
                                        @if($expense->supplier_phone)
                                        <tr>
                                            <td><strong>Teléfono:</strong></td>
                                            <td>{{ $expense->supplier_phone }}</td>
                                        </tr>
                                        @endif
                                        @if($expense->supplier_email)
                                        <tr>
                                            <td><strong>Email:</strong></td>
                                            <td>{{ $expense->supplier_email }}</td>
                                        </tr>
                                        @endif
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <!-- Montos y Pagos -->
                        <div class="col-md-6">
                            <div class="card mb-4">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">
                                        <i class="fas fa-dollar-sign me-2"></i>Montos y Pagos
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <table class="table table-borderless">
                                        <tr>
                                            <td><strong>Subtotal:</strong></td>
                                            <td>${{ $expense->formatted_subtotal }} {{ $expense->currency }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Impuestos:</strong></td>
                                            <td>${{ $expense->formatted_tax_amount }} {{ $expense->currency }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Retención:</strong></td>
                                            <td>
                                                @if($expense->is_retention_applied)
                                                    <span class="text-success">${{ $expense->formatted_retention_amount }} {{ $expense->currency }}</span>
                                                @else
                                                    <span class="text-muted">No aplicada</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr class="table-active">
                                            <td><strong>Total:</strong></td>
                                            <td><strong>${{ $expense->formatted_total_amount }} {{ $expense->currency }}</strong></td>
                                        </tr>
                                        @if($expense->exchange_rate != 1)
                                        <tr>
                                            <td><strong>Tasa de Cambio:</strong></td>
                                            <td>{{ $expense->exchange_rate }}</td>
                                        </tr>
                                        @endif
                                        <tr>
                                            <td><strong>Método de Pago:</strong></td>
                                            <td>
                                                @php
                                                    $methodText = match($expense->payment_method) {
                                                        'cash' => 'Efectivo',
                                                        'transfer' => 'Transferencia',
                                                        'check' => 'Cheque',
                                                        'credit_card' => 'Tarjeta de Crédito',
                                                        default => $expense->payment_method
                                                    };
                                                @endphp
                                                {{ $methodText }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>Estado de Pago:</strong></td>
                                            <td>
                                                @php
                                                    $statusClass = match($expense->payment_status) {
                                                        'pending' => 'bg-warning',
                                                        'paid' => 'bg-success',
                                                        'partial' => 'bg-info',
                                                        'cancelled' => 'bg-danger',
                                                        default => 'bg-secondary'
                                                    };
                                                @endphp
                                                <span class="badge {{ $statusClass }}">{{ $expense->payment_status_text }}</span>
                                            </td>
                                        </tr>
                                        @if($expense->payment_date)
                                        <tr>
                                            <td><strong>Fecha de Pago:</strong></td>
                                            <td>{{ $expense->payment_date->format('d/m/Y') }}</td>
                                        </tr>
                                        @endif
                                    </table>
                                </div>
                            </div>
                        </div>

                        <!-- Información del Gasto -->
                        <div class="col-md-6">
                            <div class="card mb-4">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">
                                        <i class="fas fa-info-circle me-2"></i>Información del Gasto
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <table class="table table-borderless">
                                        <tr>
                                            <td><strong>Retención Aplicada:</strong></td>
                                            <td>
                                                @if($expense->is_retention_applied)
                                                    <span class="badge bg-success">Sí</span>
                                                @else
                                                    <span class="badge bg-warning">No</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>Impreso:</strong></td>
                                            <td>
                                                @if($expense->is_printed)
                                                    <span class="badge bg-success">Sí</span>
                                                @else
                                                    <span class="badge bg-secondary">No</span>
                                                @endif
                                            </td>
                                        </tr>
                                        @if($expense->approved_by)
                                        <tr>
                                            <td><strong>Aprobado por:</strong></td>
                                            <td>{{ $expense->approvedBy->name ?? 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>Fecha de aprobación:</strong></td>
                                            <td>{{ $expense->approved_at->format('d/m/Y H:i') }}</td>
                                        </tr>
                                        @endif
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                    @if($expense->notes)
                    <div class="row">
                        <div class="col-12">
                            <div class="card mb-4">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">
                                        <i class="fas fa-sticky-note me-2"></i>Notas Adicionales
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <p class="mb-0">{{ $expense->notes }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

                    <!-- Acciones Adicionales -->
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">
                                        <i class="fas fa-cogs me-2"></i>Acciones Adicionales
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        @if(!$expense->is_retention_applied)
                                        <div class="col-md-4">
                                            <button type="button" class="btn btn-info w-100" 
                                                    onclick="applyRetention({{ $expense->id }})">
                                                <i class="fas fa-percentage me-1"></i>Aplicar Retención
                                            </button>
                                        </div>
                                        @endif
                                        
                                        @if(!$expense->approved_by)
                                        <div class="col-md-4">
                                            <form action="{{ route('admin.purchases.expenses.approve', $expense) }}" 
                                                  method="POST" class="d-inline">
                                                @csrf
                                                <button type="submit" class="btn btn-success w-100" 
                                                        onclick="return confirm('¿Estás seguro de aprobar este gasto?')">
                                                    <i class="fas fa-check me-1"></i>Aprobar Gasto
                                                </button>
                                            </form>
                                        </div>
                                        @endif
                                        
                                        <div class="col-md-4">
                                            <a href="{{ route('admin.purchases.expenses.print', $expense) }}" 
                                               class="btn btn-dark w-100">
                                                <i class="fas fa-print me-1"></i>Imprimir
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal para Aplicar Retención -->
<div class="modal fade" id="retentionModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Aplicar Retención</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form id="retentionForm" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="retention_amount" class="form-label">Monto de Retención</label>
                        <input type="number" step="0.01" class="form-control" id="retention_amount" 
                               name="retention_amount" required max="{{ $expense->total_amount }}">
                        <div class="form-text">Monto máximo: ${{ $expense->formatted_total_amount }}</div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-primary">Aplicar Retención</button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection

@push('scripts')
<script>
function applyRetention(expenseId) {
    const form = document.getElementById('retentionForm');
    form.action = `/admin/purchases/expenses/${expenseId}/apply-retention`;
    
    const modal = new bootstrap.Modal(document.getElementById('retentionModal'));
    modal.show();
}
</script>
@endpush