{% extends 'domain/frontend/layouts/base.html.twig' %}

{% block title %}Nos produits{% endblock %}
{% block main_title %}Nos produits{% endblock %}
{% block sub_title %}Nos produits{% endblock %}

{% block body %}
    <!-- Page Title Section -->
    <section class="page-hero">
        <h1>Nos Produits</h1>
        <p>Découvrez notre gamme complète de produits pétroliers</p>
    </section>

    <!-- Products Section -->
    <section class="products">
        <div class="products-container">
            <div class="products-grid">
                <div class="product-card">
                    <a class="text-decoration-none text-dark" href="https://l.facebook.com/l.php?u=https%3A%2F%2Fapi.whatsapp.com%2Fsend%3Fphone%3D22568101010%26token%3DeyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IjEyNSJ9.eyJleHAiOjE3NjgyOTcyMjIsInBob25lIjoiMjI1NjgxMDEwMTAiLCJ0ZXh0IjoiTGllblx1MDBhMDpcbmh0dHBzOlwvXC9mYi5tZVwvM1hGNlQ3ejY3XG5cbkJvbmpvdXJcdTAwYTAhIFB1aXMtamUgZW4gc2F2b2lyIHBsdXMgXHUwMGUwIGNlIHN1amV0XHUwMGEwPyIsInNvdXJjZV91cmwiOiJodHRwczpcL1wvZmIubWVcLzNYRjZUN3o2NyIsImljZWJyZWFrZXIiOiJCb25qb3VyXHUwMGEwISBQdWlzLWplIGVuIHNhdm9pciBwbHVzIFx1MDBlMCBjZSBzdWpldFx1MDBhMD8iLCJhcHAiOiJmYWNlYm9vayIsImVudHJ5X3BvaW50IjoicG9zdF9jdGEiLCJqaWQiOiIyMjU2ODEwMTAxMFx1MDA0MHMud2hhdHNhcHAubmV0IiwibGlkIjoiMTgwNzM2NjUzMDU4MjA0XHUwMDQwbGlkIiwic2hvd19hZF9hdHRyaWJ1dGlvbiI6MSwic291cmNlIjoiRkJfUG9zdCIsInNvdXJjZV9pZCI6IjEwNzMwNjI5MDgxNzUxMTkiLCJjb250ZXh0IjoiQWZjUDdoQnVBajdvdzJEcXFwT2tqaTJjdWlqS1R6LXo5azR5c3RLVDcyWlkteUFvRmtlMm0xMW1Ick40czVxSkNYTFU3RGtoaEdWY18zWTYxWGl4VzVoc0syS1VLRHBnYlRJbDhvRXhqekQ5Nk9lTlA5RHdBVUZzQ3NuYU1Pb1NpTFR3WXhHcXFpNXBOYmxSVUhEUGc2RTU4S2JmLVp2MnBIb1k2WTFqdGdwUEYzejNmbmJqWTdpVmR6R2laZ2s2RE1qRUUxZkRUMXl2dV9pU3NBbHFZT21xTXB6UTRJdmlkb2VRdlNpT2ktWEpXdnd1TlBkaVF4Tm5ZUk9Xam9vSzdtdVNjWVRfWEpGM1BuUnQyVzk3TlJHeVdEZTl3cERFaWVwSG50ZjNKM1kxWE82bU9GLW5GOXpOTzRZU093NkxVMG9yNnAwRERWbWRGc0JST2hFZGdsWWozS0xMY2duVVl3UEZ0R090MFQxdkt4Q2dSZUlXM0Z1WkZFZVpZZkNfMjFUSnZESk4ifQ.qzYiRemJe9x9tHfqehx5RMketYReXFMwk2mFnX2vJ0uqcNDhiKiCXWhmBrVGNQ9JsmjQFTU_9mLpmRki42rqJQ%26fbclid%3DIwZXh0bgNhZW0CMTEAc3J0YwZhcHBfaWQQMjIyMDM5MTc4ODIwMDg5MgABHthFEaFG99y-COY-wOA2OWxeHCUsa4y1TOFUL3tBV-78HOPyUhZ2is8VWLtX_aem_8Fh1qf-f-9Zl7rwQXmGFMQ&h=AT3ZM8HIXMfOnUlExZjvHrvttugVMc7k1ZVtaQu8l4G3WxergnreuZfTqCL8Horw1pI15ahbELbh4PmQonWWQpJEluTn4n-zMikFmYvuT34Vib39tvrNOP2x25JWgFqlVOvjwbEC6-w&__tn__=*J%2CmH-R&c[0]=AT2ExwoSfO-wmMhGq8TkHpOKuLGyLcZKDO_xrS-B5BpZTaNmG2Ykm7uDTBCCpn8vdnItv-X_7LFZYRQSLP9GqvXDrTH_Hryt9mWxTE_zqLgmPY2z5QSFy-AIgfgWvORvq-TrHr_Clqfd4sycD7MIZKjOJMLvjZtlvWWtWWt7ft0oSPv8OKPJ7k-JFvoUN0vI04uCVH2D1WgBY_itc-YHqgyE2w">
                        <div class="product-image">
                            <img style="width: 200px; height: 100px; border-radius: 10px;"
                                 src="https://scontent.fabj7-1.fna.fbcdn.net/v/t39.30808-6/494746009_1096990929115650_385743595536927592_n.jpg?_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_eui2=AeGgZkL7Y1xQ3k8uINEPlHlcHmq0w9guc10earTD2C5zXW1eNc15qWDOsdT29E7xkHW4jTVt4Btd-B6ZtQldGpSB&_nc_ohc=rX9IrIdVFf4Q7kNvwEWc6v8&_nc_oc=AdkaskXcOUduTn6hOUtUT-E4s_J6ImZEbcC65B3GPOEbq6qdM-xV7FYq7SjVlxH0rhw&_nc_zt=23&_nc_ht=scontent.fabj7-1.fna&_nc_gid=h3cjsn3I2pWrnuKII3ovpA&oh=00_AfrLB1V-hfjG8aFrH-rZQYK_s_nd3EeNwGCStoJUjqDjkQ&oe=696AA644"
                                 alt="SIFO CARD"
                                 class="img-fluid"></div>
                        <h3> SIFO CARD
                        </h3>
                        <p align="justify">
                            𝐒𝐈𝐅𝐎 𝐂𝐀𝐑𝐃 💳 assure vos achats de produits en toute sécurité sur l'ensemble de vos station-service 𝐒𝐈𝐅𝐎 É𝐍𝐄𝐑𝐆𝐈𝐄 !
                            Vous pouvez la recharger selon vos besoins sur vos stations-services 𝐒𝐈𝐅𝐎 É𝐍𝐄𝐑𝐆𝐈𝐄 ou par 𝐦𝐨𝐛𝐢𝐥𝐞 𝐦𝐨𝐧𝐞𝐲 👌🏾
                        </p>
                        <span class="product-badge">Premium</span>
                    </a>
                </div>

                <div class="product-card">
                    <div class="product-image">
                        <img style="width: 200px; height: 100px; border-radius: 10px;"
                             src="{{ asset('templates/frontend/img/products/carburant.jpeg') }}" alt="Carburant"
                             class="img-fluid"></div>
                    <h3>Produits pétroliers</h3>
                    <p>L'essence et le gazole (également appelé gasoil
                        ou diesel) sont deux types de carburants issus du raffinage de pétrole brut.</p>
                    <span class="product-badge">Premium</span>
                </div>

                <div class="product-card">
                    <div class="product-image">
                        <img style="width: 200px; height: 100px; border-radius: 10px;"
                             src="{{ asset('templates/frontend/img/products/lubrifiant.jpg') }}" alt="Produits lubrifiant"
                             class="img-fluid"></div>
                    <h3>Produits lubrifiants</h3>
                    <p>{{ APP_NAME }} vous offre une gamme de produits
                        lubrifiants de haute qualité, pour répondre à tous vos besoins en matière de
                        lubrification…</p>
                    <span class="product-badge">Premium</span>
                </div>

                <div class="product-card">
                    <div class="product-image">
                        <img style="width: 200px; height: 100px; border-radius: 10px;"
                             src="{{ asset('templates/frontend/img/products/shopping.jpg') }}" alt="Shopping"
                             class="img-fluid"></div>
                    <h3>Shopping</h3>
                    <p>{{ APP_NAME }} met à votre disposition, des
                        boutiques C-Shop dans nos différentes stations-services sur l’étendue du territoire national
                        (service en cours.)</p>
                    <span class="product-badge">Premium</span>
                </div>
            </div>
        </div>
    </section>
{% endblock %}