{% set active = 'devis' %}
{% extends 'base.html.twig' %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/devis.css') }}">
{% endblock %}


{% block body %}

    <div class="banner">
        {{ settings.find(25) }}
    </div>
    <main>

        {% if step == 2 %}
            {{ render(path('template.get',{url : 'devis-step'~step,id : item.id})) }}
        {% elseif step != 1 %}
            {{ render(path('template.get',{url : 'devis-step'~step,id:item.id,demande : demande.id})) }}

        {% else %}
            {{ render(path('template.get',{url : 'devis-step'~step})) }}

        {% endif %}

        <section class="faq-devis">
            <div class="home">
                <h2 class="title">{{ settings.find(31) }}</h2>
                <p>
                    {{ settings.find(30) }}
                </p>
            </div>
            <div class="alert alert-primary d-flex align-items-center my-5">
                <div class="me-2">
                    <img src="{{ asset('img/exclamation-circle.jpg') }}" alt="exclamation-circle" width="70"
                         class="icon">
                </div>
                <p>
                    {{ settings.find(29) }}
                </p>
            </div>

            <div class="content">
                <div class="item">
                    <div class="left">
                        <h3>Etape 1</h3>
                        <img src="{{ asset('img/square-arrow-down.jpg') }}" alt="square-arrow" width="60">
                    </div>
                    <div class="right">
                        {{ settings.find(26) | raw }}
                    </div>
                </div>
                <div class="item">
                    <div class="left">
                        <h3>Etape 2</h3>
                        <img src="{{ asset('img/square-arrow-down.jpg') }}" alt="square-arrow" width="60">

                    </div>
                    <div class="right">
                        {{ settings.find(27) | raw }}

                    </div>
                </div>
                <div class="item">
                    <div class="left">
                        <h3>Etape 3</h3>
                        <img src="{{ asset('img/check.jpg') }}" alt="check" width="60">
                    </div>
                    <div class="right">
                        {{ settings.find(28) | raw }}

                    </div>
                </div>

            </div>
        </section>


        {{ render(path('template.get',{url : 'know_more'})) }}

    </main>



    <script src="{{ asset('js/devis.js') }}"></script>

{% endblock %}

{% block title %}
    Demande de devis - Micro76
{% endblock %}