{% extends '@App/app.html.twig' %}

{% block title %}Nouveau modèle{% endblock %}

{% block page_header %}{% endblock %}

{% block content %}
    {% set variables = availableVariables|default(['societe.nom', 'salarie.prenom', 'salarie.nom', 'contract.reference', 'etablissement.nom', 'salarie.adresse', 'contract.date_debut', 'contract.salaire_brut']) %}
    {% set content_value = data.contenuHtml|default('') %}
    {% if content_value is empty %}
        {% set content_value %}
<p><em>Commencez à rédiger votre modèle ici ou insérez des variables...</em></p>
<p><strong>CONTRAT DE TRAVAIL À DURÉE INDÉTERMINÉE</strong></p>
<p>Entre les soussignés :<br>La société {{ '{{ societe.nom }}' }}, représentée par ...</p>
        {% endset %}
    {% endif %}

    <div class="data-page document-editor"
         data-controller="document-template-editor"
         data-document-template-editor-tinymce-url-value="{{ asset('vendor/matdash/libs/tinymce/tinymce.min.js') }}"
         data-document-template-editor-variables-value="{{ variables|json_encode|e('html_attr') }}">
        <div class="data-page__header">
            <div>
                <div class="data-breadcrumb">
                    <span class="text-black">Contrats</span>
                    <i class="ti ti-chevron-right"></i>
                    <a href="{{ path('document_template_index') }}">Modèles</a>
                    <i class="ti ti-chevron-right"></i>
                    <span class="text-muted">Nouveau modèle</span>
                </div>
                <h1 class="document-editor__title">Nouveau modèle</h1>
            </div>
        </div>

        {% if errors|default([]) is not empty %}
            <div class="alert alert-danger">
                {% for error in errors %}
                    <div>{{ error }}</div>
                {% endfor %}
            </div>
        {% endif %}

        <form method="post" class="data-card document-editor__form">
            <input type="hidden" name="_token" value="{{ csrf_token('document_template_create') }}">

            <div class="document-editor__body">
                <div class="document-editor__grid">
                    <label class="document-editor__field">
                        <span class="document-editor__label">Code</span>
                        <input class="document-editor__control"
                               name="code"
                               value="{{ data.code|default(template.code)|default('') }}"
                               placeholder="Ex: CONTRAT_CDI_STD"
                               required>
                    </label>

                    <label class="document-editor__field">
                        <span class="document-editor__label">Nom</span>
                        <input class="document-editor__control"
                               name="nom"
                               value="{{ data.nom|default(template.nom)|default('') }}"
                               placeholder="Ex: Contrat CDI Standard"
                               required>
                    </label>

                    <label class="document-editor__field">
                        <span class="document-editor__label">Type</span>
                        {% set selected_type = data.type|default(template.type)|default('autre') %}
                        <select class="document-editor__control" name="type">
                            {% for type in ['contrat', 'avenant', 'attestation', 'courrier', 'entretien', 'note', 'autre'] %}
                                <option value="{{ type }}" {{ selected_type == type ? 'selected' : '' }}>{{ type }}</option>
                            {% endfor %}
                        </select>
                    </label>

                    <label class="document-editor__field">
                        <span class="document-editor__label">Portée</span>
                        {% set selected_scope = data.portee|default(template.portee)|default('societe') %}
                        <select class="document-editor__control" name="portee">
                            <option value="societe" {{ selected_scope == 'societe' ? 'selected' : '' }}>societe</option>
                            {% if isSuperAdmin|default(false) %}
                                <option value="global" {{ selected_scope == 'global' ? 'selected' : '' }}>global</option>
                            {% endif %}
                        </select>
                    </label>

                    <label class="document-editor__field document-editor__field--wide">
                        <span class="document-editor__label">Description</span>
                        <input class="document-editor__control"
                               name="description"
                               value="{{ data.description|default(template.description)|default('') }}"
                               placeholder="Brève description de l'utilité de ce modèle...">
                    </label>
                </div>

                <label class="document-editor__content">
                    <span class="document-editor__label">Contenu HTML</span>
                    <textarea class="document-editor__control document-editor__textarea"
                              name="contenuHtml"
                              data-document-template-editor-target="content">{{ content_value|trim }}</textarea>
                </label>

                {% set is_active = data.actif is defined ? true : template.actif %}
                <label class="document-editor__switch">
                    <input type="checkbox"
                           name="actif"
                           value="1"
                           {{ is_active ? 'checked' : '' }}>
                    <span>Actif</span>
                </label>
            </div>

            <div class="document-editor__footer">
                <button class="data-button data-button--primary" type="submit">Enregistrer</button>
                <span class="document-editor__meta">Mots: <span data-document-template-editor-target="wordCount">0</span></span>
            </div>
        </form>

    </div>
{% endblock %}