{% extends "layout_default.html.twig" %}{% form_theme form _self %}{% block seo_title %} {{ parent() }} - Ajouter votre site{% endblock %}{% block bodyClasses 'page-step page-step1' %}{% block content %} <header> <div class="header-inner"> <a class="header-logo" href="#" target="_blank"> <img src="{{ asset('front/images/logo-ffs.svg') }}" alt="Logo Fédération Française de ski"> </a> <button type="button" class="burger-menu" aria-label="Ouvrir la navigation principale"> <span class="top"></span> <span class="middle"></span> <span class="bottom"></span> <span class="menu-text">Menu</span> </button> <ul class="header-menu"> <li><a href="{{ url('webmaster_login') }}">Retour à l'accueil</a></li> <li><a href="{{ url('webmaster_login') }}/#anchor-fonctionnalites">Découvrir les fonctionnalités</a></li> <li><a href="{{ url('webmaster_login') }}/#anchor-connect" class="cbo-button">Se connecter</a></li> </ul> <div class="header-overlay"></div> </div> </header> <div class="wrapper-breadcrumb"> <div class="active"><span>1</span> création</div> <div><span>2</span> configuration</div> </div> <div class="step-introduction cbo-container"> <div class="intro-inner"> <p> Développé par la FFS dans la logique du Projet Sportif Fédéral, ce tout nouvel outil à destination des structures affiliées a pour but de permettre à chacun de créer ou renouveler son propre site web. Accessible aux débutants comme aux plus avertis, le générateur vous permettra de personnaliser à votre goût le graphisme afin que votre site corresponde à votre image. </p> <p> Pour démarrer, vous devez d'abord créer votre compte via le formulaire ci-dessous. Vous recevrez par mail la confirmation de votre inscription, le rappel de vos identifiants de connexion, ainsi que l'adresse web (URL) de votre site pour en débuter la création. Il vous sera demandé de vous identifier à chaque connexion. </p> </div> </div> <div class="wrapper-form"> <div class="cbo-container text-center"> <form id="add-website-form" action="{{ path('website_add') }}" method="POST" enctype="multipart/form-data"> {{ form_errors(form) }} <div class="form-inner"> <div class="form-section"> <div class="section-introduction"> <img src="{{ asset('front/images/picto-connect.png') }}" alt="picto connexion"> <h2 class="cbo-title-2"> Mon compte </h2> <p> Un seul compte doit être créé par structure, veillez à vous mettre d'accord au sein de votre entité sur la gestion du compte et de ses identifiants. <br>Plusieurs personnes pourront utiliser le même compte afin de vous partager les tâches au sein du site. </p> </div> <div class="form-list"> <div class="cbo-field"> <div class="mail-container"> {{ form_row(form.email, { 'attr': {'placeholder': 'entrez votre adresse email*'} }) }} <span class="error-info"> Remplir ce champ </span> <p> Nous vous conseillons d'indiquer l'adresse générique de votre structure afin de pouvoir facilement transmettre les informations en interne. </p> </div> </div> <div class="cbo-field"> <div class="password-container"> {{ form_row(form.password, { 'attr': {'placeholder': 'entrez votre mot de passe*'} }) }} <span class="error-info"> Remplir ce champ </span> <p> <u>Attention</u> : ce mot de passe pourra être utilisé par plusieurs personnes au sein de votre structure. Veillez à ne pas choisir un mot de passe confidentiel. </p> </div> </div> <div class="cbo-field"> {{ form_row(form.clubName, { 'attr': {'placeholder': 'entrez le nom de votre structure*'} }) }} <span class="error-info"> Remplir ce champ </span> </div> <div class="cbo-field"> {{ form_row(form.clubNumber, { 'attr': {'placeholder': "entrez votre numéro d'affiliation*"} }) }} <span class="error-info"> Remplir ce champ </span> </div> <span class="form-required"> * champs obligatoires </span> </div> </div> <div class="form-section"> <div class="domain-subdomain"> <span class="subdomain-title"> Possédez-vous déjà un nom de domaine ? </span> <div class="choice-domain"> <a href="" data-choice="oui">oui, et je souhaite le conserver</a> <a href="" data-choice="non" class="checked">non</a> </div> <div id="subdomain-block"> <span class="subdomain-title"> Nous vous proposons l'adresse : </span> <div class="cbo-field"> {{ form_row(form.subdomain, { 'attr': {'placeholder': 'sous-domaine'} }) }} <span id="subdomain-suffix">.clubffs.fr</span> <p> Vous pouvez modifier le nom de domaine qui vous est attribué en éditant le champ ci contre. Les frais d'hébergement et de renouvellement de nom de domaine seront à la charge de la FFS. Un tutoriel disponible à la prochaine étape vous aidera dans la gestion de votre nom de domaine. </p> </div> </div> <div id="domain-block"> <div class="cbo-field"> {{ form_row(form.domain, { 'attr': {'placeholder': 'domaine'} }) }} <p> <u>Attention</u> Les frais de renouvellement de votre nom de domaine resteront à votre charge. Un temps de mise à jour des DNS de 24h à 48h est nécessaire avant l'activation du site. <a class="cbo-button" href="{{ asset('front/tuto/tutoriel-redirection.pdf') }}" download="tutoriel-redirection"> <img src="{{ asset('front/images/picto-download.png') }}" title="Download" width="24" height="24" class="picto-download"> Télécharger le tutoriel de redirection </a> </p> </div> </div> <span class="text-danger" id="error-url"></span> <div class="clearfix"></div> <a href="#" id="toggle-domain">J'ai déjà un nom de domaine</a> <a href="#" id="toggle-subdomain">Je n'ai pas de nom de domaine</a> </div> <div class="cgu-container">{{ form_row(form.cgu) }}</div> {{ form_rest(form) }} </div> </div> </form> </div> </div> {{ include('Website/_footer.html.twig') }}{% endblock %}{% block _appbundle_website_cgu_widget %} <div class="cbo-field"> <label> <input type="checkbox" {{ block('widget_attributes') }}{% if value is defined %} value="{{ value }}"{% endif %}{% if checked %} checked="checked"{% endif %} /> Je valide les <a target="_blank" href="{{ path('cgu_show') }}">conditions générales</a> d'accès au service </label> </div>{% endblock %}{% block javascripts %} {{ parent() }} <script>var ajaxPath = "{{ path("website_add_domain_ajax") }}";</script> <script type="text/javascript" src="{{ asset('front/js/website-add.js') }}"></script>{% endblock %}