{% extends "layouts/dashboard.twig" %}

{% block title %}{{ page_title }} - {{ platformName }}{% endblock %}

{% block content %}
<div class="container-fluid px-4">
    <h1 class="mt-4">{{ page_title }}</h1>
    <ol class="breadcrumb mb-4">
        <li class="breadcrumb-item"><a href="{{ url('admin/modelo') }}">{{ __('modelo.management') }}</a></li>
        <li class="breadcrumb-item active">{{ page_title }}</li>
    </ol>

    {% include '@modelo/admin/nav.twig' ignore missing %}

    {% if request.get('success') %}
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ __('modelo.operation_success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    {% endif %}

    <div class="card mb-4">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>
                <i class="bi bi-box me-1"></i>
                {{ __('modelo.title') }}
            </div>
        </div>
        <div class="card-body">
            <table class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th>{{ __('modelo.order') }}</th>
                        <th>{{ __('modelo.item_title') }}</th>
                        <th>{{ __('modelo.visibility') }}</th>
                        <th>{{ __('modelo.status') }}</th>
                        <th>{{ __('modelo.actions') }}</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in modelos %}
                    <tr>
                        <td>{{ item.modelos_order }}</td>
                        <td>{{ item.modelos_title }}</td>
                        <td>
                            {% if item.modelos_visibility == 'public' %}
                            <span class="badge bg-primary">{{ __('modelo.public') }}</span>
                            {% else %}
                            <span class="badge bg-dark">{{ __('modelo.private') }}</span>
                            {% endif %}
                        </td>
                        <td>
                            {% if item.modelos_active %}
                            <span class="badge bg-success">{{ __('modelo.active') }}</span>
                            {% else %}
                            <span class="badge bg-secondary">{{ __('modelo.inactive') }}</span>
                            {% endif %}
                        </td>
                        <td>
                            <a href="{{ url('admin/modelo/edit/' ~ item.modelos_id) }}" class="btn btn-sm btn-info text-white"><i class="bi bi-pencil"></i></a>
                            <a href="{{ url('admin/modelo/delete/' ~ item.modelos_id) }}" class="btn btn-sm btn-danger" onclick="return confirm('{{ __('modelo.confirm_delete') }}')"><i class="bi bi-trash"></i></a>
                        </td>
                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="5" class="text-center">{{ __('modelo.no_items') }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}