@extends('layouts.app')
@section('title','Vista Previa — Planilla ' . ucfirst($tipo))

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">Vista Previa — Planilla {{ ucfirst($tipo) }}</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">Vista Previa</li>
                </ol>
            </div>
        </div>
    </div>
</div>

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

{{-- Alerta EPP pendiente --}}
@if($hayEppPendiente)
<div class="alert alert-danger d-flex align-items-start">
    <i class="fas fa-exclamation-triangle fa-lg mr-3 mt-1"></i>
    <div>
        <strong>Hay trabajadores con EPP pendiente de devolución.</strong><br>
        Revise la columna EPP en la tabla. Los trabajadores marcados en rojo tienen EPP no devuelto
        y su planilla está condicionada. Puede generar la planilla de todos modos, pero se recomienda
        resolver primero la devolución.
    </div>
</div>
@endif

<div class="card">
    <div class="card-header d-flex align-items-center justify-content-between">
        <h3 class="card-title">
            <i class="fas fa-users mr-2"></i>
            Período: <strong>{{ $fechaIni->format('d/m/Y') }} — {{ $fechaFin->format('d/m/Y') }}</strong>
            &nbsp;|&nbsp; Días hábiles: <strong>{{ $diasHabiles }}</strong>
        </h3>
        <span class="badge badge-{{ $tipo === 'permanente' ? 'success' : 'info' }} badge-lg px-3 py-2">
            {{ $tipo === 'permanente' ? 'Permanentes' : 'Eventuales' }}
        </span>
    </div>
    <div class="card-body p-0">
        @if($resumen->isEmpty())
        <div class="alert alert-warning m-3">
            <i class="fas fa-info-circle mr-2"></i>No hay empleados activos de tipo <strong>{{ $tipo }}</strong>.
        </div>
        @else
        <div class="table-responsive">
        <table class="table table-sm table-hover mb-0">
            <thead class="thead-dark">
                <tr>
                    <th>#</th>
                    <th>Empleado</th>
                    <th class="text-center">Asistencias<br>registradas</th>
                    <th class="text-center">Días<br>trabajados</th>
                    <th class="text-center">Días<br>ausentes</th>
                    <th class="text-center">H. Extra</th>
                    <th class="text-center">Min. tardanza<br>+ salida antic.</th>
                    <th class="text-right">Sueldo base<br>estimado</th>
                    @if($tipo === 'eventual')
                    <th class="text-center">EPP</th>
                    @endif
                </tr>
            </thead>
            <tbody>
            @foreach($resumen as $i => $r)
            @php $emp = $r['empleado']; @endphp
            <tr class="{{ $r['epp_pendiente'] ? 'table-danger' : '' }}">
                <td>{{ $i + 1 }}</td>
                <td>
                    <strong>{{ $emp->nombre_completo }}</strong><br>
                    <small class="text-muted">{{ $emp->cargo }} — {{ $emp->area }}</small>
                </td>
                <td class="text-center">{{ $r['total_asist'] }}</td>
                <td class="text-center">
                    <span class="badge badge-{{ $r['dias_trab'] > 0 ? 'success' : 'secondary' }}">{{ $r['dias_trab'] }}</span>
                </td>
                <td class="text-center">
                    @if($r['dias_ausentes'] > 0)
                    <span class="badge badge-danger">{{ $r['dias_ausentes'] }}</span>
                    @else
                    <span class="text-muted">—</span>
                    @endif
                </td>
                <td class="text-center">
                    @if($r['horas_extra'] > 0)
                    <span class="badge badge-warning text-dark">{{ $r['horas_extra'] }}h</span>
                    @else
                    <span class="text-muted">—</span>
                    @endif
                </td>
                <td class="text-center">
                    @if($r['min_tardanza'] > 0)
                    <span class="badge badge-warning text-dark">
                        {{ floor($r['min_tardanza']/60) }}h {{ $r['min_tardanza']%60 }}min
                    </span>
                    @else
                    <span class="text-muted">—</span>
                    @endif
                </td>
                <td class="text-right font-weight-bold">S/ {{ number_format($r['sueldo_base'], 2) }}</td>
                @if($tipo === 'eventual')
                <td class="text-center">
                    @if($r['epp_pendiente'])
                    <span class="badge badge-danger" title="Acta: {{ $r['epp_acta'] }}">
                        <i class="fas fa-hard-hat mr-1"></i>Pendiente<br>
                        <small>{{ $r['epp_acta'] }}</small>
                    </span>
                    @else
                    <span class="badge badge-success"><i class="fas fa-check mr-1"></i>OK</span>
                    @endif
                </td>
                @endif
            </tr>
            @endforeach
            </tbody>
            <tfoot class="table-light">
                <tr>
                    <td colspan="{{ $tipo === 'eventual' ? 3 : 2 }}" class="text-right font-weight-bold">TOTALES:</td>
                    <td class="text-center font-weight-bold">{{ $resumen->sum('dias_trab') }}</td>
                    <td class="text-center font-weight-bold text-danger">{{ $resumen->sum('dias_ausentes') }}</td>
                    <td class="text-center font-weight-bold">{{ number_format($resumen->sum('horas_extra'), 2) }}h</td>
                    <td></td>
                    <td class="text-right font-weight-bold text-success">S/ {{ number_format($resumen->sum('sueldo_base'), 2) }}</td>
                    @if($tipo === 'eventual')<td></td>@endif
                </tr>
            </tfoot>
        </table>
        </div>
        @endif
    </div>
    <div class="card-footer">
        {{-- Generar planilla --}}
        <form method="POST" action="{{ route('rrhh.planillas.store') }}" class="d-inline">
            @csrf
            <input type="hidden" name="tipo"         value="{{ $tipo }}">
            <input type="hidden" name="fecha_inicio" value="{{ $fechaIni->toDateString() }}">
            <input type="hidden" name="fecha_fin"    value="{{ $fechaFin->toDateString() }}">
            @if($hayEppPendiente)
            <button type="submit" class="btn btn-warning mr-2"
                    onclick="return confirm('Hay EPP pendiente de devolución. ¿Generar planilla de todos modos?')">
                <i class="fas fa-exclamation-triangle mr-1"></i>Generar de todos modos
            </button>
            @else
            <button type="submit" class="btn btn-success mr-2">
                <i class="fas fa-cogs mr-1"></i>Confirmar y Generar Planilla
            </button>
            @endif
        </form>
        <a href="{{ route('rrhh.planillas.create') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left mr-1"></i>Volver
        </a>
    </div>
</div>

</div>
</section>
@endsection