{% extends 'default/form.html.twig' %}

{% block content %}
    {{ form_start(form, {'attr': {'class': 'form-horizontal'}}) }}
        <div class="row">
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.name, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.Cadre.Name' | trans}}"}}) }}
                    {{ form_label(form.name, 'Form.Cadre.Name' | trans) }}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-floating mb-3">
                    {{ form_widget(form.country, {'attr': {'class': 'form-control form-select'}}) }}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-floating mb-3">
                    {{ form_widget(form.sigle, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.Cadre.Sigle' | trans}}"}}) }}
                    {{ form_label(form.sigle, 'Form.Cadre.Sigle' | trans) }}
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.email, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.Email' | trans}}"}}) }}
                    {{ form_label(form.email, 'Form.Email' | trans) }}
                    <small class="form-control-feedback">{{ form_errors(form.email) }}</small>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.web, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.Web' | trans}}"}}) }}
                    {{ form_label(form.web, 'Form.Web' | trans) }}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-floating mb-3">
                    {{ form_widget(form.telephone1, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.Telephone'|trans}} 1"}}) }}
                    {{ form_label(form.telephone1, 'Form.Telephone' | trans ~ " 1") }}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-floating mb-3">
                    {{ form_widget(form.telephone2, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.Telephone'|trans}} 2"}}) }}
                    {{ form_label(form.telephone2, 'Form.Telephone' | trans ~ " 2") }}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-floating mb-3">
                    {{ form_widget(form.fax, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.Fax'|trans}}"}}) }}
                    {{ form_label(form.fax, 'Form.Fax' | trans) }}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-floating mb-3">
                    {{ form_widget(form.mobile, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.Mobile'|trans}}"}}) }}
                    {{ form_label(form.mobile, 'Form.Mobile' | trans) }}
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.addressPhy, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.AddressPhy'|trans}}"}}) }}
                    {{ form_label(form.addressPhy, 'Form.AddressPhy' | trans) }}
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.addressPost, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.AddressPost'|trans}}"}}) }}
                    {{ form_label(form.addressPost, 'Form.AddressPost' | trans) }}
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.description, {'attr': {'class': 'form-control', 'row':'1', 'placeholder':"{{'Form.Description'|trans}}"}}) }}
                    {{ form_label(form.description, 'Form.Description' | trans) }}
                </div>
            </div>
            <div class="col-md-6" style='margin-top: 0.4rem;'>
                <div class="mb-3 form-control form-check">
                    {% for t in form.status %}
                        {{ form_widget(t, {'attr': {'class': ''}}) }}  {{ form_label(t) }}
                        <span class='m-l-30'></span>
                    {% endfor %}<span class='m-l-20'></span>
                </div>
            </div>
            <div class="col-md-6">
                <div class="mb-3">
                    {{ form_label(form.logoFile, 'Form.Cadre.Logo' | trans) }}
                    {{ form_widget(form.logoFile, {'attr': {'class': 'form-control'}}) }}
                </div>
            </div>
            <div class="col-md-6">
                <div class="mb-3">
                    {{ form_label(form.flagFile, 'Form.Cadre.Flag' | trans) }}
                    {{ form_widget(form.flagFile, {'attr': {'class': 'form-control'}}) }}
                </div>
            </div>
        </div>
        
        <div class="form-group">
            <div class="ms-auto mt-3 mt-md-0">
                <button type="submit" class="btn btn-success text-white">{{'Form.Submit' | trans}}</button>
                <a href='{{path('cadre')}}' class="btn btn-warning text-white"><i class='ti-control-backward'></i> {{'Form.Return' | trans}}</a>
            </div>
        </div>
        {{ form_rest(form) }}
    {{ form_end(form) }}

    
{% endblock %}
{% block custom_js %}
    {{parent()}}
    <script type="text/javascript">
        $(document).ready(function() {
            $("#check-all").click(function() {
                 $("form input[type=checkbox]").prop("checked", true);
            });
            $("#uncheck-all").click(function() {
                 $("form input[type=checkbox]").prop("checked", false);
            });
        });
       
    </script>
{% endblock %}
{#% block validation %}{% endblock %#}