{% extends '@novaconium/master.html.twig' %}

{% block content %}
<h2>Edit Page - {{ title }}</h2>

<form method="post" action="/novaconium/savePage" id="edit-page-form-novaconium">

    <input type="hidden" name="id" value="{{ rows.id }}">
    <input type="hidden" name="token" value="{{ token }}">

    <div class="form-group">
        <button type="submit">Save Changes</button>
    </div>

    <div id="edit-page-title" class="form-group">
        <label for="title">
            Title
            <span class="tooltip">?<span class="tooltiptext">This is the title for the cms, it's the default in twig, heading and metadata can be overwritten.</span></span>
        </label>
        
        <input type="text" id="title" name="title" value="{{ rows.title }}" required>
        <div id="edit-page-dates">
            <strong>Last Updated:</strong> {{ rows.updated|date("Y-m-d H:i:s") }}, 
            <strong>Created:</strong> {{ rows.created|date("Y-m-d H:i:s") }}
        </div>
    </div>

    <div class="tab-container">

        <!-- Tab Navigation -->
        <nav class="tab-nav">
            <button type="button" class="tab-button active" onclick="switchTab('content1')">Basic Info</button>
            <button type="button" class="tab-button" onclick="switchTab('content2')">SEO & Meta</button>
            <button type="button" class="tab-button" onclick="switchTab('content3')">Sitemap</button>
            <button type="button" class="tab-button" onclick="switchTab('content4')">Page Tweaks</button>
            <button type="button" class="tab-button" onclick="switchTab('content5')">Page Notes</button>
            <button type="button" class="tab-button" onclick="switchTab('content6', this)">Tags</button>
        </nav>

        <div id="content1" class="tab-content active">
            {% include '@novacore/editpage/tab-main.html.twig' %}
        </div>
        <div id="content2" class="tab-content">
            {% include '@novacore/editpage/tab-metadata.html.twig' %}
        </div>
        <div id="content3" class="tab-content">
            {% include '@novacore/editpage/tab-other.html.twig' %}
        </div>
        <div id="content4" class="tab-content">
            {% include '@novacore/editpage/tab-tweaks.html.twig' %}
        </div>
        <div id="content5" class="tab-content">
            {% include '@novacore/editpage/tab-notes.html.twig' %}
        </div>
        <div id="content6" class="tab-content">
            {% include '@novacore/editpage/tab-tags.html.twig' %}
        </div>
    </div>

</form>

{% endblock %}