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

{% block title %}IDCIE Caraibes - Retrouvez confiance en votre potentiel{% endblock %}

{% block body %}
{% if page == "pro"%}
    <header class="head-service" style="background-image:url({{asset('img/idcie/page-registration-pro.jpg')}});background-position:center"></header>
    <div class="container">
        {# Qui sommes nous #}
        <div class="row m-5" style="text-align:center">       
             <h2 class="title">Bulletin d’inscription pour entreprise</h2>   
             <p>Donnez une nouvelle impulsion à votre équipe.</p>
        </div>
         <div class="row m-5">
            <div class="offset-md-2 col-md-9">         
                <div class="row">
                   <form action="">
                   <div class="mb-3">
                   <h4 class="title">Formation</h4>
                   <select name="" id="" class="form-control">
                        <option value="">Sélectionnez une formation</option>
                        <option value="">Transitions et Changements</option>
                        <option value="">De la connaissance de soi à la construction de son projet</option>
                        <option value="">Optimisation de la Gestion de Carrière</option>
                        <option value="">Développez Votre Efficacité Professionnelle</option>
                        <option value="">Préparation à l'Emploi</option>
                        <option value="">Entrepreneuriat et Création d'Entreprise</option>
                        <option value="">Consolidez Votre Projet de Création: Créez une Entreprise 2.0</option>
                        <option value="">J’Optimise la Gestion de Mon Activité d’ASP au Quotidien</option>
                   </select>
                   </div>
                   <div class="mb-4">
                        <h4 class="title">Entreprise</h4>
                         <div class="mb-3">
                            <label for="exampleFormControlInput1" class="form-label">Nom de l'entreprise</label>
                            <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="Nom de l'entreprise">
                         </div> 
                         <div class="mb-3">
                            <label for="exampleFormControlInput1" class="form-label">Adresse</label>
                            <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="Adresse">
                         </div> 
                         <div class="mb-3">
                            <label for="exampleFormControlInput1" class="form-label">Email</label>
                            <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="Email de reférent entreprise">
                         </div> 
                        <div class="mb-3">
                            <div class="row">
                            <div class="col-md-6">
                                <label class="form-label">Téléphone</label>
                                <input type="number" class="form-control" placeholder="votre téléphone">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Portable</label>
                                <input type="number" class="form-control" placeholder="votre portable">
                            </div>
                        </div> 
                    </div> 
                   </div>
                     <div class="mb-3">
                            <div class="row">
                            <div class="col-md-6">
                                <label class="form-label">N°Siret</label>
                                <input type="number" class="form-control" placeholder="votre téléphone">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Identifiant TVA</label>
                                <input type="number" class="form-control" placeholder="votre portable">
                            </div>
                        </div> 
                    </div> 
                   </div>
                   <h4 class="title">Participant</h4>
                    <div class="mb-3">
                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label">Nom</label>
                                <input type="text" class="form-control" placeholder="votre nom">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Prénom</label>
                                <input type="text" class="form-control" placeholder="votre Prénom">
                            </div>
                        </div> 
                    </div> 
                    <div class="mb-3">
                        <label for="exampleFormControlInput1" class="form-label">Activité Professionnelle</label>
                        <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="Activité Professionnelle">
                    </div> 
                    <div class="mb-3">
                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label">Email</label>
                                <input type="email" class="form-control" placeholder="votre email ex:nom@example.com">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Téléphone</label>
                                <input type="text" class="form-control" placeholder="votre téléphone">
                            </div>
                        </div> 
                    </div> 
                    <div class="mb-3">
                        <label for="exampleFormControlInput1" class="form-label">Adresse</label>
                        <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
                    </div> 
                    <div class="text-center mt-4">
                       <input class="btn btn-primary" type="button" value="Envoyer inscription">
                    </div>
                   </form>
                 
                </div>
            </div>
        </div>   
    </div>
{% else %}
 <header class="head-service" style="background-image:url({{asset('img/idcie/page-registration.jpg')}});background-position:center"></header>
    <div class="container">
        {# Qui sommes nous #}
        <div class="row m-5" style="text-align:center">       
             <h2 class="title">Bulletin d’inscription pour particulier</h2>   
             <p>Lancez-vous vers de nouvelles compétences !</p>
        </div>
        <div class="row m-5">
            <div class="offset-md-2 col-md-9">         
                <div class="row">
                   <form action="">
                   <div class="mb-5">
                   <h4 class="title">Formation</h4>
                   <select name="" id="" class="form-control">
                        <option value="">Sélectionnez une formation</option>
                        <option value="">Transitions et Changements</option>
                        <option value="">De la connaissance de soi à la construction de son projet</option>
                        <option value="">Optimisation de la Gestion de Carrière</option>
                        <option value="">Développez Votre Efficacité Professionnelle</option>
                        <option value="">Préparation à l'Emploi</option>
                        <option value="">Entrepreneuriat et Création d'Entreprise</option>
                        <option value="">Consolidez Votre Projet de Création: Créez une Entreprise 2.0</option>
                        <option value="">J’Optimise la Gestion de Mon Activité d’ASP au Quotidien</option>
                   </select>
                   </div>
                   <h4 class="title">Participant</h4>
                    <div class="mb-3">
                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label">Nom</label>
                                <input type="text" class="form-control" placeholder="votre nom">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Prénom</label>
                                <input type="text" class="form-control" placeholder="votre Prénom">
                            </div>
                        </div> 
                    </div> 
                    <div class="mb-3">
                        <label for="exampleFormControlInput1" class="form-label">Activité Professionnelle</label>
                        <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="Activité Professionnelle">
                    </div> 
                    <div class="mb-3">
                        <div class="row">
                            <div class="col-md-6">
                                <label class="form-label">Email</label>
                                <input type="email" class="form-control" placeholder="votre email ex:nom@example.com">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Téléphone</label>
                                <input type="text" class="form-control" placeholder="votre téléphone">
                            </div>
                        </div> 
                    </div> 
                    <div class="mb-3">
                        <label for="exampleFormControlInput1" class="form-label">Adresse</label>
                        <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
                    </div> 
                    <div class="text-center mt-4">
                       <input class="btn btn-primary" type="button" value="Envoyer inscription">
                    </div>
                   
                   </form>
                 
                </div>
            </div>
        </div>
    </div>
{% endif %}
{% endblock %}