@extends('layouts.default')

@section('content')

<div class="pf-contact">


    <div class="pf-contact-card">
        <h1 class="elementor-heading-title elementor-size-default">{{ __('contact.heading') }}</h1>
        <p class="elementor-heading-title elementor-size-default">{{ __('contact.subheading') }}</p>
        <form id="contactForm" method="post" action="{{ route('contact.send') }}" novalidate>
            @csrf

            <label for="c_name">
                {{ __('contact.name') }}:
                <span class="req">*</span>
            </label>
            <input type="text" id="c_name" name="name" required>

            <label for="c_email">
                {{ __('contact.email') }}:
                <span class="req">*</span>
            </label>
            <input type="email" id="c_email" name="email" required>

            <label for="c_phone">
                {{ __('contact.phone') }}:
            </label>
            <input type="text" id="c_phone" name="phone">

            <label for="c_message">
                {{ __('contact.message') }}:
                <span class="req">*</span>
            </label>
            <textarea id="c_message" name="message" required></textarea>

            <div class="g-recaptcha" data-sitekey="{{ config('services.recaptcha.site_key') }}"></div>
            <div id="contactMessage" class="pf-contact-msg"></div>

            <button type="submit" class="pf-contact-btn">{{ __('contact.send') }}</button>
        </form>
    </div>


    <div class="pf-contact-info">
        <div class="pf-contact-box">
            <i class="fa fa-map-marker" aria-hidden="true"></i>
            <div>
                <strong>{{ __('contact.address_title') }}</strong>
                <p>{!! __('contact.address_text') !!}</p>
            </div>
        </div>
        <div class="pf-contact-box">
            <i class="fa fa-envelope" aria-hidden="true"></i>
            <div>
                <strong>{{ __('contact.email_title') }}</strong>
                <p><a href="mailto:info@panamfarma.com">info@panamfarma.com</a></p>
            </div>
        </div>
        <div class="pf-contact-box">
            <i class="fa fa-phone" aria-hidden="true"></i>
            <div>
                <strong>{{ __('contact.phone_title') }}</strong>
                <p>
    <a href="https://api.whatsapp.com/send?phone=14097899957&amp;text=Hola%20desde%20PanAmFarma%2C%20Distribuidor%20de%20Farmac%C3%A9uticos%20Especializados."
       target="_blank"
       rel="noopener noreferrer">
        {!! __('contact.phone_text') !!}
    </a>
</p>
            </div>
        </div>
        <div class="pf-contact-box">
            <i class="fa fa-truck" aria-hidden="true"></i>
            <div>
                <strong>{{ __('contact.days_title') }}</strong>
                <p>{!! __('contact.days_text') !!}</p>
            </div>
        </div>
    </div>

</div>

<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script src="{{ asset('js/contact.js') }}"></script>

@stop