@extends('layouts.app')

@section('title', 'Detalles de Comisión')

@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">
                        <i class="fas fa-percentage me-2"></i>Detalles de Comisión #{{ $commission->id }}
                    </h3>
                    <div class="card-tools">
                        <a href="{{ route('admin.sales.commissions.index') }}" class="btn btn-outline-secondary">
                            <i class="fas fa-arrow-left me-1"></i>Volver
                        </a>
                        @if($commission->status === 'earned')
                            <form action="{{ route('admin.sales.commissions.mark-paid', $commission) }}" method="POST" class="d-inline">
                                @csrf
                                <button type="submit" class="btn btn-success" onclick="return confirm('¿Marcar como pagada?')">
                                    <i class="fas fa-check me-1"></i>Marcar como Pagada
                                </button>
                            </form>
                        @endif
                    </div>
                </div>

                <div class="card-body">
                    <div class="row">
                        <!-- Información Principal -->
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">Información de la Comisión</h5>
                                </div>
                                <div class="card-body">
                                    <table class="table table-borderless">
                                        <tr>
                                            <td class="fw-bold">ID:</td>
                                            <td>{{ $commission->id }}</td>
                                        </tr>
                                        <tr>
                                            <td class="fw-bold">Vendedor:</td>
                                            <td>
                                                <span class="badge bg-info">{{ $commission->salesman->name ?? 'N/A' }}</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="fw-bold">Factura:</td>
                                            <td>
                                                <a href="{{ route('admin.sales.invoices.show', $commission->sales_invoice_id) }}" class="text-decoration-none">
                                                    #{{ $commission->salesInvoice->invoice_number ?? 'N/A' }}
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="fw-bold">Monto de Venta:</td>
                                            <td class="fw-bold">{{ number_format($commission->sale_amount, 2) }} {{ getMainCurrency() }}</td>
                                        </tr>
                                        <tr>
                                            <td class="fw-bold">Porcentaje:</td>
                                            <td>{{ $commission->commission_percentage }}%</td>
                                        </tr>
                                        <tr>
                                            <td class="fw-bold">Comisión:</td>
                                            <td class="fw-bold text-success fs-5">{{ number_format($commission->commission_amount, 2) }} {{ getMainCurrency() }}</td>
                                        </tr>
                                        <tr>
                                            <td class="fw-bold">Estado:</td>
                                            <td>
                                                @switch($commission->status)
                                                    @case('pending')
                                                        <span class="badge bg-warning">Pendiente</span>
                                                        @if($commission->isOverdue())
                                                            <span class="badge bg-danger ms-1">Vencida</span>
                                                        @endif
                                                        @break
                                                    @case('earned')
                                                        <span class="badge bg-success">Ganada</span>
                                                        @break
                                                    @case('lost')
                                                        <span class="badge bg-danger">Perdida</span>
                                                        @break
                                                    @case('paid')
                                                        <span class="badge bg-primary">Pagada</span>
                                                        @break
                                                @endswitch
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="fw-bold">Fecha de Venta:</td>
                                            <td>{{ $commission->sale_date->format('d/m/Y') }}</td>
                                        </tr>
                                        <tr>
                                            <td class="fw-bold">Fecha de Vencimiento:</td>
                                            <td>{{ $commission->payment_deadline->format('d/m/Y') }}</td>
                                        </tr>
                                        @if($commission->payment_date)
                                            <tr>
                                                <td class="fw-bold">Fecha de Pago:</td>
                                                <td>{{ $commission->payment_date->format('d/m/Y') }}</td>
                                            </tr>
                                        @endif
                                    </table>
                                </div>
                            </div>
                        </div>

                        <!-- Información de la Regla -->
                        <div class="col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">Regla de Comisión</h5>
                                </div>
                                <div class="card-body">
                                    @if($commission->commissionRule)
                                        <table class="table table-borderless">
                                            <tr>
                                                <td class="fw-bold">Nombre:</td>
                                                <td>{{ $commission->commissionRule->name }}</td>
                                            </tr>
                                            <tr>
                                                <td class="fw-bold">Descripción:</td>
                                                <td>{{ $commission->commissionRule->description ?? 'Sin descripción' }}</td>
                                            </tr>
                                            <tr>
                                                <td class="fw-bold">Porcentaje:</td>
                                                <td>{{ $commission->commissionRule->commission_percentage }}%</td>
                                            </tr>
                                            <tr>
                                                <td class="fw-bold">Plazo de Pago:</td>
                                                <td>{{ $commission->commissionRule->payment_deadline_days }} días</td>
                                            </tr>
                                            <tr>
                                                <td class="fw-bold">Aplica a Todos los Productos:</td>
                                                <td>
                                                    <span class="badge {{ $commission->commissionRule->apply_to_all_products ? 'bg-success' : 'bg-secondary' }}">
                                                        {{ $commission->commissionRule->apply_to_all_products ? 'Sí' : 'No' }}
                                                    </span>
                                                </td>
                                            </tr>
                                            @if($commission->commissionRule->minimum_sale_amount)
                                                <tr>
                                                    <td class="fw-bold">Monto Mínimo:</td>
                                                    <td>{{ number_format($commission->commissionRule->minimum_sale_amount, 2) }} {{ getMainCurrency() }}</td>
                                                </tr>
                                            @endif
                                            @if($commission->commissionRule->maximum_sale_amount)
                                                <tr>
                                                    <td class="fw-bold">Monto Máximo:</td>
                                                    <td>{{ number_format($commission->commissionRule->maximum_sale_amount, 2) }} {{ getMainCurrency() }}</td>
                                                </tr>
                                            @endif
                                        </table>
                                    @else
                                        <p class="text-muted">No hay información de la regla disponible</p>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Notas -->
                    @if($commission->notes)
                        <div class="row mt-4">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="card-title mb-0">Notas</h5>
                                    </div>
                                    <div class="card-body">
                                        <p>{{ $commission->notes }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    <!-- Historial de Pagos -->
                    @if($commission->payments->count() > 0)
                        <div class="row mt-4">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="card-title mb-0">Historial de Pagos</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table class="table table-striped">
                                                <thead>
                                                    <tr>
                                                        <th>Fecha</th>
                                                        <th>Monto</th>
                                                        <th>Método</th>
                                                        <th>Referencia</th>
                                                        <th>Notas</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($commission->payments as $payment)
                                                        <tr>
                                                            <td>{{ $payment->payment_date->format('d/m/Y') }}</td>
                                                            <td>{{ number_format($payment->amount, 2) }} {{ $payment->currency }}</td>
                                                            <td>{{ $payment->payment_method }}</td>
                                                            <td>{{ $payment->reference ?? '-' }}</td>
                                                            <td>{{ $payment->notes ?? '-' }}</td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection