{% extends 'admin/base.html.twig' %}
{% block CSS %}{% endblock %}
{% block title %}Inscription vendeur | Maturin{% endblock %}
{% block JS %}
<script>
$(function() {
$('#form_company').hide();
});
</script>
{% endblock %}
{% block content %}
<section style="width: 80%;margin-top: 0px; margin-left: auto; margin-right: auto;" class="section-blog">
<!-- Page-Title -->
{{form_start(form)}}
<div class="row">
<div class="col-12">
<h4 class="m-t-20 m-b-20" style="color: #53A321!important;; font-size: 15px;font-weight: bold; padding-right: 15px;"> Nous priorisons les produits complémentaires à l'offre actuelle de Maturin. Pour vendre chez Maturin, vous pouvez vous inscrire, configurer votre boutique et ajouter vos produits, mais la réception de vos produits à notre entrepôt et la mise en ligne de votre boutique se fera suite à l’approbation par l'équipe. Merci de votre compréhension. Pour information <a href="mailto:info@maturin.ca">contactez-nous ici</a>.</h4>
<h4 class="m-t-20 m-b-20">Inscription pour devenir vendeur chez Maturin</h4>
<div class="card m-b-20 text-xs-center">
<div class="card-header">Votre nouveau compte</div>
<div class="card-body p-20">
<p class="card-text">
<div class="row">
<div class="col-sm-6">
{{form_row(form.user.firstName)}}
</div>
<div class="col-sm-6">
{{form_row(form.user.lastName)}}
</div>
</div>
<div class="row">
<div class="col-sm-4">
{{form_row(form.user.email)}}
</div>
<div class="col-sm-4">
{{form_row(form.user.plainPassword.first, {'required' : true})}}
</div>
<div class="col-sm-4">
{{form_row(form.user.plainPassword.second, {'required' : true})}}
</div>
</div>
</p>
</div>
</div>
<div class="card m-b-20 text-xs-center">
<div class="card-header">Informations de votre entreprise</div>
<div class="card-body p-20">
<p class="card-text">
<div class="row">
<div class="col-sm-12">
{{form_row(form.company.name)}}
</div>
</div>
<div class="row">
<div class="col-sm-4">
{{form_row(form.company.mainLocation.civicNumber)}}
</div>
<div class="col-sm-8">
{{form_row(form.company.mainLocation.streetName)}}
</div>
</div>
<div class="row">
<div class="col-sm-4">
{{form_row(form.company.mainLocation.city)}}
</div>
<div class="col-sm-4">
{{form_row(form.company.mainLocation.zipCode)}}
</div>
<div class="col-sm-4">
{{form_row(form.company.mainLocation.region)}}
</div>
</div>
<div class="row">
<div class="col-sm-6">
{{form_row(form.company.mainLocation.city)}}
</div>
<div class="col-sm-6">
{{form_row(form.company.mainLocation.region)}}
</div>
</div>
<div class="row">
<div class="col-sm-6">
{{form_row(form.company.mainLocation.phone)}}
</div>
<div class="col-sm-6">
{{form_row(form.company.mainLocation.phoneExtension)}}
</div>
</div>
</p>
</div>
</div>
<div class="card m-b-20 text-xs-center">
<div class="card-header">Informations de facturation</div>
<div class="card-body p-20">
<p class="card-text">
<div class="row">
<div class="col-sm-4">
{{form_row(form.payment.type)}}
</div>
<div class="col-sm-8">
{{form_row(form.payment.creditCardNumberHidden)}}
</div>
</div>
<div class="row">
<div class="col-sm-6">
{{form_row(form.payment.fullname)}}
</div>
<div class="col-sm-3">
{{form_widget(form.payment.creditCardExpiration.day, {'attr': {'style' : 'display:none;'}})}}
{{form_row(form.payment.creditCardExpiration)}}
</div>
<div class="col-sm-3">
{{form_row(form.payment.creditCardCVV)}}
</div>
</div>
<div class="row">
<div class="col-sm-12">
{{form_row(form.payment.contactName)}}
</div>
</div>
</p>
</div>
</div>
<div class="card m-b-20 text-xs-center">
<div class="card-header">Abonnement</div>
<div class="card-body p-20">
<p class="card-text">
<div class="row">
<div class="col-sm-4">
{{form_row(form.subscription.frequency, {'required' : true})}}
</div>
<div class="col-sm-8">
{{form_row(form.subscription.promoCode)}}
</div>
</div>
</p>
</div>
</div>
<div class="card m-b-20 text-xs-center">
<div class="card-header">Boutique</div>
<div class="card-body p-20">
<p class="card-text">
<div class="row">
<div class="col-sm-8">
Confiez-nous le montage de votre boutique au tarif préférentiel de 275$
<i class="fa fa-info-circle" id="infoPoint"></i>
<div id="InfoNewBoutique" style="font-size:14px">Si vous possedez un code de l'UPA veuillez cocher non, nous reviendrons vers vous pour le montage de votre boutique.</div>
</div>
<div class="col-sm-4 text-right">
{{form_widget(form.storeMadeByMaturin)}}
</div>
</div>
</p>
</div>
</div>
<div class="col-sm-12 text-right">
{% set pathCondition = path('page', {'url': 'conditions-utilisation'} ) %}
{% set pathRules = path('page', {'url': 'reglement-vendeurs'} ) %}
{% set label = 'J’ai lu et j’accepte les <a href="'~pathCondition~'" target=_blank> conditions d’utilisation</a> et le <a href="'~pathRules~'" target=_blank>règlement des vendeurs</a>' %}
{{form_row(form.company.termsAcceptance, {'label': label})}}
</div>
{{form_widget(form.submit)}}
</div>
</div>
<!-- end row -->
{{form_end(form)}}
</section>
{% endblock %}