@extends('user-front.layout')

@section('tab-title')
    {{$keywords["Contact"] ?? "Contacts"}}
@endsection

@section('meta-description', !empty($userSeo) ? $userSeo->contact_meta_description : '')
@section('meta-keywords', !empty($userSeo) ? $userSeo->contact_meta_keywords : '')

@section('page-name')
{{$keywords['Contact_Us'] ?? 'Contact Us'}}
@endsection
@section('br-name')
    {{$keywords["Contact_Us"] ?? "Contact Us"}}
@endsection

@section('content')
    <!--====== Contact Section start ======-->
    <section class="contact-section contact-page section-gap pb-0">
        <div class="container">
            <div class="contact-info">
                <div class="row justify-content-center">
                    <div class="col-lg-6 order-2 order-lg-1">
                        <div class="illustration-img text-center">
                            @php
                                $contactImg = $contact->contact_form_image ?? 'contact_img.png';
                            @endphp
                            <img class="lazy" data-src="{{asset('assets/front/img/user/' . $contactImg)}}" alt="Image">
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-10 order-1 order-lg-2">
                        <div class="contact-info-content">
                            <div class="section-title left-border mb-40">
                                @if (!empty($contact->contact_form_title))
                                <span class="title-tag">{{$contact->contact_form_title ?? null}}</span>
                                @endif
                                <h2 class="title">{{$contact->contact_form_subtitle ?? null}}</h2>
                            </div>
                            <ul>
                                @php
                                    $phone_numbers = !empty($contact->contact_numbers) ? explode(",",  $contact->contact_numbers) : [];
                                    $emails = !empty($contact->contact_mails) ? explode(",",  $contact->contact_mails) : [];
                                    $addresses = !empty($contact->contact_addresses) ? explode(PHP_EOL, $contact->contact_addresses) : [];
                                @endphp
                                @if (count($phone_numbers) > 0)
                                <li class="phone">
                                    <i class="far fa-phone mr-0"></i>
                                    @foreach($phone_numbers as $phone_number)
                                        <a href="tel:{{ $phone_number}}">{{ $phone_number }}</a>
                                        @if (!$loop->last)
                                            ,
                                        @endif
                                    @endforeach
                                </li>
                                @endif
                                @if (count($emails) > 0)
                                <li>
                                    <i class="far fa-envelope-open mr-0"></i>
                                    @foreach($emails as $email)
                                        <a href="mailto:{{$email}}">{{$email}}</a>
                                        @if (!$loop->last)
                                            ,
                                        @endif
                                    @endforeach
                                </li>
                                @endif
                                @if (count($addresses) > 0)
                                @foreach($addresses as $address)
                                <li class="mb-0">
                                    <i class="far fa-map-marker-alt mr-0"></i>
                                    <span class="mb-0">{{ $address }}</span>
                                </li>
                                @endforeach
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="contact-form grey-bg {{(empty($contact->latitude) || empty($contact->longitude)) ? 'mb-0' : ''}}">
                <div class="row no-gutters justify-content-center">
                    <div class="col-10">
                        <div class="section-title text-center mb-40">
                            <h2 class="title">{{$home_text->contact_subtitle ?? null}}</h2>
                        </div>

                        <form action="{{route('front.contact.message',getParam())}}" method="POST"  enctype="multipart/form-data" >
                            @csrf
                            <input type="hidden" name="id" value="{{$user->id}}">
                            <div class="row">
                                <div class="col-lg-4">
                                    <div class="input-group mb-30">
                                        <input type="text" placeholder="{{$keywords["Name"] ?? "Name"}}" name="fullname" value="{{old('fullname')}}" required>
                                        <span class="icon"><i class="far fa-user-circle"></i></span>
                                        @error('fullname')
                                        <p class="mb-0 ml-3 text-danger">{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="input-group mb-30">
                                        <input type="email" placeholder="{{$keywords["Email_Address"] ?? "Email Address"}}" name="email" value="{{old('email')}}" required>
                                        <span class="icon"><i class="far fa-envelope-open"></i></span>
                                        @error('email')
                                        <p class="mb-0 ml-3 text-danger">{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="input-group mb-30">
                                        <input type="text" placeholder="{{$keywords["Subject"] ?? "Subject"}}" name="subject" value="{{old('subject')}}" required>
                                        <span class="icon"><i class="far fa-envelope"></i></span>
                                        @error('subject')
                                        <p class="mb-0 ml-3 text-danger">{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="input-group textarea mb-30">
                                        <textarea placeholder="{{$keywords["Message"] ?? "Message"}}" name="message" required>{{old('message')}}</textarea>
                                        <span class="icon"><i class="far fa-pencil"></i></span>
                                        @error('message')
                                        <p class="mb-0 ml-3 text-danger">{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12 text-center">
                                    <button type="submit" class="main-btn">{{ $keywords["Send_Message"] ?? "Send Message"}}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        @if (!empty($contact->latitude) && !empty($contact->longitude))
        <div class="container-fluid container-1600 mb-0">
            <div class="contact-map">
                <iframe
                    src="//www.google.com/maps?width=100%25&amp;height=600&amp;hl=en&amp;q={{$contact->latitude ?? 36.7783}},%20{{$contact->longitude ?? 119.4179}}+(My%20Business%20Name)&amp;t=&amp;z={{$contact->map_zoom ?? 12}}&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"
                    class="border-0" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
            </div>
        </div>
        @endif
    </section>
@endsection