@extends('layouts.app')
@section('content')
    <div class="breadcumb-wrapper" data-bg-src="{{asset('assets/img/breadcumb/breadcumb-bg-2.webp')}}">
        <div class="container z-index-common">
            <div class="breadcumb-content"><h1 class="breadcumb-title"> @lang("Contact") </h1>
                <div class="breadcumb-menu-wrap" aria-label="Breadcrumb">
                    <ul class="breadcumb-menu" itemscope itemtype="http://schema.org/BreadcrumbList">
                        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{route('index')}}" itemprop="item"><span itemprop="name"> @lang("Accueil") </span>
                                <meta itemprop="position" content="1"/>
                            </a></li>
                        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">@lang("Contact")</span>
                            <meta itemprop="position" content="2"/>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <section class="space bg-gradient-3">
        <div class="container">
            <div class="row gx-70">
                <div class="col-lg-6 mb-40 mb-lg-0 wow fadeInUp" data-wow-delay="0.2s">
                    <div class="text-center text-lg-start"><span class="sec-subtitle">@lang("DR Clinica")</span>
                        <h2 class="sec-title3 h1 text-uppercase mb-xxl-2 pb-xxl-1">@lang("Contactez-nous")</h2></div>
                    <div id="app">
                        <contact sitekey="{{ env("RECAPTCHA_PUBLIC") }}" send="{{ route("send-contact") }}"></contact>
                        <recaptcha recaptcha_public="{{ config('captcha.sitekey') }}"></recaptcha>
                    </div>
                </div>
                <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
                    <div class="contact-map">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1259.9402524942636!2d4.35407731904907!3d50.833377263764405!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c3c462483dad0f%3A0x30e72c43541d6c88!2sRue%20Bosquet%2047%2F19%2C%201060%20Saint-Gilles%2C%20Belgique!5e0!3m2!1sfr!2stn!4v1688373788968!5m2!1sfr!2stn" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                    <div class="contact-table">
                        <div class="tr">
                            <div class="tb-col"><span class="th">@lang("Places de parking privé gratuites, veuillez nous appeler pour vérifier les disponibilités") !</span></div>
                        </div>
                        <div class="tr">
                            <div class="tb-col"><span class="th">@lang("Adresse") :</span> <span class="td">{{ $calmspa->address }}</span></div>
                        </div>
                        <div class="tr">
                            <div class="tb-col"><span class="th">@lang("email") :</span> <span class="td"><a href="mailto:{{ $calmspa->email }}" class="text-inherit">{{ $calmspa->email }}</a></span></div>
                        </div> {{--<div class="tr"> <div class="tb-col"><span class="th">@lang("Téléphone") :</span> <span class="td"> <a href="tel:+32492246416" class="text-inherit"> +32 492 24 64 16</a></span></div> </div>--}} </div>
                    <span class="h1"><a href="tel:{{ $calmspa->phone }}" class="text-inherit"><i class="fal fa-headset me-3 text-theme"></i> {{ $calmspa->phone }}</a></span></div>
            </div>
        </div>
    </section>
@endsection
@section('js')
    <script src="https://www.google.com/recaptcha/api.js"></script>
@endsection