@extends('tenant_frontend.layout')

@section('pageHeading')
    {{ !empty($pageHeading) ? $pageHeading->contact_page_title : $keywords['Contacto'] ?? __('Contacto') }}
@endsection

@section('metaKeywords')
    @if (!empty($seoInfo))
        {{ $seoInfo->meta_keyword_contact }}
    @endif
@endsection

@section('metaDescription')
    @if (!empty($seoInfo))
        {{ $seoInfo->meta_description_contact }}
    @endif
@endsection

@section('content')
    @includeIf('tenant_frontend.partials.breadcrumb', [
        'breadcrumb' => $breadcrumb,
        'title' => !empty($pageHeading) ? $pageHeading->contact_page_title : $keywords['Contacto'] ?? __('Contacto'),
        'subtitle' => !empty($pageHeading)
            ? $pageHeading->contact_page_title
            : $keywords['Contacto'] ?? __('Contacto'),
    ])



    <div class="contact-area ptb-100">
        <div class="container">
            <div class="row justify-content-center">
                @if (!empty($info->contact_number))
                    <div class="col-lg-4 col-md-6">
                        <div class="card mb-30 color-1" data-aos="fade-up" data-aos-delay="100">
                            <div class="icon">
                                <i class="fal fa-phone-plus"></i>
                            </div>
                            <div class="card-text">
                                @php
                                    $numbers = explode(',', $basicInfo->contact_number);
                                @endphp


                                @foreach ($numbers as $number)
                                    <p><a href="tel:{{ $number }}">{{ $number }}</a></p>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif
                @if (!empty($info->email_address))
                    <div class="col-lg-4 col-md-6">
                        <div class="card mb-30 color-2" data-aos="fade-up" data-aos-delay="300">
                            <div class="icon">
                                <i class="fal fa-envelope"></i>
                            </div>
                            <div class="card-text">
                                @php
                                    $emails = explode(',', $basicInfo->email_address);
                                @endphp
                                @foreach ($emails as $email)
                                    <p><a href="mailTo:{{ $email }}">{{ $email }}</a></p>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif
                @if (!empty($info->address))
                    <div class="col-lg-4 col-md-6">
                        <div class="card mb-30 color-3" data-aos="fade-up" data-aos-delay="200">
                            <div class="icon">
                                <i class="fal fa-map-marker-alt"></i>
                            </div>
                            <div class="card-text">

                                <p><a href="javascript:void(0)">{{ $info->address }}</a></p>

                            </div>
                        </div>
                    </div>
                @endif

            </div>

            <div class="pb-70"></div>

            <div class="row gx-xl-5">
                <div class="col-lg-6 mb-30" data-aos="fade-left">
                    @if (!empty($info->latitude) && !empty($info->longitude))
                        <iframe width="100%" height="450" frameborder="0" scrolling="no" marginheight="0"
                            marginwidth="0"
                            src="//maps.google.com/maps?width=100%25&amp;height=600&amp;hl={{ $currentLanguageInfo?->code }}&amp;q={{ $info->latitude }},%20{{ $info->longitude }}+({{ $basicInfo->website_title }})&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe>
                    @endif
                </div>
                <div class="col-lg-6 mb-30 order-lg-first" data-aos="fade-right">
                    @if (Session::has('success'))
                        <div class="alert alert-success">{{ __(Session::get('success')) }}</div>
                    @endif
                    @if (Session::has('error'))
                        <div class="alert alert-success">{{ __(Session::get('error')) }}</div>
                    @endif
                    <form id="contactForm" action="{{ route('frontend.contact.send_mail', getParam()) }}" method="post">
                        @csrf
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mb-20">
                                    <input type="text" name="name" class="form-control" id="name"
                                        placeholder="{{ $keywords['Ingresá tu Nombre Completo'] ?? __('Ingresá tu Nombre Completo') }}" />
                                    @error('name')
                                        <div class="help-block with-errors text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group mb-20">
                                    <input type="email" name="email" class="form-control" id="email" required
                                        data-error="Enter your email"
                                        placeholder="{{ $keywords['Ingresá tu Email'] ?? __('Ingresá tu Email') }}" />
                                    @error('email')
                                        <div class="help-block with-errors text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group mb-20">
                                    <input type="text" name="subject" class="form-control" id="" required
                                        placeholder="{{ $keywords['Ingresá el Asunto'] ?? __('Ingresá el Asunto') }}" />
                                    @error('subject')
                                        <div class="help-block with-errors text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group mb-20">
                                    <textarea name="message" id="message" class="form-control" cols="30" rows="8" required
                                        placeholder="{{ $keywords['Escribe tu Mensaje'] ?? __('Escribe tu Mensaje') }}"></textarea>
                                    @error('message')
                                        <div class="help-block with-errors text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            @if ($basicInfo->google_recaptcha_status == 1)
                                <div class="col-md-12">
                                    <div class="form-group mb-20">
                                        {!! NoCaptcha::renderJs() !!}
                                        {!! NoCaptcha::display() !!}
                                        @error('g-recaptcha-response')
                                            <div class="help-block with-errors text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            @endif

                            <div class="col-md-12">
                                <button type="submit" class="btn btn-lg btn-primary"
                                    title="{{ $keywords['Enviar Mensaje'] ?? __('Enviar Mensaje') }}">{{ $keywords['Send'] ?? __('Send') }}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="pb-70"></div>
        </div>

        @if (!empty(showAd(3)))
            <div class="text-center">
                {!! showAd(3) !!}
            </div>
        @endif
    </div>
    <!--============ End Contact Section =============-->
@endsection