@extends('web.layouts.layout')
@section('content')

    <main>

        <!-- Start pg_header -->
    @include('web.pages.components.navbar.navbar')

            <!-- Start contact_pg -->
            <section class="contact_pg pb_120 pt-5 section">
                <div class="container">
                    <div class="contact_cards">
                        <div class="row justify-content-center">
                            <div class="col-lg-4">
                                <div class="contact_card">
                                    <h5 class="title mb-4 fw-bold">
                                        <img src="{{url('')}}/assets/web/images/icons/prof_tab_1.svg" class="icon" alt=""/> {{__('web.contact_us')}}
                                    </h5>
                                    <div class="social_links d-flex">
                                        @if($settings['facebook'])
                                        <a href="{{$settings['facebook']}}" target="_blank">
                                            <img src="{{url('')}}/assets/web/images/icons/socialmedia-1.png" class="icon" alt=""/>
                                        </a>
                                        @endif
                                        @if($settings['instagram'])
                                        <a href="{{$settings['instagram']}}" target="_blank">
                                            <img src="{{url('')}}/assets/web/images/icons/socialmedia-2.png" class="icon" alt=""/>
                                        </a>
                                        @endif
                                        @if($settings['twitter'])
                                        <a href="{{$settings['twitter']}}" target="_blank">
                                            <img src="{{url('')}}/assets/web/images/icons/socialmedia-3.png" class="icon" alt=""/>
                                        </a>
                                        @endif
                                        @if($settings['whatsapp'])
                                        <a href="https://api.whatsapp.com/send?phone={{$settings['whatsapp']}}&text=" target="_blank">
                                            <img src="{{url('')}}/assets/web/images/icons/socialmedia-4.png" class="icon" alt=""/>
                                        </a>
                                        @endif
                                        @if($settings['snapchat'])
                                        <a href="{{$settings['snapchat']}}" target="_blank">
                                            <img src="{{url('')}}/assets/web/images/icons/snapchat.png" class="icon" alt=""/>
                                        </a>
                                        @endif
                                        @if($settings['tiktok'])
                                        <a href="{{$settings['tiktok']}}" target="_blank">
                                            <img src="{{url('')}}/assets/web/images/icons/tiktok.png" class="icon" alt=""/>
                                        </a>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="contact_card">
                                    <h5 class="title mb-4 fw-bold">
                                        <img src="{{url('')}}/assets/web/images/icons/prof_tab_4.svg" class="icon" alt=""/> {{__('web.email')}}
                                    </h5>
                                    <p class="data fw-bold mb-0">{{$settings['site_email']}}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <h1 class="sec_title text-center my-5 fs-3 fw-bold">
                        <span class="logo_box"><img src="{{url('')}}/assets/web/images/logo.png" class="logo me-4" alt=""/></span>{{__('web.contact_us')}}
                    </h1>
                    <div class="col-lg-8 m-auto pt-4">
                        <form method="post" action="{{$action}}" onsubmit="formAction(this)" class="form">
                            @CSRF
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <input type="text" name="name" class="form-control" placeholder="{{__('web.name')}}">
                                        <img src="{{url('')}}/assets/web/images/icons/prof_tab_1.svg" class="icon" alt="">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <input type="email" name="email" class="form-control" placeholder="{{__('web.email')}}">
                                        <img src="{{url('')}}/assets/web/images/icons/prof_tab_4.svg" class="icon" alt="">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <input type="text" name="phone" class="form-control" placeholder="{{__('web.phone')}}">
                                        <img src="{{url('')}}/assets/web/images/icons/prof_tab_5.svg" class="icon" alt="">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <textarea rows="7" name="message" class="form-control" placeholder=" {{__('web.message')}}   "></textarea>
                                        <img src="{{url('')}}/assets/web/images/icons/prof_tab_2.svg" class="icon" alt="">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <button type="submit" class="butn primary_butn fw-bold py-3 px-5">{{__('web.send')}}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </section>

        </main>



@endsection
