@extends('layouts.web')

@section('head-js')
    {{-- <script src="{{ asset('js/web/pages/contact.js') }}" defer></script> --}}
@endsection

@section('css')
    <link rel="stylesheet" href="{{ asset('css/web/pages/contact.css') }}">
@endsection

@section('content')
    @component('web.components.layout.banner_pages', [
        'title' => 'Contato',
        'style' => 'background-image: url(' . asset('images/placeholder/web/banner-contato.webp') . ')',
    ])
    @endcomponent

    @component('web.components.default.section', [
        'class' => 'contact my-5',
    ])
        <div class="row mb-lg-4">
            @foreach ($contact as $data)
                <div class="col-lg-6 mb-4 mb-lg-0">
                    <h1 class="contact__title">Precisando de atendimento especializado em urologia?</h1>
                    <h2 class="contact__title">{{ $data['name'] }}</h2>
                    {{-- <p class="contact__paragraph">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                        Lorem
                        Ipsum
                        has been the industry's
                        standard dummy text ever since the 1500s...Lorem Ipsum is simply. </p> --}}
                    <a class="btn-secondary" href="{{ $data['social']['whatsapp'] }}" target="_blank">
                        <i class="fas fa-calendar-alt me-2"></i>
                        {{ $button ?? 'Agendar consulta' }}
                    </a>

                </div>
            @endforeach
        </div>
        <div class="row">
            <div class="col-lg-6">
                <div class="contact__info">
                    <div class="contact__info__card">
                        <div class="contact__info__card__icon">
                            <i class="fab fa-whatsapp"></i>
                        </div>
                        <div class="contact__info__card__content">
                            <p>{{ config('web.contact.whatsApp')[0]['label'] }}</p>
                            <div class="d-flex gap-1">
                                <a href="{{ config('web.contact.whatsApp')[0]['link'] }}" target="_blank">
                                    {{ config('web.contact.whatsApp')[0]['format'] }}
                                </a> |
                                <a href="{{ config('web.contact.whatsApp')[1]['link'] }}" target="_blank" class="d-block">
                                    {{ config('web.contact.whatsApp')[1]['format'] }}
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="contact__info__card">
                        <div class="contact__info__card__icon">
                            <i class="fas fa-map-marker-alt"></i>
                        </div>
                        <div class="contact__info__card__content">
                            <p>{{ config('web.location')[0]['label'] }}</p>
                            <a href="{{ config('web.location')[0]['link'] }}" target="_blank">
                                {{ config('web.location')[0]['address'] }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="contact__info">
                    <div class="contact__info__card">
                        <div class="contact__info__card__icon">
                            <i class="fab fa-whatsapp"></i>
                        </div>
                        <div class="contact__info__card__content">
                            <p>{{ config('web.contact.whatsApp')[2]['label'] }}</p>
                            <div class="d-flex gap-1">
                                <a href="{{ config('web.contact.whatsApp')[2]['link'] }}" target="_blank">
                                    {{ config('web.contact.whatsApp')[2]['format'] }}
                                </a> |
                                <a href="{{ config('web.contact.whatsApp')[3]['link'] }}" target="_blank">
                                    {{ config('web.contact.whatsApp')[3]['format'] }}
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="contact__info__card">
                        <div class="contact__info__card__icon">
                            <i class="fas fa-map-marker-alt"></i>
                        </div>
                        <div class="contact__info__card__content">
                            <p>{{ config('web.location')[1]['label'] }}</p>
                            <a href="{{ config('web.location')[1]['link'] }}" target="_blank">
                                {{ config('web.location')[1]['address'] }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endcomponent
@endsection