@extends('layouts.app')
@section('title','Depósito CTS — ' . $cts->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">Depósito CTS <small class="text-muted">{{ $cts->codigo }}</small></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.cts.index') }}">CTS</a></li>
                    <li class="breadcrumb-item active">Detalle</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="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-user mr-2"></i>Empleado</h3></div>
            <div class="card-body">
                <dl class="row mb-0">
                    <dt class="col-sm-5">Nombre</dt><dd class="col-sm-7"><strong>{{ $cts->empleado->nombre_completo }}</strong></dd>
                    <dt class="col-sm-5">N° Empleado</dt><dd class="col-sm-7">{{ $cts->empleado->numero_empleado }}</dd>
                    <dt class="col-sm-5">DNI</dt><dd class="col-sm-7">{{ $cts->empleado->dni }}</dd>
                    <dt class="col-sm-5">Cargo</dt><dd class="col-sm-7">{{ $cts->empleado->cargo }}</dd>
                    <dt class="col-sm-5">Área</dt><dd class="col-sm-7">{{ $cts->empleado->area }}</dd>
                    <dt class="col-sm-5">Régimen</dt><dd class="col-sm-7">{{ \App\Models\Empleado::$REGIMENES_LABORALES[$cts->empleado->regimen_laboral ?? 'general'] }}</dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-header"><h3 class="card-title"><i class="fas fa-piggy-bank mr-2"></i>Depósito</h3></div>
            <div class="card-body">
                <dl class="row mb-0">
                    <dt class="col-sm-6">Código</dt><dd class="col-sm-6"><code>{{ $cts->codigo }}</code></dd>
                    <dt class="col-sm-6">Semestre / Año</dt><dd class="col-sm-6">{{ ucfirst($cts->semestre) }} {{ $cts->anio }}</dd>
                    <dt class="col-sm-6">Fecha Depósito</dt><dd class="col-sm-6">{{ $cts->fecha_deposito->format('d/m/Y') }}</dd>
                    <dt class="col-sm-6">Rem. Computable</dt><dd class="col-sm-6">S/ {{ number_format($cts->remuneracion_computable, 2) }}</dd>
                    <dt class="col-sm-6">Meses Computables</dt><dd class="col-sm-6">{{ $cts->meses_computables }}</dd>
                    <dt class="col-sm-6">Entidad</dt><dd class="col-sm-6">{{ $cts->entidad_financiera ?? '—' }}</dd>
                    <dt class="col-sm-6">N° Cuenta</dt><dd class="col-sm-6">{{ $cts->numero_cuenta ?? '—' }}</dd>
                    <dt class="col-sm-6">Monto Depositado</dt><dd class="col-sm-6 text-success font-weight-bold" style="font-size:1.2em;">S/ {{ number_format($cts->monto_deposito, 2) }}</dd>
                </dl>
                @if($cts->observaciones)
                <hr><p class="mb-0 text-muted">{{ $cts->observaciones }}</p>
                @endif
            </div>
        </div>
    </div>
</div>
<div class="mb-3">
    <a href="{{ route('rrhh.cts.constancia', $cts) }}" target="_blank" class="btn btn-danger mr-2"><i class="fas fa-file-pdf mr-1"></i>Constancia PDF</a>
    <a href="{{ route('rrhh.cts.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-left mr-1"></i>Volver</a>
</div>

</div></section>
@endsection