@extends('layouts.app')
@section('title','Planilla — {{ $planilla->codigo }}')

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">Planilla: {{ $planilla->codigo }}</h1>
                <div class="highlight-bar"></div>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('rrhh.planillas.index') }}">Planillas</a></li>
                    <li class="breadcrumb-item active">{{ $planilla->codigo }}</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<section class="content">
<div class="container-fluid">

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show">{{ session('success') }}<button type="button" class="close" data-dismiss="alert"><span>&times;</span></button></div>
@endif
@if($errors->any())
<div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
@endif

{{-- Cabecera --}}
<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-info-circle mr-2"></i>Información General</h3></div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-5">Código</dt><dd class="col-sm-7"><code>{{ $planilla->codigo }}</code></dd>
                            <dt class="col-sm-5">Período</dt>
                            <dd class="col-sm-7">
                                {{ $planilla->periodo_label }}
                                @if($planilla->fecha_inicio && $planilla->fecha_fin)
                                <br><small class="text-muted">
                                    {{ $planilla->fecha_inicio->format('d/m/Y') }} — {{ $planilla->fecha_fin->format('d/m/Y') }}
                                </small>
                                @endif
                            </dd>
                            <dt class="col-sm-5">Tipo</dt>
                            <dd class="col-sm-7">
                                @if($planilla->tipo === 'permanente')
                                <span class="badge badge-success"><i class="fas fa-user-tie mr-1"></i>Permanentes</span>
                                @else
                                <span class="badge badge-info"><i class="fas fa-user-clock mr-1"></i>Eventuales</span>
                                @endif
                            </dd>
                            <dt class="col-sm-5">Estado</dt><dd class="col-sm-7"><span class="badge badge-{{ $planilla->badge_color }}">{{ ucfirst($planilla->estado) }}</span></dd>
                            <dt class="col-sm-5">Generado por</dt><dd class="col-sm-7">{{ $planilla->creadoPor->name ?? '—' }}</dd>
                        </dl>
                    </div>
                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-6">Total Bruto</dt><dd class="col-sm-6 font-weight-bold">S/ {{ number_format($planilla->total_bruto, 2) }}</dd>
                            <dt class="col-sm-6">Descuentos</dt><dd class="col-sm-6 text-danger">S/ {{ number_format($planilla->total_descuentos, 2) }}</dd>
                            <dt class="col-sm-6">Total Neto</dt><dd class="col-sm-6 text-success font-weight-bold">S/ {{ number_format($planilla->total_neto, 2) }}</dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Flujo de aprobación --}}
    <div class="col-md-4">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-tasks mr-2"></i>Flujo de Aprobación</h3></div>
            <div class="card-body p-2">
                <div class="d-flex flex-column">
                    <div class="mb-2 {{ $planilla->aprobado_rrhh_id ? 'text-success' : 'text-muted' }}">
                        <i class="fas {{ $planilla->aprobado_rrhh_id ? 'fa-check-circle' : 'fa-circle' }} mr-2"></i>
                        RRHH
                        @if($planilla->aprobado_rrhh_id)<small class="d-block ml-4">{{ $planilla->aprobadoRrhh->name ?? '' }} — {{ $planilla->aprobado_rrhh_en?->format('d/m H:i') }}</small>@endif
                    </div>
                    <div class="mb-2 {{ $planilla->aprobado_adm_id ? 'text-success' : 'text-muted' }}">
                        <i class="fas {{ $planilla->aprobado_adm_id ? 'fa-check-circle' : 'fa-circle' }} mr-2"></i>
                        Adm. Finanzas
                        @if($planilla->aprobado_adm_id)<small class="d-block ml-4">{{ $planilla->aprobadoAdm->name ?? '' }} — {{ $planilla->aprobado_adm_en?->format('d/m H:i') }}</small>@endif
                    </div>
                    <div class="mb-2 {{ $planilla->aprobado_gerencia_id ? 'text-success' : 'text-muted' }}">
                        <i class="fas {{ $planilla->aprobado_gerencia_id ? 'fa-check-circle' : 'fa-circle' }} mr-2"></i>
                        Gerencia
                        @if($planilla->aprobado_gerencia_id)<small class="d-block ml-4">{{ $planilla->aprobadoGerencia->name ?? '' }} — {{ $planilla->aprobado_gerencia_en?->format('d/m H:i') }}</small>@endif
                    </div>
                </div>

                @if($planilla->estado !== 'pagado')
                <form method="POST" action="{{ route('rrhh.planillas.aprobar', $planilla) }}" class="mt-2">
                    @csrf
                    <button type="submit" class="btn btn-success btn-block btn-sm" onclick="return confirm('¿Avanzar estado de la planilla?')">
                        <i class="fas fa-forward mr-1"></i>Aprobar / Avanzar
                    </button>
                </form>
                @else
                <div class="alert alert-success mt-2 mb-0 py-1 px-2"><i class="fas fa-check-double mr-1"></i>Planilla pagada</div>
                @endif
            </div>
        </div>
    </div>
</div>

{{-- Acciones --}}
<div class="mb-3">
    <a href="{{ route('rrhh.planillas.pdf', $planilla) }}" target="_blank" class="btn btn-danger mr-2">
        <i class="fas fa-file-pdf mr-1"></i>Descargar Planilla PDF
    </a>
    <a href="{{ route('rrhh.planillas.exportar-csv', $planilla) }}" class="btn btn-success mr-2">
        <i class="fas fa-file-csv mr-1"></i>Exportar CSV
    </a>
    <a href="{{ route('rrhh.planillas.index') }}" class="btn btn-secondary">
        <i class="fas fa-arrow-left mr-1"></i>Volver
    </a>
</div>

{{-- Tabla de ítems --}}
<div class="card">
    <div class="card-header"><h3 class="card-title"><i class="fas fa-table mr-2"></i>Detalle por Empleado ({{ $planilla->items->count() }})</h3></div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-sm table-hover mb-0" style="font-size:0.82rem">
                <thead class="thead-light">
                    <tr>
                        <th>Empleado</th>
                        <th>Régimen</th>
                        <th class="text-center">Días</th>
                        <th class="text-right">Sueldo Base</th>
                        <th class="text-right">H.E 30%</th>
                        <th class="text-right">H.E 50%</th>
                        <th class="text-right">Bruto</th>
                        <th class="text-right">AFP/ONP</th>
                        <th class="text-right">EsSalud</th>
                        <th class="text-right">Neto</th>
                        <th>Boleta</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($planilla->items as $item)
                <tr>
                    <td>{{ $item->empleado->nombre_completo }}</td>
                    <td>{{ $item->empleado->regimen_pensionario }}</td>
                    <td class="text-center">{{ $item->dias_trabajados }}</td>
                    <td class="text-right">{{ number_format($item->sueldo_base, 2) }}</td>
                    <td class="text-right">{{ $item->horas_extra_30 > 0 ? number_format($item->horas_extra_30,1).'h' : '—' }}</td>
                    <td class="text-right">{{ $item->horas_extra_50 > 0 ? number_format($item->horas_extra_50,1).'h' : '—' }}</td>
                    <td class="text-right">{{ number_format($item->total_bruto, 2) }}</td>
                    <td class="text-right text-danger">{{ number_format($item->descuento_afp_onp, 2) }}</td>
                    <td class="text-right text-info">{{ number_format($item->aporte_essalud, 2) }}</td>
                    <td class="text-right font-weight-bold text-success">{{ number_format($item->neto_a_pagar, 2) }}</td>
                    <td class="text-nowrap">
                        <a href="{{ route('rrhh.planillas.boleta', [$planilla, $item->empleado]) }}" target="_blank" class="btn btn-xs btn-outline-danger" title="Boleta PDF">
                            <i class="fas fa-file-alt"></i>
                        </a>
                        @if($item->empleado->email)
                        <form method="POST" action="{{ route('rrhh.planillas.enviar-boleta', [$planilla, $item->empleado]) }}" class="d-inline" onsubmit="return confirm('Enviar boleta a {{ $item->empleado->email }}?')">
                            @csrf
                            <button type="submit" class="btn btn-xs btn-outline-info" title="Enviar por email"><i class="fas fa-envelope"></i></button>
                        </form>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="11" class="text-center text-muted py-4">Sin ítems.</td></tr>
                @endforelse
                </tbody>
                <tfoot class="table-dark">
                    <tr>
                        <td colspan="3" class="text-right font-weight-bold">TOTALES:</td>
                        <td class="text-right">S/ {{ number_format($planilla->items->sum('sueldo_base'), 2) }}</td>
                        <td colspan="2"></td>
                        <td class="text-right">S/ {{ number_format($planilla->total_bruto, 2) }}</td>
                        <td class="text-right">S/ {{ number_format($planilla->items->sum('descuento_afp_onp'), 2) }}</td>
                        <td class="text-right">S/ {{ number_format($planilla->items->sum('aporte_essalud'), 2) }}</td>
                        <td class="text-right font-weight-bold">S/ {{ number_format($planilla->total_neto, 2) }}</td>
                        <td></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>

</div>
</section>
@endsection