{% extends 'base.html.twig' %}
{% block title %}Eligible{% endblock %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('eligible') }}
{% endblock stylesheets %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('eligible') }}
{% endblock javascripts %}
{% block header %}
<header></header>
{% endblock header %}
{% block body %}
<div class="eligiblePart">
<div class="eligible">
<h4>Très Haut Débit, <br> <span>testez votre éligibilité !</span></h4>
<div class="uzor">
<img src="{{ asset('build/img/uzor.svg') }}" alt="">
</div>
<div class="eligibleForm">
<div class="steps">
<div class="oneStep firstStep">
<div class="stepNumber">
1
</div>
<div class="stepInfo">
<p>Entrez le code postal</p>
<span>puis suivez les instructions</span>
<div class="eligibleInput">
<button class="resetEligible">x</button>
<div>
<input type="text" placeholder="Code Postal*" class="postalCode" autocomplete="none"
maxlength="5">
</div>
<div class="villeList">
<input type="text" placeholder="Ville" class="ville d-none secondStepInput mt-2"
autocomplete="none">
<ul></ul>
</div>
<div class="addressList">
{# <div class="addressLoader"></div>#}
<input type="text" placeholder="Adresse" class="adresse d-none secondStepInput mt-2"
autocomplete="none">
<ul></ul>
</div>
<button class="eligibleValider">Valider</button>
</div>
</div>
</div>
<div class="oneStep secondStep secondInformation d-none">
<div class="stepNumber">
2
</div>
<div class="stepInfo">
<p>Avant tout, sélectionnez le type de prise </p>
<span>que vous possédez au sein de votre domicile :</span>
</div>
</div>
<div class="secondStepInfo secondInformation d-none">
<button data-type="unique">
<img src="{{ asset('build/img/unique.png') }}" alt="">
<p>Prise <span>unique</span></p>
</button>
<button data-type="double">
<img src="{{ asset('build/img/double.png') }}" alt="">
<p><span>Double</span> prise</p>
</button>
</div>
</div>
</div>
</div>
</div>
{% endblock body %}