{% 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/dashboard') }}">{{ __('dashboard.title') }}</a></li>
        <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 %}

    <div class="card mb-4">
        <div class="card-header">
            <i class="bi bi-pencil-square me-1"></i>
            {{ page_title }}
        </div>
        <div class="card-body">
            <form action="{{ action == 'create' ? url('admin/modelo/store') : url('admin/modelo/update/' ~ modelo.modelos_id) }}" method="POST">
                {{ csrf_field()|raw }}
                
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="title" class="form-label">{{ __('modelo.item_title') }}</label>
                        <input type="text" class="form-control" id="title" name="title" value="{{ modelo.modelos_title }}" required>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label for="slug" class="form-label">URL Amigável (Slug)</label>
                        <input type="text" class="form-control" id="slug" name="slug" value="{{ modelo.modelos_slug }}" placeholder="deixe em branco para gerar automaticamente">
                    </div>
                </div>
                
                <div class="mb-3">
                    <label for="content" class="form-label">{{ __('modelo.item_content') }}</label>
                    <textarea class="form-control" id="content" name="content" rows="10" required>{{ modelo.modelos_content }}</textarea>
                    <div class="form-text">Dica: Use <code>[site_name]</code>, <code>[current_date]</code> ou <code>[contact_email]</code> como variáveis dinâmicas.</div>
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="order" class="form-label">{{ __('modelo.order') }}</label>
                        <input type="number" class="form-control" id="order" name="order" value="{{ modelo.modelos_order ?? 0 }}">
                    </div>

                    <div class="col-md-6 mb-3">
                        <label for="visibility" class="form-label">{{ __('modelo.visibility') }}</label>
                        <select class="form-select" id="visibility" name="visibility">
                            <option value="public" {{ (modelo.modelos_visibility == 'public') ? 'selected' : '' }}>{{ __('modelo.public') }}</option>
                            <option value="private" {{ (modelo.modelos_visibility == 'private') ? 'selected' : '' }}>{{ __('modelo.private') }}</option>
                        </select>
                    </div>
                    
                    <div class="col-md-6 mb-3">
                        <label class="form-label">{{ __('modelo.status') }}</label>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="active" name="active" value="1" {{ (action == 'create' or modelo.modelos_active) ? 'checked' : '' }}>
                            <label class="form-check-label" for="active">
                                {{ __('modelo.active') }}
                            </label>
                        </div>
                    </div>
                </div>

                <button type="submit" class="btn btn-primary">{{ __('modelo.save') }}</button>
                <a href="{{ url('admin/modelo') }}" class="btn btn-secondary">{{ __('modelo.cancel') }}</a>
            </form>
        </div>
    </div>
</div>
{% endblock %}