<div class="container-fluid main-footer p-0">
    <footer class="text-white">
        <div class="footer-main">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3">
                        <h6>Adresse</h6>
                        <hr class="deep-purple  accent-2 mb-4 mt-0 d-inline-block mx-auto">
                        <p>« <span>{{ _soc.slogan }}</span> »</p>
                        <p class="address">
                            <i class="fa fa-home"></i>&nbsp;&nbsp;
                            {{ _soc.adresse }}
                        </p>
                    </div>
                    <div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3">
                        <h6>{{ _ctc[0].libelle }}</h6>
                        <hr class="deep-purple  text-primary accent-2 mb-4 mt-0 d-inline-block mx-auto">
                        <ul class="list-unstyled mb-0">
                            {% if _ctc[0].email %}
                                <li class="envelope">
                                    <a href="mailto:{{ _ctc[0].email }}"><i class="fa fa-envelope me-3"></i> {{ _ctc[0].email }}</a>
                                </li>
                            {% endif %}
                            <li class="fone">
                                <a href="#"><i class="fa fa-phone me-3"></i> {{ _ctc[0].mobile1 }}</a>
                            </li>
                            {% if _ctc[0].mobile2 %}
                                <li class="fone">
                                    <a href="#"><i class="fa fa-phone me-3"></i> {{ _ctc[0].mobile2 }}</a>
                                </li>
                            {% endif %}

                        </ul>
                        <br>
                        <h6>Service commande</h6>
                        <hr class="deep-purple  text-primary accent-2 mb-4 mt-0 d-inline-block mx-auto">
                        <ul class="list-unstyled mb-0">
                            <li class="fone">
                                <a href="#"><i class="fa fa-phone me-3"></i> {{ _soc.numeroCommande }}</a>
                            </li>

                        </ul>
                    </div>
                    <div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 mb-4">
                        <h6>{{ _ctc[1].libelle }}</h6>
                        <hr class="deep-purple  text-primary accent-2 mb-4 mt-0 d-inline-block mx-auto">
                        <ul class="list-unstyled mb-0">
                            {% if _ctc[1].email %}
                                <li class="envelope">
                                    <a href="mailto:{{ _ctc[1].email }}"><i class="fa fa-envelope me-3"></i> {{ _ctc[1].email }}</a>
                                </li>
                            {% endif %}
                            <li class="fone">
                                <a href="#"><i class="fa fa-phone me-3"></i> {{ _ctc[1].mobile1 }}</a>
                            </li>
                            {% if _ctc[1].mobile2 %}
                                <li class="fone">
                                    <a href="#"><i class="fa fa-phone me-3"></i> {{ _ctc[1].mobile2 }}</a>
                                </li>
                            {% endif %}
                        </ul>
                    </div>
                    <div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 footer-item">
                        <h6>{{ _ctc[2].libelle }}</h6>
                        <hr class="deep-purple  text-primary accent-2 mb-4 mt-0 d-inline-block mx-auto">
                        <ul class="list-unstyled mb-0">
                            {% if _ctc[2].email %}
                                <li class="envelope">
                                    <a href="mailto:{{ _ctc[2].email }}"><i class="text-white fa fa-envelope me-3"></i> {{ _ctc[2].email }}</a>
                                </li>
                            {% endif %}
                            <li class="fone">
                                <a href="#"><i class="text-white fa fa-phone me-3 "></i> {{ _ctc[2].mobile1 }}</a>
                            </li>
                            {% if _ctc[2].mobile2 %}
                                <li class="fone">
                                    <a href="#"><i class="text-white fa fa-phone me-3 "></i> {{ _ctc[2].mobile2 }}</a>
                                </li>
                            {% endif %}
                        </ul>
                        <h6 class="mb-0 mt-5">Payer avec</h6>
                        <hr class="deep-purple  text-primary accent-2 d-inline-block mx-auto">
                        <ul class="list-unstyled ">
                            <li>
                                <img src="{{ asset('assets/images/other/logo_mvola_by_telma.png') }}" alt="img"><a href="#">
                                    <!--<i class="fa fa-phone me-3 text-primary"></i>--> {{ _soc.mobile2 }}</a>
                            </li>
                        </ul>
                        <h6 class="mb-0 mt-2">Nous suivre</h6>
                        <hr class="deep-purple  text-primary accent-2 d-inline-block mx-auto">
                        <ul class="list-unstyled list-inline ">
                            <li class="list-inline-item">
                                <a href="https://www.facebook.com/opham.officiel/" target="_blank" class="btn-floating btn-sm rgba-white-slight mx-1 waves-effect waves-light">
                                    <i class="fa fa-facebook bg-facebook"></i>
                                </a>
                            </li>
                            <li class="list-inline-item">
                                <a href="https://mg.linkedin.com/company/opham" target="_blank" class="btn-floating btn-sm rgba-white-slight mx-1 waves-effect waves-light">
                                    <i class="fa fa-linkedin bg-linkedin"></i>
                                </a>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="text-white">
            <div class="container" style="border-top:1px solid #fff">
                <div class="row d-flex">
                    <div class="col-lg-12 col-sm-12 mt-3 mb-3 text-center ">
                        Copyright © {{ 'now'|date('Y') }} <a href="#" class="fs-14"><b>OPHAM</b></a>. Crée par <a
                                href="javascript:void0"> </a>Tous droits reservés.
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div>