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

{% block title %}Nouveau client{% endblock %}

{% block body %}
<style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>
<script>
    $(document).ready(function () {
        $(".page-title h1").text("Nouvelle société");
        $(".bandeau-img img").attr("src","https://edgarpetrus.fr/site-perso/web/app/uploads/2023/12/icon_office.png");
    })
</script>
<div class="container-page">
    <div class="app-form">
        <h1>Ajout d'une entreprise</h1>
        {{ form_start(companyForm) }}
            <!-- Logo de l'entreprise -->
            <div class="mb-3">
                <label for="formFile" class="form-label">Logo de l’entreprise</label>
                <input class="form-control" type="file" name="{{ field_name(companyForm.companyLogo) }}" id="formFile">
            </div>
            
            <!-- Nom de l'entreprise -->
            <div class="mb-3">
                <label for="company_companyName" class="form-label">Nom de l'entreprise</label>
                <input type="text" name="{{ field_name(companyForm.companyName) }}" class="form-control" id="company_companyName" placeholder="Nom">
                <div id="emailHelp" class="form-text">Saisir le nom de l'entreprise</div>
            </div>


            <!-- Adresse de l'entreprise -->
            <div class="mb-3">
                <label for="company_companyAddress" class="form-label">Adresse de l'entreprise</label>
                <input type="text" name="{{ field_name(companyForm.companyAddress) }}" class="form-control" id="company_companyAddress" placeholder="Adresse">
                <div id="emailHelp" class="form-text">Saisir l'adresse de l'entreprise</div>
            </div>

            <!-- Code postal de l'entreprise -->
            <div class="mb-3">
                <label for="company_companyZipcode" class="form-label">Code postal de l'entreprise</label>
                <input type="text" name="{{ field_name(companyForm.companyZipcode) }}" class="form-control" id="company_companyZipcode" placeholder="Code postal">
                <div id="emailHelp" class="form-text">Saisir le code postal de l'entreprise</div>
            </div>

            <!-- Ville de l'entreprise -->
            <div class="mb-3">
                <label for="company_companyCity" class="form-label">Ville de l'entreprise</label>
                <input type="text" name="{{ field_name(companyForm.companyCity) }}" class="form-control" id="company_companyCity" placeholder="Pays">
                <div id="emailHelp" class="form-text">Pays de l'entreprise</div>
            </div> 

            <!-- Pays de l'entreprise -->
            <div class="mb-3">
                <label for="company_companyCountry" class="form-label">Pays de l'entreprise</label>
                <input type="text" name="{{ field_name(companyForm.companyCountry) }}" class="form-control" id="company_companyCountry" placeholder="Ville">
                <div id="emailHelp" class="form-text">Ville de l'entreprise</div>
            </div>

            <!-- SIRET de l'entreprise -->
            <div class="mb-3">
                <label for="company_companySIRET" class="form-label">SIRET de l'entreprise</label>
                <input type="text" name="{{ field_name(companyForm.companySIRET) }}" class="form-control" id="company_companySIRET" placeholder="SIRET">
                <div id="emailHelp" class="form-text">SIRET de l'entreprise</div>
            </div>

            <!-- Couleur du texte -->
            <div class="mb-3">
                <label for="company_color" class="form-label">Couleur du texte</label>
                <input type="color" class="form-control form-control-color" id="company_color" name="{{ field_name(companyForm.textColor) }}" value="#ffffff" title="Sélectionner une couleur">
            </div>

            <!-- Couleur du fond -->
            <div class="mb-3">
                <label for="company_backgroundColor" class="form-label">Couleur du fond</label>
                <input type="color" class="form-control form-control-color" id="company_backgroundColor" name="{{ field_name(companyForm.backgroundColor) }}" value="#563d7c" title="Sélectionner une couleur">
            </div>


            <button type="submit" class="btn btn-primary">Enregistrer</button>
            {{ form_rest(companyForm) }}
    {{ form_end(companyForm) }}
    </div> 
</div>  
{% endblock %}