@extends('layouts.app')
@section('title','Gratificaciones')
@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6"><h1 class="m-0">Gratificaciones</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">Gratificaciones</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-gift mr-2"></i>Registro de Gratificaciones</h3>
        <a href="{{ route('rrhh.gratificaciones.create') }}" class="btn btn-success btn-sm"><i class="fas fa-plus mr-1"></i>Nueva Gratificación</a>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
        <table class="table table-hover table-sm mb-0">
            <thead class="thead-dark">
                <tr>
                    <th>Código</th>
                    <th>Empleado</th>
                    <th class="text-center">Tipo</th>
                    <th class="text-center">Año</th>
                    <th class="text-center">Fecha Pago</th>
                    <th class="text-right">Base</th>
                    <th class="text-center">Meses</th>
                    <th class="text-right">Bruto</th>
                    <th class="text-right">Bonif.</th>
                    <th class="text-right">Neto</th>
                    <th class="text-center">Estado</th>
                    <th class="text-center">Acciones</th>
                </tr>
            </thead>
            <tbody>
            @forelse($gratificaciones as $gr)
            <tr>
                <td><code>{{ $gr->codigo }}</code></td>
                <td>
                    <strong>{{ $gr->empleado->nombre_completo }}</strong><br>
                    <small class="text-muted">{{ $gr->empleado->cargo }}</small>
                </td>
                <td class="text-center">
                    <span class="badge badge-{{ $gr->tipo === 'julio' ? 'primary' : 'danger' }}">
                        {{ \App\Models\Gratificacion::$TIPOS[$gr->tipo] }}
                    </span>
                </td>
                <td class="text-center">{{ $gr->anio }}</td>
                <td class="text-center">{{ $gr->fecha_pago->format('d/m/Y') }}</td>
                <td class="text-right">S/ {{ number_format($gr->remuneracion_base, 2) }}</td>
                <td class="text-center">{{ $gr->meses_computables }}</td>
                <td class="text-right">S/ {{ number_format($gr->monto_bruto, 2) }}</td>
                <td class="text-right">S/ {{ number_format($gr->bonificacion_extraordinaria, 2) }}</td>
                <td class="text-right font-weight-bold text-success">S/ {{ number_format($gr->monto_neto, 2) }}</td>
                <td class="text-center">
                    <span class="badge badge-{{ $gr->estado === 'pagado' ? 'success' : 'warning' }}">{{ ucfirst($gr->estado) }}</span>
                </td>
                <td class="text-center">
                    <a href="{{ route('rrhh.gratificaciones.show', $gr) }}" class="btn btn-xs btn-info"><i class="fas fa-eye"></i></a>
                    <a href="{{ route('rrhh.gratificaciones.boleta', $gr) }}" class="btn btn-xs btn-danger" target="_blank"><i class="fas fa-file-pdf"></i></a>
                </td>
            </tr>
            @empty
            <tr><td colspan="12" class="text-center py-4 text-muted">No hay gratificaciones registradas.</td></tr>
            @endforelse
            </tbody>
        </table>
        </div>
    </div>
    @if($gratificaciones->hasPages())
    <div class="card-footer">{{ $gratificaciones->links() }}</div>
    @endif
</div>

</div></section>
@endsection