<?php

declare(strict_types=1);

ob_start();

?>

<div class="d-flex justify-content-between align-items-center mb-4">

    <div>
        <h2 class="mb-1">
            States & Administrative Areas
        </h2>

        <p class="text-muted mb-0">
            Manage top-level administrative locations.
        </p>
    </div>

    <a
        href="/public/states/create"
        class="btn btn-primary">

        <i class="bi bi-plus-lg me-1"></i>
        Add Location

    </a>

</div>

<?php if (!empty($created)): ?>

    <div class="alert alert-success">
        Location created successfully.
    </div>

<?php endif; ?>

<?php if (!empty($updated)): ?>

    <div class="alert alert-success">
        Location updated successfully.
    </div>

<?php endif; ?>

<?php if (!empty($statusChanged)): ?>

    <div class="alert alert-success">
        Status updated successfully.
    </div>

<?php endif; ?>

<?php if (!empty($error)): ?>

    <div class="alert alert-danger">

        <?= htmlspecialchars(
            (string) $error,
            ENT_QUOTES,
            'UTF-8'
        ) ?>

    </div>

<?php endif; ?>

<div class="card shadow-sm border-0">

    <div class="card-body">

        <div class="table-responsive">

            <table class="table table-hover align-middle">

                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Code</th>
                        <th>Name</th>
                        <th>Type</th>
                        <th>Status</th>
                        <th class="text-end">
                            Actions
                        </th>
                    </tr>
                </thead>

                <tbody>

                <?php if (empty($states)): ?>

                    <tr>
                        <td
                            colspan="6"
                            class="text-center text-muted py-4">

                            No locations found.

                        </td>
                    </tr>

                <?php else: ?>

                    <?php foreach ($states as $state): ?>

                        <tr>

                            <td>
                                <?= (int) $state['id'] ?>
                            </td>

                            <td>
                                <?= htmlspecialchars(
                                    (string) $state['state_code'],
                                    ENT_QUOTES,
                                    'UTF-8'
                                ) ?>
                            </td>

                            <td>
                                <strong>
                                    <?= htmlspecialchars(
                                        (string) $state['state_name'],
                                        ENT_QUOTES,
                                        'UTF-8'
                                    ) ?>
                                </strong>
                            </td>

                            <td>

                                <?= $state['administrative_type']
                                    === 'ADMINISTRATIVE_AREA'
                                    ? 'Administrative Area'
                                    : 'State' ?>

                            </td>

                            <td>

                                <?php if (
                                    (int) $state['status'] === 1
                                ): ?>

                                    <span class="badge text-bg-success">
                                        Active
                                    </span>

                                <?php else: ?>

                                    <span class="badge text-bg-secondary">
                                        Inactive
                                    </span>

                                <?php endif; ?>

                            </td>

                            <td class="text-end">

                                <div class="btn-group">

                                    <a
                                        href="/public/states/edit?id=<?= (int) $state['id'] ?>"
                                        class="btn btn-sm btn-outline-primary">

                                        <i class="bi bi-pencil"></i>

                                    </a>

                                    <form
                                        method="POST"
                                        action="/public/states/toggle-status">

                                        <input
                                            type="hidden"
                                            name="id"
                                            value="<?= (int) $state['id'] ?>">

                                        <button
                                            type="submit"
                                            class="btn btn-sm <?= (int) $state['status'] === 1
                                                ? 'btn-outline-danger'
                                                : 'btn-outline-success' ?>">

                                            <i class="bi <?= (int) $state['status'] === 1
                                                ? 'bi-x-circle'
                                                : 'bi-check-circle' ?>">
                                            </i>

                                        </button>

                                    </form>

                                </div>

                            </td>

                        </tr>

                    <?php endforeach; ?>

                <?php endif; ?>

                </tbody>

            </table>

        </div>

    </div>

</div>

<?php

$content = ob_get_clean();

$title = 'States & Administrative Areas';

include APP_PATH
    . '/Modules/Administration/Views/layouts/admin.php';