<?= $this->extend('layout/main') ?>
<?= $this->section('content') ?>
<section class="content">

<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">

<style>
    .btn-buscar, .btn-crear {
        background-color: #2d5a86;
        color: white;
    }
    .btn-buscar:hover, .btn-crear:hover {
        background-color: #16A6BA;
        color: white;
    }
    input.form-control:focus, select.form-control:focus {
        border: 2px solid #16A6BA;
        box-shadow: 0 0 6px rgba(22, 166, 186, 0.5);
        outline: none;
    }
</style>

<div class="container mt-3">
    <h2 class="fw-bold text-center mb-4" style="color: #2d5a86;">Crear Nueva OTB</h2>

    <form action="<?= base_url('otbs/store') ?>" method="post">
        <?= csrf_field() ?>

        <!-- Grupo 1: Datos principales -->
        <fieldset class="border p-2 mb-3">
            <legend class="w-auto px-2 fw-bold text-primary">Datos Generales</legend>
            <div class="row g-2">
                <div class="col-md-6">
                    <label class="form-label fw-bold">Id OTB</label>
                    <input type="text" name="id_otb" class="form-control form-control-sm" value="">
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-bold">Nombre de la OTB</label>
                    <input type="text" name="nombres_otb" class="form-control form-control-sm" value="">
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-bold">Distrito</label>
                    <input type="text" name="distritos" class="form-control form-control-sm" value="">
                </div>
            </div>
        </fieldset>

        <!-- Botones -->
        <div class="text-center mt-3">
            <a href="<?= base_url('otbs') ?>" class="btn btn-secondary btn-sm px-4">Cancelar</a>
            <button type="submit" class="btn btn-primary btn-sm px-4">Guardar</button>
        </div>
    </form>
</div>

<?= $this->endSection(); ?>




