@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- ---------- contact_header ----------- -->
        <section class="contact_header">
            <div class="container">
                <div class="section_head text-center wow fadeInUp">
                    <h2> {{ __('visitorMessages.pleased_to_contact') }} </h2>
                    <p class="mainColor"> {{ __('main.your_turn_ready') }} </p>
                </div>
                <div class="transfer_content wow fadeInUp">
                    <div class="row justify-content-center">
                        <div class="col-lg-9">
                            <div class="top_info">
                                <img src="{{asset('assets/web/images/dumble.png')}}" alt="" class="float_img">
                                <h4> {{ __('visitorMessages.contact_info') }} </h4>
                                <p class="mainColor"> التواصل مع خدمة العملاء  </p>
                            </div>
                        </div>
                    </div>

                    <div class="row justify-content-center">
                        <div class="col-lg-10">
                            <div class="transfer_cards">
                                <div class="row justify-content-between">
                                    <div class="col-lg-4">
                                        <div class="transfer_card">
                                            {{--__('settings.site_phone')--}}
                                            <i class="fal fa-phone me-3"></i> <span> {{ $settings['site_phone'] ?? "" }} </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="transfer_card">
                                            {{--__('settings.site_email')--}}
                                            <i class="fal fa-envelope me-3"></i> <span> {{ $settings['site_email'] ?? "" }} </span>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="transfer_card">
                                            {{--__('settings.site_address')--}}
                                            <i class="fal fa-map-marked me-3"></i> <span> {{ $settings['site_address_'.$lang] ?? "" }} </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="contact_captin text-center">
                        <div class="row justify-content-center">
                            <div class="col-lg-10">
                                <h5 class="mt-5"> متابعة حسابات الكابتن أنمار في وسائل التواصل الاجتماعي </h5>
                                <div class="social_cards transfer_cards">
                                    <div class="row justify-content-center">
                                        <div class="col-4 col-lg-3">
                                            <a href="{{ $settings['snapchat'] ?? "" }}" target="_blank" class="transfer_card mt-4 d-block">
                                                <div class="icon mainColor mb-2">
                                                    <i class="fab fa-snapchat-ghost"></i>
                                                </div>
                                                <h6> سناب شات </h6>
                                            </a>
                                        </div>
                                        <div class="col-4 col-lg-3"> 
                                            <a href="{{ $settings['instagram'] ?? "" }}" target="_blank" class="transfer_card mt-4 d-block">
                                                <div class="icon mainColor mb-2">
                                                    <i class="fab fa-instagram"></i>
                                                </div>
                                                <h6>  انستجرام </h6>
                                            </a>
                                        </div>
                                        <div class="col-4 col-lg-3">
                                            <a href="{{ $settings['tiktok'] ?? "" }}" target="_blank" class="transfer_card mt-4 d-block">
                                                <div class="icon mainColor mb-2">
                                                    <i class="fab fa-tiktok"></i>
                                                </div>
                                                <h6>  تيك توك </h6>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </section>

        {{-- {!! $settings['site_map'] !!} --}}
        <!-- ---------- contact_form ----------- -->
        <section class="contact_form wow fadeInUp">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-10">
                        <form method="post" action="{{route('web.contact.store')}}" class="form">
                            @csrf
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for=""> {{__('visitorMessages.name')}} </label>
                                        <input class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}"
                                               name="name" value="{{ old('name') }}"
                                               placeholder="{{__('visitorMessages.name')}}" type="text" required/>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for=""> {{__('visitorMessages.email')}} </label>
                                        <input class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}"
                                               name="email" value="{{ old('email') }}"
                                               placeholder="{{__('visitorMessages.email')}}" type="email" required/>
                                    </div>
                                </div>

                                {{--
                                <input class="form-control {{ $errors->has('phone') ? 'is-invalid' : '' }}"
                                       name="phone" value="{{ old('phone') }}"
                                       placeholder="{{__('visitorMessages.phone')}}" type="number" required/>
                               <input class="form-control {{ $errors->has('subject') ? 'is-invalid' : '' }}"
                                       name="subject" value="{{ old('subject') }}"
                                       placeholder="{{__('visitorMessages.subject')}}" type="text" required/>
                                 --}}

                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label for=""> {{__('visitorMessages.message')}} </label>
                                        <textarea class="form-control {{ $errors->has('message') ? 'is-invalid' : '' }}"
                                                  name="message" placeholder="{{__('visitorMessages.message')}}" rows="5" required>{{ old('message') }}</textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="text-center">
                                <button type="submit" class="butn butn_main">
                                    <span class="px-5" > <i class="fal fa-paper-plane me-2"></i> {{__('visitorMessages.send')}} </span>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>

        <!-- ---------- instagram  ----------- -->
        @include('web.home.other._instagram')

        <!-- <div class="img_pattern1">
        </div> -->
    </main>

@endsection