{% if errors._global is defined %}
    <div class="alert alert-danger">{{ errors._global }}</div>
{% endif %}

{% if duplicate %}
    <div class="alert alert-warning">
        Un client avec ce nom existe deja :
        <a href="{{ path('commercial_client_show', {id: duplicate.id}) }}">{{ duplicate.nom }}</a>.
    </div>
{% endif %}

<form method="post" action="{{ action }}" class="card">
    <div class="card-body">
        <input type="hidden" name="_token" value="{{ csrf_token(csrf_id) }}">

        <div class="row g-3">
            <div class="col-md-4">
                <label class="form-label" for="client_type">Type</label>
                <select id="client_type" name="client[type]" class="form-select{% if errors.type is defined %} is-invalid{% endif %}">
                    {% for value, label in types %}
                        <option value="{{ value }}" {% if data.type == value %}selected{% endif %}>{{ label }}</option>
                    {% endfor %}
                </select>
                {% if errors.type is defined %}<div class="invalid-feedback">{{ errors.type }}</div>{% endif %}
            </div>
            <div class="col-md-8">
                <label class="form-label" for="client_nom">Nom</label>
                <input id="client_nom" type="text" name="client[nom]" value="{{ data.nom }}" class="form-control{% if errors.nom is defined %} is-invalid{% endif %}" required>
                {% if errors.nom is defined %}<div class="invalid-feedback">{{ errors.nom }}</div>{% endif %}
            </div>
            <div class="col-12">
                <label class="form-label" for="client_forme_juridique">Forme juridique</label>
                <select id="client_forme_juridique" name="client[formeJuridiqueId]" class="form-select">
                    <option value="">— Sélectionner —</option>
                    {% for legal_form in legal_forms|default([]) %}
                        <option value="{{ legal_form.id }}" {% if data.formeJuridiqueId == legal_form.id %}selected{% endif %}>{{ legal_form.nom }} ({{ legal_form.code }})</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-6">
                <label class="form-label" for="client_siret">SIRET</label>
                <input id="client_siret" type="text" name="client[siret]" value="{{ data.siret }}" class="form-control{% if errors.siret is defined %} is-invalid{% endif %}" inputmode="numeric">
                {% if errors.siret is defined %}<div class="invalid-feedback">{{ errors.siret }}</div>{% endif %}
            </div>
            <div class="col-md-6">
                <label class="form-label" for="client_siren">SIREN</label>
                <input id="client_siren" type="text" name="client[siren]" value="{{ data.siren }}" class="form-control{% if errors.siren is defined %} is-invalid{% endif %}" inputmode="numeric">
                {% if errors.siren is defined %}<div class="invalid-feedback">{{ errors.siren }}</div>{% endif %}
            </div>
            <div class="col-12">
                <label class="form-label" for="client_adresse">Adresse</label>
                <input id="client_adresse" type="text" name="client[adresse]" value="{{ data.adresse }}" class="form-control">
            </div>
            <div class="col-md-4">
                <label class="form-label" for="client_code_postal">Code postal</label>
                <input id="client_code_postal" type="text" name="client[codePostal]" value="{{ data.codePostal }}" class="form-control{% if errors.codePostal is defined %} is-invalid{% endif %}">
                {% if errors.codePostal is defined %}<div class="invalid-feedback">{{ errors.codePostal }}</div>{% endif %}
            </div>
            <div class="col-md-8">
                <label class="form-label" for="client_ville">Ville</label>
                <input id="client_ville" type="text" name="client[ville]" value="{{ data.ville }}" class="form-control">
            </div>
            <div class="col-md-6">
                <label class="form-label" for="client_email">Email</label>
                <input id="client_email" type="email" name="client[email]" value="{{ data.email }}" class="form-control{% if errors.email is defined %} is-invalid{% endif %}">
                {% if errors.email is defined %}<div class="invalid-feedback">{{ errors.email }}</div>{% endif %}
            </div>
            <div class="col-md-6">
                <label class="form-label" for="client_telephone">Telephone</label>
                <input id="client_telephone" type="text" name="client[telephone]" value="{{ data.telephone }}" class="form-control" inputmode="tel">
            </div>
            <div class="col-12">
                <label class="form-label" for="client_site_web">Site internet</label>
                <input id="client_site_web" type="url" name="client[siteWeb]" value="{{ data.siteWeb }}" class="form-control{% if errors.siteWeb is defined %} is-invalid{% endif %}" maxlength="255" placeholder="https://www.entreprise.fr">
                {% if errors.siteWeb is defined %}<div class="invalid-feedback">{{ errors.siteWeb }}</div>{% endif %}
            </div>
            <div class="col-12">
                <div class="form-check">
                    <input id="client_actif" type="checkbox" name="client[actif]" value="1" class="form-check-input" {% if data.actif %}checked{% endif %}>
                    <label class="form-check-label" for="client_actif">Client actif</label>
                </div>
            </div>
        </div>
    </div>
    <div class="card-footer d-flex justify-content-end gap-2">
        <a href="{{ path('commercial_client_index') }}" class="btn btn-outline-secondary">Annuler</a>
        <button type="submit" class="btn btn-primary">{{ submit_label }}</button>
    </div>
</form>