@extends('layouts.app')
@section('title','Depósitos CTS')
@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6"><h1 class="m-0">Depósitos CTS</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">CTS</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-piggy-bank mr-2"></i>Historial de Depósitos CTS</h3>
        <a href="{{ route('rrhh.cts.create') }}" class="btn btn-success btn-sm"><i class="fas fa-plus mr-1"></i>Registrar Depósito</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">Semestre</th>
                    <th class="text-center">Año</th>
                    <th class="text-center">Fecha Depósito</th>
                    <th class="text-right">Rem. Computable</th>
                    <th class="text-center">Meses</th>
                    <th class="text-right">Monto</th>
                    <th>Entidad</th>
                    <th class="text-center">Acciones</th>
                </tr>
            </thead>
            <tbody>
            @forelse($depositos as $dep)
            <tr>
                <td><code>{{ $dep->codigo }}</code></td>
                <td>
                    <strong>{{ $dep->empleado->nombre_completo }}</strong><br>
                    <small class="text-muted">{{ $dep->empleado->cargo }}</small>
                </td>
                <td class="text-center">
                    <span class="badge badge-{{ $dep->semestre === 'mayo' ? 'info' : 'warning' }}">
                        {{ ucfirst($dep->semestre) }}
                    </span>
                </td>
                <td class="text-center">{{ $dep->anio }}</td>
                <td class="text-center">{{ $dep->fecha_deposito->format('d/m/Y') }}</td>
                <td class="text-right">S/ {{ number_format($dep->remuneracion_computable, 2) }}</td>
                <td class="text-center">{{ $dep->meses_computables }}</td>
                <td class="text-right font-weight-bold text-success">S/ {{ number_format($dep->monto_deposito, 2) }}</td>
                <td>{{ $dep->entidad_financiera ?? '—' }}</td>
                <td class="text-center">
                    <a href="{{ route('rrhh.cts.show', $dep) }}" class="btn btn-xs btn-info" title="Ver"><i class="fas fa-eye"></i></a>
                    <a href="{{ route('rrhh.cts.constancia', $dep) }}" class="btn btn-xs btn-danger" title="PDF" target="_blank"><i class="fas fa-file-pdf"></i></a>
                </td>
            </tr>
            @empty
            <tr><td colspan="10" class="text-center py-4 text-muted">No hay depósitos CTS registrados.</td></tr>
            @endforelse
            </tbody>
        </table>
        </div>
    </div>
    @if($depositos->hasPages())
    <div class="card-footer">{{ $depositos->links() }}</div>
    @endif
</div>

</div></section>
@endsection