{namespace ot=Opentalent\OtTemplating\ViewHelpers}

<f:comment><!-- login modal --></f:comment>
<div class="modal fade"
     id="loginModal"
     tabindex="-1"
     role="dialog"
     aria-labelledby="loginModalLabel"
     aria-hidden="true">

    <div class="modal-dialog loginModal" role="document">
        <div class="modal-content">
            <div class="modal-header loginModal-title theme-bg">
                <p class="text-center text-white">Identification</p>
            </div>
            <form id="login_form" action="" method="POST" enctype="multipart/form-data">
                <input type="hidden" name="logintype" value="login" />

                <div class="modal-body loginModal-content">
                    <div class="section-field mb-20">
                        <label class="mb-10" for="name">Nom d'utilisateur </label>
                        <input id="name"
                               class="web form-control"
                               type="text"
                               placeholder=""
                               name="user" />
                    </div>

                    <div class="section-field mb-20">
                        <label class="mb-10" for="Password">Mot-de-passe </label>
                        <input id="Password"
                               class="Password form-control"
                               type="password"
                               placeholder=""
                               name="pass" />
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="button gray" data-dismiss="modal">Annuler</button>
                    <input type="submit"
                           id="login-button"
                           class="button theme-bg no-border"
                           value="Se connecter" />
                </div>
                <f:if condition="{ot:loginFailed()}==1">
                    <f:then>
                        <div class="section-field mb-30">
                            <div class="login-errormsg alert">
                                La tentative de connexion a échoué...<br/>
                                Êtes-vous sûr d'avoir bien renseigné vos identifiants?
                            </div>
                        </div>
                    </f:then>
                </f:if>

                <div class="modal-footer modal-footer-network">
                    <p>
                        <a href="#"
                           title="CMF"
                           class="reseau"
                           data-toggle="modal"
                           data-target="#cmfModal">
                            <f:image src="EXT:ot_templating/Resources/Public/media/logo-cmfreseau.png"
                                     alt="CMF Réseau"
                                     height="43"
                                     />
                        </a> &nbsp;
                        <a href="#"
                           title="Opentalent"
                           class="reseau-opentalent"
                           data-toggle="modal"
                           data-target="#opentalentModal">

                            <f:image src="EXT:ot_templating/Resources/Public/media/logo-opentalent-light.png"
                                     alt="Opentalent"
                                     height="35" />
                        </a>
                    </p>
                </div>
            </form>
        </div>
    </div>
</div>


<f:comment><!-- CMF modal --></f:comment>
<div class="modal fade" id="cmfModal" tabindex="-1" role="dialog" aria-labelledby="cmfModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header cmfModal-title cmf-bg">
                <p align="center">
                    <f:image src="EXT:ot_templating/Resources/Public/media/logo-cmfreseau.png"
                         alt="Logo CMF"
                         height="80" />
                </p>
            </div>
            <div class="modal-body cmfModal-content">
                <p>La CMF représente le plus grand réseau de sociétés de pratique musicale collective en France. Agréée par le Ministère de la Culture et de la Communication et le Ministère de la Ville, de la Jeunesse et des Sports, son rôle est de favoriser le développement et le rayonnement de la culture musicale, théâtrale et de la danse, par l’enseignement, la formation, la pratique, la création et la diffusion.</p>
                <p>Fort d’une organisation basée sur l’expérience et le savoir-faire, membres du bureau, administrateurs, équipe permanente et commissions techniques travaillent ensemble dans le but de conduire et de proposer des programmes culturels et artistiques de qualité.</p>
                <p>Afin de faire entendre la voix des associations musicales auprès des plus hautes instances, la CMF est également représentée et soutenue par de nombreuses institutions, aussi bien en France qu’à l’étranger.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="button gray" data-dismiss="modal">Fermer</button>
                <a href="{settings.cmfUrl}" class="button cmf-bg no-border" target="_blank">www.cmf-musique.org</a>
            </div>
        </div>
    </div>
</div>


<f:comment><!--  Opentalent modal --></f:comment>
<div class="modal fade" id="opentalentModal" tabindex="-1" role="dialog" aria-labelledby="opentalentModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header opentalentModal-title opentalent-bg">
                <p align="center">
                    <f:image src="EXT:ot_templating/Resources/Public/media/logo-opentalent.png"
                         alt="Logo opentalent"
                         height="80" /></p>
            </div>
            <div class="modal-body opentalentModal-content">
                <p>Découvrez notre gamme de logiciels full web dédiés à la gestion et la communication des acteurs culturels qu'ils soient associatifs ou professionnels, groupés en 3 catégories :</p>
                <p>
                <ul class="col-md-12">
                    <li>Les « Pratiquants » : chorales, orchestres, compagnie de théâtre, de cirque, de danse…</li>
                    <li>Les « Établissements d'enseignements artistiques » : écoles de musique, danse, cirque, théâtre, conservatoires…</li>
                    <li>Les réseaux : fédérations nationales ou locales, collectivités territoriales, ...</li>
                </ul>
                </p>
                <p>Au-delà de nos logiciels, nous nous investissons dans la diffusion des informations relatives au milieu du spectacle vivant avec le portail Opentalent.fr. Le portail propose au public des sorties et l'informe sur des représentations amateurs et professionnelles.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="button gray" data-dismiss="modal">Fermer</button>
                <a href="{ot:request.getOtEnvVar(argument: 'WEBSITE')}" class="button opentalent-bg no-border" target="_blank">opentalent.fr</a>
            </div>
        </div>
    </div>
</div>
