<?= $this->extend('layouts/back') ?>

<?= $this->section('content') ?>
<h1 class="uk-heading-line"><span>Edit Post</span></h1>

<div class="uk-card uk-card-default uk-card-body uk-padding">
    <form action="<?= base_url('admin/update/' . $post['id']) ?>" method="post" enctype="multipart/form-data" class="uk-form-stacked">
        <?= csrf_field() ?>
        
        <div class="uk-margin">
            <label class="uk-form-label" for="title">Título</label>
            <div class="uk-form-controls">
                <input class="uk-input" type="text" name="title" value="<?= esc($post['title']) ?>" required>
            </div>
        </div>
        
        <div class="uk-margin">
            <label class="uk-form-label" for="category_id">Categoría</label>
            <div class="uk-form-controls">
                <select class="uk-select" name="category_id" required>
                    <?php foreach ($categories as $category): ?>
                        <option value="<?= $category['id'] ?>" <?= $category['id'] == $post['category_id'] ? 'selected' : '' ?>>
                            <?= esc($category['name']) ?>
                        </option>
                    <?php endforeach; ?>
                </select>
            </div>
        </div>
        
        <div class="uk-margin">
            <label class="uk-form-label" for="excerpt">Extracto</label>
            <div class="uk-form-controls">
                <textarea class="uk-textarea" name="excerpt" required><?= esc($post['excerpt']) ?></textarea>
            </div>
        </div>
        
        <div class="uk-margin">
            <label class="uk-form-label" for="content">Contenido</label>
            <div class="uk-form-controls">
                <!-- Integración de Trix para el campo "Content" -->
                <input id="content" type="hidden" name="content" value="<?= esc($post['content']) ?>">
                <trix-editor input="content"></trix-editor>
            </div>
        </div>
        
        <div class="uk-margin">
            <label class="uk-form-label" for="img">Imagen</label>
            <div class="uk-form-controls">
                <input class="uk-input" type="file" name="img">
                <?php if ($post['img']): ?>
                    <div class="uk-margin-top">
                        <img src="<?= base_url('img/' . $post['img']) ?>" alt="<?= esc($post['title']) ?>" style="max-width: 200px;">
                    </div>
                <?php endif; ?>
            </div>
        </div>
        
        <div class="uk-margin">
            <label class="uk-form-label" for="etiquetas">Etiquetas</label>
            <div class="uk-form-controls">
                <select class="uk-select" name="etiquetas[]" multiple>
                    <?php foreach ($etiquetas as $etiqueta): ?>
                        <option value="<?= $etiqueta['id'] ?>" <?= in_array($etiqueta['id'], $selectedEtiquetas) ? 'selected' : '' ?>>
                            <?= esc($etiqueta['name']) ?>
                        </option>
                    <?php endforeach; ?>
                </select>
            </div>
        </div>
        
        <div class="uk-margin">
            <button class="uk-button uk-button-primary" type="submit">Actualizar</button>
        </div>
    </form>
</div>

<!-- Incluye Trix editor CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/trix/1.3.1/trix.css">

<!-- Incluye Trix editor JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/trix/1.3.1/trix.js"></script>

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