@extends('layouts.app')
@section('title','Planillas')

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6"><h1 class="m-0">Planillas de Pago</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.dashboard') }}">RRHH</a></li>
                    <li class="breadcrumb-item active">Planillas</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

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h3 class="card-title"><i class="fas fa-money-check-alt mr-2"></i>Historial de Planillas</h3>
        <a href="{{ route('rrhh.planillas.create') }}" class="btn btn-sm btn-primary">
            <i class="fas fa-plus mr-1"></i>Generar Planilla
        </a>
    </div>
    <div class="card-body p-0">
        <table class="table table-hover table-sm mb-0">
            <thead class="thead-light">
                <tr>
                    <th>Código</th><th>Período</th><th>Tipo</th>
                    <th class="text-right">Total Bruto</th><th class="text-right">Descuentos</th><th class="text-right">Neto</th>
                    <th>Estado</th><th>Generado por</th><th>Acciones</th>
                </tr>
            </thead>
            <tbody>
            @forelse($planillas as $pl)
            <tr>
                <td><code>{{ $pl->codigo }}</code></td>
                <td>{{ $pl->periodo_label }}</td>
                <td>{{ ucfirst($pl->tipo) }}</td>
                <td class="text-right">S/ {{ number_format($pl->total_bruto, 2) }}</td>
                <td class="text-right">S/ {{ number_format($pl->total_descuentos, 2) }}</td>
                <td class="text-right font-weight-bold">S/ {{ number_format($pl->total_neto, 2) }}</td>
                <td><span class="badge badge-{{ $pl->badge_color }}">{{ ucfirst($pl->estado) }}</span></td>
                <td>{{ $pl->creadoPor->name ?? '—' }}</td>
                <td>
                    <a href="{{ route('rrhh.planillas.show', $pl) }}" class="btn btn-xs btn-info" title="Ver"><i class="fas fa-eye"></i></a>
                    <a href="{{ route('rrhh.planillas.pdf', $pl) }}" target="_blank" class="btn btn-xs btn-danger" title="PDF"><i class="fas fa-file-pdf"></i></a>
                </td>
            </tr>
            @empty
            <tr><td colspan="9" class="text-center text-muted py-4">Sin planillas generadas.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer">{{ $planillas->links() }}</div>
</div>

</div>
</section>
@endsection