@php
	use App\Models\Admin\WebSettings;
	use App\Models\Admin\Pages;
	use App\Libraries\FileSystem; 
    use App\Models\Admin\Settings;
    use App\Libraries\General;
	$home = WebSettings::get(1);
@endphp
<!-- ==== Header === -->
@extends('frontLayout.frontlayout')
@section('content')

<!-- ==== Breadcame Section Start === -->
<section class="breadcame_section top-space">
    <div class="container">
        <div class="row ">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="inner_area">
                    <h5>{{isset($pages->title) && $pages->title ? $pages->title : "" }}</h5>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Breadcame Section End === -->

<!-- ==== Contact Section Start === -->
<section class="contact_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="inner_area">
                     <div class="image_area">
                        <div class="image text-center mx-auto">
                            {{-- <img src="{{url('assets/frontend/images/contact_img.png')}}" class="mw-100" alt="..." /> --}}
                            {{-- {{dd($pages)}} --}}
                            <img src="{{ isset($pages['image']) && $pages['image'] ? General::renderImage(FileSystem::getAllSizeImages($pages['image']), 'large') : url('assets/frontend/images/contact_img.png')}}" class="mw-100" alt="..." />
                        </div>
                    </div>
                    <div class="content_area">
                        <div class="left_area">
                            <div class="title">
                                <h5>{{isset($pages->sub_title) && $pages->sub_title ? $pages->sub_title : "" }}</h5>
                                {!! isset($pages->description) && $pages->description ? Str::words(strip_tags($pages->description),20) : "" !!}
                            </div>
                            <div class="content">
                                <div class="heading">
                                    <h5>{{ findInArray($cspages,'contact_us_info') }}</h5>
                                </div>
                                <div class="contact_icon">
                                    <div class="left">
                                        <div class="icon">
                                            <a href="#"><i class="fas fa-map-marker-alt"></i></a>
                                        </div>
                                    </div>
                                    <div class="right">
                                        <div class="desc">
                                            <h5>
                                                {{ findInArray($cspages,'location_title') }}
                                            </h5>
                                            <a href="javascript:;">
                                                {{ findInArray($cspages,'location_detail') }}
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="contact_icon">
                                    <div class="left">
                                        <div class="icon">
                                            <a href="#"><i class="fas fa-envelope"></i></a>
                                        </div>
                                    </div>
                                    <div class="right">
                                        <div class="desc">
                                            <h5>
                                                {{ findInArray($cspages,'email_title') }}
                                            </h5>
                                            <a href="mailto:info@fellowship.com">
                                                {{ findInArray($cspages,'email_detail') }}
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="contact_icon">
                                    <div class="left">
                                        <div class="icon">
                                            <a href="#"><i class="fas fa-phone-alt"></i></a>
                                        </div>
                                    </div>
                                    <div class="right">
                                        <div class="desc">
                                            <h5>
                                                {{ findInArray($cspages,'phone_title') }}
                                            </h5>
                                            <a href="tel:1234567890">
                                                {{ findInArray($cspages,'phone_number') }}
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="social_icon">
                                    <ul>
                                        {{-- <li>
                                            {{ findInArray($cspages,'social_title') }}
                                        </li>
                                        <li>
                                            <a href="{{ findInArray($cspages,'twitter_link') }}">
                                                <i class="fab fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ findInArray($cspages,'instagram_link') }}">
                                                <i class="fab fa-instagram"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{ findInArray($cspages,'facebook_link') }}">
                                                <i class="fab fa-facebook"></i>
                                            </a>
                                        </li> --}}
                                        <li>
                                            Follow us on:
                                        </li>
                                        @if(isset($home['twitter']) && $home['twitter'])
										<li><a href="{{$home['twitter']  ? $home['twitter']  : 'javascript:;'}}"><i class="fab fa-twitter"></i></a></li>
										@endif
                                        @if(isset($home['instagram']) && $home['instagram'])
										<li><a href="{{$home['instagram']  ? $home['instagram']  : 'javascript:;'}}"><i class="fab fa-instagram"></i></a></li>
										@endif
                                        @if(isset($home['facebook']) && $home['facebook'])
										<li><a href="{{$home['facebook']  ? $home['facebook']  : 'javascript:;'}}"><i class="fab fa-facebook"></i></a></li>
										@endif 
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="right_area">
                            <div class="form_area">
                                @include('frontend.partials.flash_messages')
                                <form action="{{route('contactUs.index')}}" method="post" class="contact-us-validation" id="submitForm">
                                    {{ csrf_field() }}
                                    <div class="form-group">
                                        <input type="text" name="name" class="form-control" placeholder="Name" />
                                    </div>
                                    <div class="form-group">
                                        <input type="email" name="email" class="form-control" placeholder="Email" />
                                    </div>
                                    <div class="form-group">
                                        <input type="number" name="phonenumber" class="form-control" placeholder="Phone number" />
                                    </div>
                                    <div class="form-group">
                                        <textarea type="text" name="message" class="form-control" placeholder="Message"></textarea>
                                    </div>
                                    <div class="submit_button ">
                                        <button href="#" id="btnSubmit" class="btn btn-primary w-100">Submit</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="map_detail">
        <div class="iframe_area">
            <!-- <iframe
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3806.5351506940947!2d78.49186331535336!3d17.43408210604446!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bcb9a1ecbac86e9%3A0x457a42b61b5cc5fa!2sSidhi%20Vinayak%20Silver!5e0!3m2!1sen!2sin!4v1663066731981!5m2!1sen!2sin"
                 style="border:0;" allowfullscreen="" loading="lazy"
                referrerpolicy="no-referrer-when-downgrade"></iframe> -->
                {!! findInArray($cspages,'google_map_link') !!}
                {{-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13007327.906911368!2d-104.67341716248504!3d37.256789707045755!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited%20States!5e0!3m2!1sen!2sin!4v1668860120541!5m2!1sen!2sin"
                 style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> --}}
        </div>
    </div>
</section>
<!-- ==== Contact Section End === -->


@endsection