<?php
/**
 * @var \App\View\AppView $this
 * @var \App\Model\Entity\Servicio $servicio
 */
?>

<?php $this->assign('title', 'Detalle de Servicio'); ?>

<div class="servicios view content">


    <div class="container mt-4 mb-4">
        <div class="row justify-content-center">
            <div class="col-md-8 offset-md-2 row g-3">

                <!-- Título -->
                <div class="col-12 mb-4">
                    <h3 class="text-info">
                        <i class="fas fa-briefcase"></i> <?= h($servicio->nombre) ?>
                    </h3>
                </div>

                <!-- Nombre -->
                <div class="col-md-12 mb-3">
                    <label class="fw-bold">Nombre</label>
                    <div class="form-control bg-light"><?= h($servicio->nombre) ?></div>
                </div>

                <!-- Descripción -->
                <div class="col-md-12 mb-3">
                    <label class="fw-bold">Descripción</label>
                    <div class="form-control bg-light" style="min-height: 80px;">
                        <?= !empty($servicio->descripcion) ? nl2br(h($servicio->descripcion)) : '<em class="text-muted">No especificada</em>' ?>
                    </div>
                </div>

                <!-- Costo -->
                <div class="col-md-12 mb-3">
                    <label class="fw-bold">Costo (S/)</label>
                    <div class="form-control bg-light">S/ <?= number_format((float)$servicio->costo, 2) ?></div>
                </div>

                <!-- Fecha de Creación -->
                <div class="col-md-12 mb-3">
                    <label class="fw-bold">Fecha de Creación</label>
                    <div class="form-control bg-light"><?= h($servicio->created) ?></div>
                </div>

                <!-- Última Modificación -->
                <div class="col-md-12 mb-3">
                    <label class="fw-bold">Última Modificación</label>
                    <div class="form-control bg-light"><?= h($servicio->modified) ?></div>
                </div>

            </div>
        </div>
    </div>

</div>
