@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- Start section -->
        <section class="contact_pg section pb-0">
            <div class="container">
                <h2 class="title_w_shape w-fit mx-auto mb-5"> {{ __('main.contact_us2') }} </h2>
                <div class="row">
                    <div class="col-lg-3">
                        <div class="contact_box">
                            <div class="icon_box">
                                <i class="fa-light fa-envelope"></i>
                            </div>
                            <div class="txt_content">
                                <h5 class="title fw-bold mb-3"> {{ __('visitormessages::visitor_messages.email') }} </h5>
                                <div class="p"> {{ $settings['site_email'] ?? "" }} </div>
                            </div>
                        </div>
                        <div class="contact_box">
                            <div class="icon_box">
                                <i class="fa-light fa-location-dot"></i>
                            </div>
                            <div class="txt_content">
                                <h5 class="title fw-bold mb-3">
                                    {{-- __('visitormessages::visitor_messages.address') --}}
                                    {{ __('visitormessages::visitor_messages.our_location') }}
                                </h5>
                                <div class="p"> {{ $settings['site_address_'.$lang] ?? "" }} </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="contact_box last_box">
                            <div class="icon_box">
                                <i class="fa-light fa-mobile"></i>
                            </div>
                            <div class="txt_content">
                                <h5 class="title fw-bold mb-3"> {{ __('visitormessages::visitor_messages.phone') }} </h5>
                                <div class="p dir_ltr"> {{ $settings['site_phone'] ?? "" }} </div>
                            </div>
                        </div>
                        <div class="social_box">
                            <div class="social_links">
                                @php
                                    $socialLinks = [
                                        'facebook' => 'fab fa-facebook-f',
                                        'twitter' => 'fab fa-x-twitter',
                                        'snapchat' => 'fab fa-snapchat-ghost',
                                        'instagram' => 'fab fa-instagram',
                                        'linkedin' => 'fab fa-linkedin',
                                        'youtube' => 'fab fa-youtube',
                                        'tiktok' => 'fab fa-tiktok',
                                    ];
                                @endphp
                                @if(!empty($settings['whatis_link']))
                                    <a href="{{ $settings['whatis_link'] }}" target="_blank">
                                        <i class="fab fa-whatsapp"></i>
                                    </a>
                                @endif
                                @foreach($socialLinks as $platform => $icon)
                                    @if(!empty($settings[$platform]))
                                        <a href="{{ $settings[$platform] }}" target="_blank" title="{{ $platform }}">
                                            <i class="{{ $icon }}"></i>
                                        </a>
                                    @endif
                                @endforeach
                            </div>
                            <h5 class="title fs-6 fw-bold mt-4">
                                {{ __('visitormessages::visitor_messages.social_media_sites') }}
                            </h5>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form_box">
                            <form method="post" action="{{route('web.contact.store')}}">
                                @csrf
                                <div class="form-group">
                                    <input
                                        class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}"
                                        name="name" value="{{ old('name') }}"
                                        placeholder="{{__('visitormessages::visitor_messages.name')}}"
                                        type="text" required/>
                                    <span class="icon"> <i class="fa-light fa-user"></i> </span>
                                </div>
                                <div class="form-group">
                                    <input
                                        class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}"
                                        name="email" value="{{ old('email') }}"
                                        placeholder="{{__('visitormessages::visitor_messages.email')}}"
                                        type="email"
                                        required/>
                                    <span class="icon"> <i class="fa-light fa-envelope"></i> </span>
                                </div>
                                <div class="form-group">
                                    <input type="text"
                                           class="form-control digitsOnly {{ $errors->has('phone') ? 'is-invalid' : '' }}"
                                           name="phone" value="{{ old('phone') }}"
                                           placeholder="{{__('visitormessages::visitor_messages.phone')}}" required/>
                                    <span class="icon"> <i class="fa-light fa-mobile"></i> </span>
                                </div>
                                <div class="form-group">
                                    <input class="form-control {{ $errors->has('subject') ? 'is-invalid' : '' }}"
                                           name="subject" value="{{ old('subject') }}"
                                           placeholder="{{__('visitormessages::visitor_messages.subject')}}" type="text"
                                           required/>
                                    <span class="icon"> <i class="fa-light fa-comment-dots"></i> </span>
                                </div>
                                <div class="form-group">
                                    <textarea
                                        class="form-control {{ $errors->has('message') ? 'is-invalid' : '' }}"
                                        name="message"
                                        placeholder="{{__('visitormessages::visitor_messages.message')}}"
                                        rows="3" required>{{ old('message') }}</textarea>
                                    <span class="icon"> <i class="fa-light fa-comments"></i> </span>
                                </div>
                                <button type="submit" class="butn primary_butn w-100">
                                    <span> {{__('visitormessages::visitor_messages.send')}} </span>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="map_box mt-5">
                {!! $settings['site_map'] ?? "" !!}
            </div>
        </section>
    </main>

@endsection

@push('stack_scripts')

@endpush