@extends('layouts.app')

@section('title', 'Connexion Extranet - EquitAssistance')
@section('meta_description', "Connectez-vous à l’espace Courtier Equitassistance pour accéder à vos devis et gérer votre portefeuille.")
@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">Extranet courtier</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">Extranet courtier</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-contact-us">
        <div class="container">
            <div class="row align-items-center">

                <div class="col-12">
                    <form action="https://backoffice.equitassistance.com/login.php" method="POST"
                          class="contact-us-form wow fadeInUp" data-wow-delay="0.5s" autocomplete="on">
                        <div class="section-title">
                            <h2 class="" data-cursor="-opaque">Déjà partenaire ?</h2>
                            <p class="wow fadeInUp mt-1" data-wow-delay="0.25s">Veuillez saisir vos identifiants</p>
                        </div>

                        <div class="contact-form">
                            <div class="row">
                                <div class="form-group col-md-6 mb-4">
                                    <input type="text" name="username" id="username" class="form-control"
                                           placeholder="Identifiant" required autocomplete="username">
                                </div>
                                <div class="form-group col-md-6 mb-4">
                                    <input type="password" name="password" id="password" class="form-control"
                                           placeholder="Mot de passe" required autocomplete="current-password">
                                </div>

                                <div class="col-12 d-flex gap-3 align-items-center">
                                    <button type="submit" class="btn-default">Se connecter</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>

    <div class="our-expertise pt-0">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 col-md-12">
                    <h2 class="">Vous souhaitez nous rejoindre</h2>
                    <div class="our-expertise-content">
                        <div class="section-title">
                            <p class="mt-3">
                                Pour devenir partenaire, merci de nous transmettre :
                            </p>
                            <ul class="mt-2">
                                <li>Nom de votre société</li>
                                <li>Nom et prénom du/des dirigeants</li>
                                <li>Attestation ORIAS {{ now()->year }}</li>
                                <li>Attestation RC pro et garantie financière</li>
                                <li>Coordonnées complètes</li>
                                <li>Email de référence du cabinet</li>
                            </ul>
                            <span class="mt-1">
                                Afin de devenir partenaire Equitassistance, merci de nous transmettre les éléments suivants par courrier ou par email à l'adresse info@equitassistance.com
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 offset-lg-1 col-md-12">
                    <img src="{{ asset('assets/images/partenariat-securite.webp') }}"
                         alt="Intervention des pompiers auprès des chevaux après un accident sur la route" loading="lazy">
                </div>
            </div>
        </div>
    </div>

    <div class="cta-box">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="cta-box-content">
                        <div class="section-title">
                            <h3 class="wow fadeInUp">Vous souhaitez nous rejoindre ?</h3>
                            <h2 class="mb-3" data-cursor="-opaque">Un partenariat au service de la sécurité de nos chevaux</h2>
                            <span class="text-white">Faites profiter à vos clients de la notoriété grandissante du réseau d'assistance équestre Equitassistance, afin d'aider vos clients ou fournisseurs en cas d'immobilisation de leur cheval.
                            Nous vous proposons d'intégrer notre lien ou notre logo sur votre site afin d'aiguillez vos clients vers notre service en fort développement.</span>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 offset-lg-1">
                    <div class="cta-box-image">
                        <img src="{{ asset('/assets/images/devenir-partenaire.webp') }}" alt="4x4 avec remorque, accompagné du logo EquitAssistance" loading="lazy">
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection