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

{% form_theme edit_form 'form/fields.html.twig' %}

{% block body %}

    <!-- BEGIN PAGE BAR -->
    <div class="page-bar">
        
        <!-- BEGIN BREADCRUMB -->
        <ul class="page-breadcrumb">
            <li>
                <a href="{{ path('homepage') }}">Accueil</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('client_index') }}">Clients</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('client_show', { 'id': client.id }) }}">Client</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Modifier</span>
            </li>
        </ul>
        <!-- END BREADCRUMB -->
    </div>

    <br/>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-settings"></i>
                <span class="caption-subject">Modifier client</span>
            </div>
        </div>

        <div class="portlet-body form">
            
            {{ form_start(edit_form, {'attr': {'class': 'form-horizontal'}}) }}
                <div class="form-body">
                    {% if(client.ventes|length > 0) %}
                        <div class="form-group">
                            <div class="alert alert-warning"><b>Attention!</b> La modification de ce client affectera ces factures déjà établis.</div>
                        </div>
                        {{ form_row(edit_form.raison_sociale) }}
                    {% else %}
                        {{ form_row(edit_form.raison_sociale) }}
                    {% endif %}
                    {{ form_widget(edit_form) }}
                </div>
                <div class="form-actions">
                    <div class="row">
                        <div class=" col-md-9">
                            <a href="{{ path('client_index') }}" class="btn default"><i class="fa fa-arrow-left"></i> Retour</a>
                            <button type="submit" class="btn green"><i class="fa fa-save"></i> Enregistrer</button>
                            <button type="button" class="btn red" onclick="document.form.submit();"><i class="fa fa-close"></i> Supprimer</button>
                        </div>
                    </div>
                </div>
            {{ form_end(edit_form) }}
            
            {{ form_start(delete_form) }}
            {{ form_end(delete_form) }}
        </div>
    </div>

{% endblock %}

{% block javascripts %}
<script>
$(document).ready(function()
{
    function toggleCompanyFields() {
        var $entreprise = $('#appbundle_client_entreprise');
        var isCompany = $entreprise.is(':checked');

        var $patenteRow = $('#appbundle_client_patente').closest('.form-group');
        var $iceRow = $('#appbundle_client_ice').closest('.form-group');

        if (isCompany) {
            $patenteRow.show();
            $iceRow.show();
        } else {
            $patenteRow.hide();
            $iceRow.hide();
        }
    }

    // Initial state and on change
    toggleCompanyFields();
    $(document).on('change', '#appbundle_client_entreprise', toggleCompanyFields);
})
</script>
{% endblock %}