{% extends 'layout/backEndLayout.html.twig' %}

{% block title %}Nouvelle définition de frais{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('assets/css/finance-custom.css') }}">
{% endblock %}

{% block body %}
<div class="all-title-box" style="background: linear-gradient(135deg, #ff7b00 0%, #e66a00 100%);">
    <div class="container text-center">
        <h1 style="color: white;">Nouvelle définition<span class="m_1" style="color: #fff3cd;">Frais</span></h1>
    </div>
</div>

<div id="overviews" class="section lb">
    <div class="container">
        {% include 'layout/partials/flash_messages.html.twig' %}
        
        <div class="row">
            <div class="col-lg-8 mx-auto">
                <div class="card shadow">
                    <div class="card-header finance-card-header">
                        <h4 class="mb-0">
                            <i class="fa fa-plus-circle"></i> Informations de la définition
                        </h4>
                    </div>
                    <div class="card-body p-4">
                        {{ form_start(form) }}
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        {{ form_label(form.schoolYear) }}
                                        {{ form_widget(form.schoolYear) }}
                                        {{ form_errors(form.schoolYear) }}
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        {{ form_label(form.feeType) }}
                                        {{ form_widget(form.feeType) }}
                                        {{ form_errors(form.feeType) }}
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                {{ form_label(form.label) }}
                                {{ form_widget(form.label) }}
                                {{ form_errors(form.label) }}
                            </div>

                            <div class="form-group">
                                {{ form_label(form.level) }}
                                {{ form_widget(form.level) }}
                                <small class="form-text text-muted">Laisser vide pour appliquer à tous les niveaux</small>
                                {{ form_errors(form.level) }}
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        {{ form_label(form.amount) }}
                                        {{ form_widget(form.amount) }}
                                        {{ form_errors(form.amount) }}
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="form-group">
                                        {{ form_label(form.dueDate) }}
                                        {{ form_widget(form.dueDate) }}
                                        {{ form_errors(form.dueDate) }}
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                {{ form_label(form.installments) }}
                                {{ form_widget(form.installments) }}
                                <small class="form-text text-muted">Pour la scolarité uniquement. Laisser vide pour un paiement unique.</small>
                                {{ form_errors(form.installments) }}
                            </div>

                            <div class="form-group">
                                <div class="custom-control custom-checkbox">
                                    {{ form_widget(form.isActive) }}
                                    {{ form_label(form.isActive, '<i class="fa fa-check-circle finance-icon-green"></i> Actif', {
                                        'label_attr': {'class': 'custom-control-label font-weight-bold'}
                                    }) }}
                                </div>
                                {{ form_errors(form.isActive) }}
                            </div>

                            <hr class="my-4">

                            <div class="row">
                                <div class="col-md-6 mb-2">
                                    <button type="submit" class="btn btn-finance-primary btn-block btn-lg">
                                        <i class="fa fa-check"></i> Enregistrer
                                    </button>
                                </div>
                                <div class="col-md-6 mb-2">
                                    <a href="{{ path('app_finance_fee_definition_index') }}" class="btn btn-finance-secondary btn-block btn-lg">
                                        <i class="fa fa-arrow-left"></i> Retour
                                    </a>
                                </div>
                            </div>
                        {{ form_end(form) }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}