<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Déposer une demande - Formulaire client</title>
{{ include('inscription/assets/style.html.twig') }}
{{ include('_flashbag.html.twig') }}
{{ encore_entry_script_tags('app') }}
<link rel="shortcut icon" href="{{ asset('uploads/images/company/favicon/'~ company.faviconName) }}"/>
</head>
<body>
<div class="container-partner " {{ stimulus_controller('inscription--devis') }}>
<div class="container-element inscription-partner">
<div class="container-logo text-center">
<img src="{{ asset('/uploads/images/company/'~company.logoName) }}" style="height: 50px;" alt='{{ company.name }}'/>
</div>
<div class="container-description my-18">
<h1 class="titlet-h1">Déposer mon brief</h1>
<div class="contenus-description">
<p>Plusieurs options s’offrent à vous pour déposer un brief : </p>
<ul>
<li >Par E-mail : Envoyez votre brief à l’adresse {{ company.emailProject }}</li>
<li >Via le formulaire ci-dessous</li>
</ul>
<p>Si vous disposez déjà d’un compte, vous bénéficiez de possibilités supplémentaires grâce auxquelles nous pouvons vous apporter une meilleure réactivité. Connectez vous pour en savoir plus.</p>
</div>
{{ form_start(form, {'attr': {'id': 'devis-form'}}) }}
<div class="form-group row ">
{{ form_label(form.orderedBy, null, {'label_attr':{'class':'col-xl-3 col-lg-12 col-form-label'}}) }}
<div class="col-lg-12 col-xl-12">
{{ form_widget(form.orderedBy, {
'attr': {
'class': form.orderedBy.vars.errors|length ? 'form-control is-invalid' : 'form-control',
'placeholder': 'E-mail *'
}
}) }}
</div>
</div>
<div class="form-group row ">
{{ form_label(form.phoneNumber, null, {'label_attr':{'class':'col-xl-3 col-lg-12 col-form-label'}}) }}
<div class="col-lg-12 col-xl-12">
{{ form_widget(form.phoneNumber, {
'attr': {
'class': form.phoneNumber.vars.errors|length ? 'form-control is-invalid' : 'form-control',
'placeholder': 'Numéro de téléphone *'
}
}) }}
</div>
</div>
<div class="form-group row ">
{{ form_label(form.company, null, {'label_attr':{'class':'col-xl-3 col-lg-12 col-form-label'}}) }}
<div class="col-lg-12 col-xl-12">
{{ form_widget(form.company, {
'attr': {
'class': form.company.vars.errors|length ? 'form-control is-invalid' : 'form-control',
'placeholder': 'Entreprise'
}
}) }}
</div>
</div>
<div class="form-group row ">
{{ form_label(form.name, null, {'label_attr':{'class':'col-xl-3 col-lg-12 col-form-label'}}) }}
<div class="col-lg-12 col-xl-12">
{{ form_widget(form.name, {
'attr': {
'class': form.name.vars.errors|length ? 'form-control is-invalid' : 'form-control',
'placeholder': 'Donnez un titre à votre projet'
}
}) }}
</div>
</div>
<div class="form-group row ">
{{ form_label(form.brief, null, {'label_attr':{'class':'col-xl-3 col-lg-12 col-form-label'}}) }}
<div class="col-lg-12 col-xl-12">
{{ form_widget(form.brief, {
'attr': {
'class': form.brief.vars.errors|length ? 'form-control is-invalid' : 'form-control',
'placeholder': "Décrivez votre besoin, le contexte et les objectifs à atteindre. Ajoutez si possible les éléments utiles (documents, liens, délais, contraintes…)."
}
}) }}
</div>
</div>
<div class ="mt-5" style="background:transparent;" id="drop-zone-other-file">
<input type="hidden" id="campaing_id_modal" name="campaing_id_modal" value="">
<input type="file" id="previousfile" name="files[]" multiple style="display: none;">
<div class="parent-div" style="width: 100%;">
{{ form_widget(form.attachments, {
'attr':{
'class':form.attachments.vars.errors|length ? 'form-control is-invalid':'form-control btn btn-transparant btn-join-file-chat mt-5',
'style':'display:none'}
})
}}
<label id="drop" type="button" for="devis_public_attachments" class="btn btn-transparant btn-join-file-chat flex-column">
Glissez et déposez vos fichiers ici (Maximum : 4Go)<br>
<div>
<img src="/uploads/icons/vsc.png" class="cursor " title="Sécurité garantie par VirusCamp." style="width: 20px;"> Tous les fichiers déposés sont automatiquement analysés<br> pour garantir un environnement sécurisé.
</div>
</label>
<div id="loader-dropmodal" >
<progress style="position: absolute;top: 30%;right: 0;left: 0;margin: auto;" id="progressBar-modal" style="display:block !important;" value="0" max="100"></progress>
<div id="valeur"></div>
</div>
<span ></span>
</div>
<div id="preview-file-edit-upload" class="d-flex mt-2"></div>
</div>
<p id="element-error-message" style="color: rgb(185, 71, 71); font-size: 12px;">
</p>
<button id="btn-validation" {{ stimulus_action('inscription--devis','validationForm','click') }} type="button" class="d-block ml-auto mt-8 btn btn-primary-custom">
Je dépose mon brief maintenant
</button>
{{ form_end(form) }}
<p class="mt-14 footer-p">Les informations recueillies sur ce formulaire sont enregistrées dans un fichier informatisé par {{ company.name }} pour les besoins de la communication marketing, commerciale et la gestion des opérations. <br/> Elles sont conservées pendant 3 ans et sont destinées aux services marketing, commercial et opérationnel de {{ company.name }}.<br/><br/> Conformément à la loi « Informatique et Libertés », vous pouvez accéder à vos données, les rectifier ou les supprimer à tout moment depuis votre espace personnel.</p>
</div>
</div>
</div>
{{ include('_flashbag.html.twig') }}
{{ include('inscription/_modal_shared_element.html.twig') }}
</body>
</html>