@extends('layout.front.master')

@section('title', __('Contacto') . ' | ' . config('site.name'))
@section('description', config('site.contact.meta_description', config('site.seo.description')))
@section('og_title', config('site.contact.page_title', __('Contacto')))
@section('og_description', config('site.contact.meta_description'))
@section('og_image', brand_og_image())
@section('og_type', 'website')
@section('og_url', url()->current())

@section('content')

@php
    $contactDefaults = [
        'page_eyebrow'   => __('Hablemos'),
        'page_title'     => __('Contame qué tenés en mente'),
        'page_subtitle'  => __('Respondo en menos de 24 horas con una propuesta concreta.'),
        'form_heading'   => __('Brief rápido'),
        'form_subtext'   => __('Cuanta más info pongas, mejor puedo cotizarte.'),
        'response_time'  => __('Respuesta en menos de 24hs'),
    ];
    $contact = function($key, $default = null) use ($contactDefaults) {
        return config('site.contact.' . $key, $contactDefaults[$key] ?? $default);
    };
@endphp

<div role="main" class="main">

    {{-- HERO --}}
    <section class="section section-no-border bg-transparent m-0 cp-page-hero">
        <div class="container">
            <div class="row align-items-end min-vh-50">
                <div class="col-lg-10">
                    <p class="cp-eyebrow mb-3">{{ $contact('page_eyebrow') }}</p>
                    <h1 class="cp-page-hero__title">{{ $contact('page_title') }}</h1>
                    @if($contact('page_subtitle'))
                        <p class="cp-page-hero__subtitle">{{ $contact('page_subtitle') }}</p>
                    @endif

                    @if($contact('availability_text'))
                        <span class="cp-availability mt-4">
                            <span class="cp-availability__dot"></span>
                            {{ $contact('availability_text') }}
                        </span>
                    @endif
                </div>
            </div>
        </div>
    </section>

    {{-- FORM + INFO --}}
    <section class="section section-no-border bg-transparent border-0 cp-section py-6">
        <div class="container">
            <div class="row g-5">

                {{-- Form --}}
                <div class="col-lg-7">
                    <h2 class="cp-section__title mb-2">{{ $contact('form_heading') }}</h2>
                    @if($contact('form_subtext'))
                        <p class="cp-section__lead mb-4">{{ $contact('form_subtext') }}</p>
                    @endif

                    @if(session('success'))
                        <div class="cp-alert cp-alert--success mb-4">{{ session('success') }}</div>
                    @endif
                    @if($errors->any())
                        <div class="cp-alert cp-alert--error mb-4">
                            @foreach($errors->all() as $error)<div>{{ $error }}</div>@endforeach
                        </div>
                    @endif

                    <form action="{{ url('/contact') }}" method="POST" data-recaptcha-action="contact" class="cp-form js-recaptcha-form">
                        @csrf

                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="cp-form__label">{{ __('Nombre') }} *</label>
                                <input type="text" name="name" required class="cp-form__input" value="{{ old('name') }}">
                            </div>
                            <div class="col-md-6">
                                <label class="cp-form__label">{{ __('Email') }} *</label>
                                <input type="email" name="email" required class="cp-form__input" value="{{ old('email') }}">
                            </div>
                            <div class="col-12">
                                <label class="cp-form__label">{{ __('Asunto') }}</label>
                                <input type="text" name="subject" class="cp-form__input" value="{{ old('subject') }}" placeholder="{{ __('¿De qué se trata?') }}">
                            </div>
                            <div class="col-12">
                                <label class="cp-form__label">{{ __('Contame del proyecto') }} *</label>
                                <textarea name="message" rows="6" required class="cp-form__textarea" placeholder="{{ __('Tipo de contenido, plataforma, fechas estimadas, presupuesto aproximado...') }}">{{ old('message') }}</textarea>
                            </div>
                            <div class="col-12 mt-4">
                                <button type="submit" class="btn btn-cta btn-rounded font-weight-bold text-2 text-uppercase px-5 btn-py-3">
                                    {{ __('Enviar mensaje') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>

                {{-- Info lateral --}}
                <div class="col-lg-5">
                    <aside class="cp-contact-info">

                        @if(config('site.contact.email'))
                            <div class="cp-contact-info__block">
                                <p class="cp-contact-info__label">{{ __('Email') }}</p>
                                <a href="mailto:{{ config('site.contact.email') }}" class="cp-contact-info__value">{{ config('site.contact.email') }}</a>
                            </div>
                        @endif

                        @if(config('site.contact.phone'))
                            <div class="cp-contact-info__block">
                                <p class="cp-contact-info__label">{{ __('Teléfono') }}</p>
                                <a href="tel:{{ config('site.contact.phone_number', config('site.contact.phone')) }}" class="cp-contact-info__value">{{ config('site.contact.phone') }}</a>
                            </div>
                        @endif

                        @if(config('site.contact.address'))
                            <div class="cp-contact-info__block">
                                <p class="cp-contact-info__label">{{ __('Ubicación') }}</p>
                                <p class="cp-contact-info__value">{{ config('site.contact.address') }}</p>
                            </div>
                        @endif

                        @if($contact('schedule'))
                            <div class="cp-contact-info__block">
                                <p class="cp-contact-info__label">{{ __('Horarios') }}</p>
                                <p class="cp-contact-info__value">{{ $contact('schedule') }}</p>
                            </div>
                        @endif

                        @if($contact('response_time'))
                            <div class="cp-contact-info__block">
                                <p class="cp-contact-info__label">{{ __('Tiempo de respuesta') }}</p>
                                <p class="cp-contact-info__value cp-contact-info__value--muted">{{ $contact('response_time') }}</p>
                            </div>
                        @endif

                        {{-- Redes --}}
                        @php
                            $socialLinks = collect([
                                'instagram' => $contact('instagram_url'),
                                'twitter'   => $contact('twitter_url'),
                                'tiktok'    => $contact('tiktok_url'),
                                'youtube'   => $contact('youtube_url'),
                                'discord'   => $contact('discord_url'),
                                'behance'   => $contact('behance_url'),
                                'vimeo'     => $contact('vimeo_url'),
                            ])->filter();
                        @endphp
                        @if($socialLinks->isNotEmpty())
                            <div class="cp-contact-info__block">
                                <p class="cp-contact-info__label">{{ __('Redes') }}</p>
                                <div class="cp-contact-info__social">
                                    @foreach($socialLinks as $key => $url)
                                        <a href="{{ $url }}" target="_blank" rel="noopener noreferrer" class="cp-contact-info__icon" title="{{ ucfirst($key) }}">
                                            <i class="{{ get_social_icon($key) }}"></i>
                                        </a>
                                    @endforeach
                                </div>
                            </div>
                        @endif
                    </aside>
                </div>

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

</div>
@endsection