{% extends 'base.html.twig' %}

{% block title %}Nouvelle organisation — VIIZIA{% endblock %}

{# bulma-calendar : styles + JS ; l’option incorporation_bulma_calendar vient du OrganizationType (création). #}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bulma-calendar@6.1.18/dist/css/bulma-calendar.min.css"
          crossorigin="anonymous">
    <link rel="stylesheet" href="{{ asset('css/viz-calendar-compact.css') }}">
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="https://cdn.jsdelivr.net/npm/bulma-calendar@6.1.18/dist/js/bulma-calendar.min.js"
            crossorigin="anonymous"
            defer></script>
    <script src="{{ asset('js/organization-form.js') }}" defer></script>
    <script src="{{ asset('js/organization-incorporation-datepicker.js') }}" defer></script>
{% endblock %}

{% block body %}
<nav class="breadcrumb is-small" aria-label="breadcrumbs">
    <ul>
        <li><a href="{{ path('admin_organizations_index') }}">Organisations</a></li>
        <li class="is-active"><a href="#" aria-current="page">Nouvelle</a></li>
    </ul>
</nav>

<div class="level">
    <div class="level-left">
        <div>
            <p class="title is-4">
                <span class="icon-text">
                    <span class="icon"><i class="fas fa-plus"></i></span>
                    <span>Nouvelle organisation</span>
                </span>
            </p>
            <p class="subtitle is-6 has-text-grey">
                Renseignez les informations de l'organisation à créer.
            </p>
        </div>
    </div>
</div>

{% include 'admin/organization/_form.html.twig' %}
{% endblock %}