@extends('layouts.app')

@section('title', 'Documentations - EquitAssistance')
@section('meta_description', 'Téléchargez tous les documents utiles à votre souscription Equitassistance : mandat SEPA, plaquette, tableau de garanties et bien plus encore.')
@section('robots', 'index follow')

@section('content')
    <div class="page-header parallaxie">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="page-header-box">
                        <h1 class="" data-cursor="-opaque">Documentations</h1>
                        <nav class="wow fadeInUp">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ url('/') }}">Accueil</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Documentations</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-case-study">
        <div class="container">
            <div class="row">
                <div class="col-12 contact-information">
                    <div class="section-title">
                        <p class="wow fadeInUp">documentation</p>
                        <h2 class="" data-cursor="-opaque">Téléchargez les documents que vous souhaitez</h2>
                    </div>
                    <p class="wow fadeInUp" data-wow-delay="0.2s">Retrouvez ci-dessous les différents documents pratiques pour la souscription auprès d'Equitassistance, ainsi que les documents d'information sur le produit.</p>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp">
                        <div class="icon-box">
                            <lord-icon src="{{ asset('assets/images/icons/document-commercial.json') }}" trigger="loop" delay="2000"
                                stroke="regular" state="hover-line" class="align-middle wh-80px" loading="lazy">
                            </lord-icon>
                        </div>
                        <div class="service-content">
                            <p>Document</p>
                            <h3>Plaquette commerciale</h3>
                        </div>
                        <div class="service-btn">
                            <a href="{{ asset('assets/pdf/documentations/assistance_fly_septvf_sans_bp.pdf') }}" target="_blank">Télécharger</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp">
                        <div class="icon-box">
                            <lord-icon src="{{ asset('assets/images/icons/document-souscription.json') }}" trigger="loop" delay="2000"
                                stroke="regular" state="hover-line" class="align-middle wh-80px" loading="lazy">
                            </lord-icon>
                        </div>
                        <div class="service-content">
                            <p>Document</p>
                            <h3>Aide Souscription</h3>
                        </div>
                        <div class="service-btn">
                            <a href="{{ asset('assets/pdf/documentations/Documents_a_ne_pas_oublier.pdf') }}" target="_blank">Télécharger</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp">
                        <div class="icon-box">
                            <lord-icon src="{{ asset('assets/images/icons/document-souscription.json') }}" trigger="loop" delay="2000"
                                stroke="regular" state="hover-line" class="align-middle wh-80px" loading="lazy">
                            </lord-icon>
                        </div>
                        <div class="service-content">
                            <p>Document</p>
                            <h3>Formulaire Souscription</h3>
                        </div>
                        <div class="service-btn">
                            <a href="{{ asset('assets/pdf/documentations/fomulaire_adhesion-equitassistance.pdf') }}" target="_blank">Télécharger</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp">
                        <div class="icon-box">
                            <lord-icon src="{{ asset('assets/images/icons/document-monetaire.json') }}" trigger="loop" delay="2000"
                                stroke="regular" state="hover-line" class="align-middle wh-80px" loading="lazy">
                            </lord-icon>
                        </div>
                        <div class="service-content">
                            <p>Document</p>
                            <h3>Mandat SEPA</h3>
                        </div>
                        <div class="service-btn">
                            <a href="{{ asset('assets/pdf/documentations/Mandat_sepa_equitassistance.pdf') }}" target="_blank">Télécharger</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp">
                        <div class="icon-box">
                            <lord-icon src="{{ asset('assets/images/icons/document-garanties.json') }}" trigger="loop" delay="2000"
                                stroke="regular" state="hover-line" class="align-middle wh-80px" loading="lazy">
                            </lord-icon>
                        </div>
                        <div class="service-content">
                            <p>Document</p>
                            <h3>Resumé des garanties</h3>
                        </div>
                        <div class="service-btn">
                            <a href="{{ asset('assets/pdf/documentations/Tableau_de_garantie2020.pdf') }}" target="_blank">Télécharger</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp">
                        <div class="icon-box">
                            <lord-icon src="{{ asset('assets/images/icons/document-catalogue.json') }}" trigger="loop" delay="2000"
                                stroke="regular" state="hover-line" class="align-middle wh-80px" loading="lazy">
                            </lord-icon>
                        </div>
                        <div class="service-content">
                            <p>Document</p>
                            <h3>Catalogue Services</h3>
                        </div>
                        <div class="service-btn">
                            <a href="{{ asset('assets/pdf/documentations/Catalogue_produits_et_services.pdf') }}" target="_blank">Télécharger</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="service-item wow fadeInUp">
                        <div class="icon-box">
                            <lord-icon src="{{ asset('assets/images/icons/document-catalogue.json') }}" trigger="loop" delay="2000"
                                stroke="regular" state="hover-line" class="align-middle wh-80px" loading="lazy">
                            </lord-icon>
                        </div>
                        <div class="service-content">
                            <p>Document</p>
                            <h3>Devenir Assisteur</h3>
                        </div>
                        <div class="service-btn">
                            <a href="{{ asset('assets/pdf/documentations/Devenir-Assisteur-Equitassistance.pdf') }}" target="_blank">Télécharger</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-8 col-md-6">
                    <div class="service-item">
                        <div class="row">
                            <div class="col-sm-2">
                                <div class="icon-box">
                                    <lord-icon src="https://equitassistance.local/assets/images/icons/telephone.json" trigger="loop" delay="2000" stroke="regular" state="hover-line" class="align-middle wh-80px" loading="lazy">
                                    </lord-icon>
                                </div>
                            </div>
                            <div class="col-sm-10">
                                <div class="service-content">
                                    <h3>Faites vous assistez en cas d'imprévu</h3>
                                    <h3>Assistance 24/24 au 0825 95 40 95</h3>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-4 offset-sm-2">
                                <div class="service-content">
                                    <div class="about-list wow fadeInUp" data-wow-delay="0.5s">
                                        <ul>
                                            <li>Van / Camion</li>
                                            <li>Chauffeur</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="service-content">
                                    <div class="about-list wow fadeInUp" data-wow-delay="0.5s">
                                        <ul>
                                            <li>Rapatriement du Cheval</li>
                                            <li>Hébergement d'urgence</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection