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

{% block title %}Modifier la définition{% 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, #228B22 0%, #1a6b1a 100%);">
    <div class="container text-center">
        <h1 style="color: white;">Modifier<span class="m_1" style="color: #c8e6c9;">{{ fee_definition.label }}</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-green">
                        <h4 class="mb-0">
                            <i class="fa fa-edit"></i> Modifier 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, '<i class="fa fa-calendar finance-icon-orange"></i> Année', {
                                        'label_attr': {'class': 'font-weight-bold'},
                                        'label_html': true
                                    }) }}
                                    {{ form_widget(form.schoolYear) }}
                                    {{ form_errors(form.schoolYear) }}
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    {{ form_label(form.feeType, '<i class="fa fa-tag finance-icon-orange"></i> Type', {
                                        'label_attr': {'class': 'font-weight-bold'},
                                        'label_html': true
                                    }) }}
                                    {{ form_widget(form.feeType) }}
                                    {{ form_errors(form.feeType) }}
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            {{ form_label(form.label, '<i class="fa fa-file-text finance-icon-orange"></i> Libellé', {
                                'label_attr': {'class': 'font-weight-bold'},
                                'label_html': true
                            }) }}
                            {{ form_widget(form.label) }}
                            {{ form_errors(form.label) }}
                        </div>

                        <div class="form-group">
                            {{ form_label(form.level, '<i class="fa fa-graduation-cap finance-icon-green"></i> Niveau', {
                                'label_attr': {'class': 'font-weight-bold'},
                                'label_html': true
                            }) }}
                            {{ form_widget(form.level) }}
                            {{ form_errors(form.level) }}
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    {{ form_label(form.amount, '<i class="fa fa-money finance-icon-green"></i> Montant', {
                                        'label_attr': {'class': 'font-weight-bold'},
                                        'label_html': true
                                    }) }}
                                    {{ form_widget(form.amount) }}
                                    {{ form_errors(form.amount) }}
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    {{ form_label(form.dueDate, '<i class="fa fa-clock-o finance-icon-orange"></i> Échéance', {
                                        'label_attr': {'class': 'font-weight-bold'},
                                        'label_html': true
                                    }) }}
                                    {{ form_widget(form.dueDate) }}
                                    {{ form_errors(form.dueDate) }}
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            {{ form_label(form.installments, '<i class="fa fa-list-ol finance-icon-green"></i> Tranches', {
                                'label_attr': {'class': 'font-weight-bold'},
                                'label_html': true
                            }) }}
                            {{ form_widget(form.installments) }}
                            {{ form_errors(form.installments) }}
                            <small class="form-text text-muted">Pour la scolarité uniquement. Laisser vide pour un paiement unique.</small>
                        </div>

                        <div class="form-group">
                            <div class="custom-control custom-checkbox">
                                {{ form_widget(form.isActive, {'attr': {'class': 'custom-control-input'}}) }}
                                {{ form_label(form.isActive, '<i class="fa fa-check-circle finance-icon-green"></i> Actif', {
                                    'label_attr': {'class': 'custom-control-label font-weight-bold'},
                                    'label_html': true
                                }) }}
                            </div>
                        </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 les modifications
                                </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-times"></i> Annuler
                                </a>
                            </div>
                        </div>

                        {{ form_end(form) }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}