@extends('front.themes.' . env('THEME', 'theme-01') . '.layout')

@section('content')

    <!-- Breadcrumb Area Start -->
    <div class="breadcrumb-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <ul class="pages">
                        <li>
                            <a href="{{ route('front.index') }}">
                                {{ __('Home') }}
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('front.contact') }}">
                                {{ __('Contact Us') }}
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- Breadcrumb Area End -->


    <!-- Contact Us Area Start -->
    <section class="contact-us">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="contact-section-title">
                        {!! $ps->contact_title !!}
                        {!! $ps->contact_text !!}
                    </div>
                </div>
            </div>
            <div class="row justify-content-between">
                <div class="col-xl-7 col-lg-7 col-md-6">
                    <div class="left-area">
                        <div class="contact-form">
                            <div class="gocover"
                                style="background: url({{ asset('storage/images/' . $gs->loader) }}) no-repeat scroll center center rgba(45, 45, 45, 0.5);">
                            </div>
                            <form id="contactform" action="{{ route('front.contact.submit') }}" method="POST">
                                {{ csrf_field() }}
                                @include('includes.admin.form-both')

                                <div class="form-input">
                                    <input type="text" name="name" placeholder="{{ __('Name') }} *" required="">
                                    <i class="icofont-user-alt-5"></i>
                                </div>
                                <div class="form-input">
                                    <input type="text" name="phone" placeholder="{{ __('Phone Number') }} *">
                                    <i class="icofont-ui-call"></i>
                                </div>
                                <div class="form-input">
                                    <input type="email" name="email" placeholder="{{ __('Email Address') }} *"
                                        required="">
                                    <i class="icofont-email"></i>
                                </div>
                                <div class="form-input">
                                    <textarea name="text" placeholder="{{ __('Your Message') }} *" required=""></textarea>
                                </div>

                                @if ($gs->is_capcha == 1)
                                    <ul class="captcha-area">
                                        <li>
                                            <p><img class="codeimg1" src="{{ asset('storage/images/capcha_code.png') }}"
                                                    alt="">
                                                <i class="fas fa-sync-alt pointer refresh_code"></i>
                                            </p>

                                        </li>
                                        <li>
                                            <input name="codes" type="text" class="input-field"
                                                placeholder="{{ __('Enter Code') }}" required="">

                                        </li>
                                    </ul>
                                @endif


                                <input type="hidden" name="to" value="{{ $ps->contact_email }}">
                                <button class="submit-btn" type="submit">{{ __('Send Message') }}</button>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-xl-5 col-lg-5 col-md-6 mt-4">
                    <div class="right-area">

                        @if ($ps->site != null || $ps->email != null)
                            <div class="contact-info ">
                                <div class="left ">
                                    <div class="icon">
                                        <i class="icofont-email"></i>
                                    </div>
                                </div>
                                <div class="content d-flex align-self-center">
                                    <div class="content">
                                        @if ($ps->site != null && $ps->email != null)
                                            <a href="{{ $ps->site }}" target="_blank">{{ $ps->site }}</a>
                                            <a href="mailto:{{ $ps->email }}">{{ $ps->email }}</a>
                                        @elseif($ps->site != null)
                                            <a href="{{ $ps->site }}" target="_blank">{{ $ps->site }}</a>
                                        @else
                                            <a href="mailto:{{ $ps->email }}">{{ $ps->email }}</a>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endif
                        @if ($ps->street != null)
                            <div class="contact-info">
                                <div class="left">
                                    <div class="icon">
                                        <i class="icofont-google-map"></i>
                                    </div>
                                </div>
                                <div class="content d-flex align-self-center">
                                    <div class="content">
                                        <p>
                                            @if ($ps->street != null)
                                                {!! $ps->street !!}
                                            @endif
                                        </p>
                                    </div>
                                </div>
                            </div>
                        @endif
                        @if ($ps->phone != null || $ps->fax != null)
                            <div class="contact-info">
                                <div class="left">
                                    <div class="icon">
                                        <i class="icofont-smart-phone"></i>
                                    </div>
                                </div>
                                <div class="content d-flex align-self-center">
                                    <div class="content">
                                        @if ($ps->phone != null && $ps->fax != null)
                                            <a href="tel:{{ $ps->phone }}">{{ $ps->phone }}</a>
                                            <a href="tel:{{ $ps->fax }}">{{ $ps->fax }}</a>
                                        @elseif($ps->phone != null)
                                            <a href="tel:{{ $ps->phone }}">{{ $ps->phone }}</a>
                                        @else
                                            <a href="tel:{{ $ps->fax }}">{{ $ps->fax }}</a>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endif


                        <div class="social-links">
                            <h4 class="title">{{ __('Find Us Here') }} :</h4>
                            <ul>

                                @if (App\Models\Socialsetting::find(1)->f_status == 1)
                                    <li>
                                        <a href="{{ App\Models\Socialsetting::find(1)->facebook }}" class="facebook"
                                            target="_blank">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                    </li>
                                @endif
                                @if (App\Models\Socialsetting::find(1)->i_status == 1)
                                    <li>
                                        <a href="{{ App\Models\Socialsetting::find(1)->instagram }}" class="instagram"
                                            target="_blank">
                                            <i class="fab fa-instagram"></i>
                                        </a>
                                    </li>
                                @endif

                                @if (App\Models\Socialsetting::find(1)->t_status == 1)
                                    <li>
                                        <a href="{{ App\Models\Socialsetting::find(1)->twitter }}" class="twitter"
                                            target="_blank">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                    </li>
                                @endif

                                @if (App\Models\Socialsetting::find(1)->l_status == 1)
                                    <li>
                                        <a href="{{ App\Models\Socialsetting::find(1)->linkedin }}" class="linkedin"
                                            target="_blank">
                                            <i class="fab fa-linkedin-in"></i>
                                        </a>
                                    </li>
                                @endif

                                @if (App\Models\Socialsetting::find(1)->d_status == 1)
                                    <li>
                                        <a href="{{ App\Models\Socialsetting::find(1)->dribble }}" class="dribbble"
                                            target="_blank">
                                            <i class="fab fa-dribbble"></i>
                                        </a>
                                    </li>
                                @endif

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Contact Us Area End-->

@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            setTimeout(function() {
                $(".refresh_code").click();
            }, 10);
        });
    </script>
@endsection