<?php $title = 'Perfil Empresa'; ?>
<?= view('partials/header') ?>

<section class="hero text-center" style="background:#f0faf4;padding:60px 0;">
  <div class="container">
    <h1 class="fw-bold">Panel de Empresa</h1>
    <p class="text-muted">Gestiona tu empresa y tus ofertas de empleo</p>
  </div>
</section>

<section class="py-5">
  <div class="container">
    <div class="row g-4">

      <!-- SIDEBAR -->
      <div class="col-lg-4">
        <div class="card p-4 shadow-sm border-0 text-center bg-white">
          <div class="bg-success text-white rounded-circle d-flex align-items-center justify-content-center fw-bold fs-2 mx-auto mb-3" style="width:80px;height:80px;">
            <?= strtoupper(substr($empresa['nombre_empresa'] ?? 'E', 0, 1)) ?>
          </div>
          <h5 class="fw-bold mb-1"><?= $empresa['nombre_empresa'] ?? 'Empresa' ?></h5>
          <p class="text-muted small mb-1"><i class="bi bi-geo-alt me-1 text-danger"></i> <?= $empresa['ubicacion'] ?? 'Sin ubicación' ?></p>
          <?php if (!empty($empresa['sitio_web'])): ?>
            <a href="<?= $empresa['sitio_web'] ?>" target="_blank" class="text-muted small"><i class="bi bi-globe me-1"></i> <?= $empresa['sitio_web'] ?></a>
          <?php endif; ?>
          <hr>
          <div class="list-group list-group-flush text-start">
            <a href="#datos" class="list-group-item list-group-item-action border-0 rounded mb-1 p-3"><i class="bi bi-building me-2"></i> Datos de Empresa</a>
            <a href="#empleos" class="list-group-item list-group-item-action border-0 rounded p-3"><i class="bi bi-briefcase me-2"></i> Mis Empleos</a>
          </div>
        </div>
      </div>

      <!-- CONTENIDO -->
      <div class="col-lg-8">

        <!-- DATOS EMPRESA -->
        <div class="card p-4 shadow-sm border-0 bg-white mb-4" id="datos">
          <h5 class="fw-bold text-success mb-4"><i class="bi bi-building-gear me-2"></i> Información de la Empresa</h5>
          <form action="<?= base_url('perfil/actualizarEmpresa') ?>" method="POST">
            <?= csrf_field() ?>
            <div class="row g-3">
              <div class="col-md-6">
                <label class="form-label fw-medium text-muted small">Nombre de la Empresa</label>
                <input type="text" name="nombre_empresa" class="form-control" value="<?= $empresa['nombre_empresa'] ?? '' ?>" required>
              </div>
              <div class="col-md-6">
                <label class="form-label fw-medium text-muted small">Sitio Web</label>
                <input type="text" name="sitio_web" class="form-control" value="<?= $empresa['sitio_web'] ?? '' ?>" placeholder="https://...">
              </div>
              <div class="col-md-6">
                <label class="form-label fw-medium text-muted small">Departamento</label>
                <select name="ubicacion" class="form-select">
                  <?php
                  $deptos = ['Alta Verapaz','Baja Verapaz','Chimaltenango','Chiquimula','El Progreso','Escuintla','Guatemala','Huehuetenango','Izabal','Jalapa','Jutiapa','Petén','Quetzaltenango','Quiché','Retalhuleu','Sacatepéquez','San Marcos','Santa Rosa','Sololá','Suchitepéquez','Totonicapán','Zacapa'];
                  foreach ($deptos as $d): ?>
                    <option value="<?= $d ?>" <?= ($empresa['ubicacion'] ?? '') == $d ? 'selected' : '' ?>><?= $d ?></option>
                  <?php endforeach; ?>
                </select>
              </div>
              <div class="col-12">
                <label class="form-label fw-medium text-muted small">Descripción</label>
                <textarea name="descripcion" class="form-control" rows="3" placeholder="Describe tu empresa..."><?= $empresa['descripcion'] ?? '' ?></textarea>
              </div>
            </div>
            <div class="text-end mt-4">
              <button type="submit" class="btn btn-success px-4 fw-bold">Actualizar Datos</button>
            </div>
          </form>
        </div>

        <!-- MIS EMPLEOS -->
        <div class="card p-4 shadow-sm border-0 bg-white" id="empleos">
          <div class="d-flex justify-content-between align-items-center mb-3">
            <h5 class="fw-bold text-success mb-0"><i class="bi bi-briefcase me-2"></i> Mis Ofertas de Empleo</h5>
            <a href="<?= base_url('empleos/crear') ?>" class="btn btn-success btn-sm fw-bold">+ Nueva oferta</a>
          </div>
          <p class="text-muted small">Aquí verás las ofertas de empleo que has publicado.</p>
          <!-- Se llenará dinámicamente después -->
        </div>

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

<?= view('partials/footer') ?>