@extends('layouts.porto')

@section('content')

    <div id="content" class="content full">

        <iframe
            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1844.8323448861497!2d91.84121842067397!3d22.36628636377522!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30ad2764bdcab021%3A0xb35dd5e1bc2f9e65!2sWeb%20Point%20Ltd!5e0!3m2!1sen!2sro!4v1663742494991!5m2!1sen!2sro"
            width=100% height="450" style="border:0;" allowfullscreen="" loading="fast"
            referrerpolicy="no-referrer-when-downgrade"></iframe>

        <div class="container">

            <div class="row py-4">
                <div class="col-lg-6">

                    <h2 class="font-weight-bold text-8 mt-2 mb-0">{{ __('Contact Us') }}</h2>
                    <p class="mb-4">{{ __('Feel free to ask for details, dont save any questions!') }}</p>
                    {{ Form::open(['action' => 'FrontController@feedback', 'method' => 'post', 'class' => 'contact-form', 'enctype' => 'multipart/form-data']) }}
                    <div class="contact-form-success alert alert-success d-none mt-4">
                        <strong>{{ __('Success') }}</strong> {{ __('Your message has been sent to us.') }}
                    </div>

                    <div class="contact-form-error alert alert-danger d-none mt-4">
                        <strong>{{ __('Error!') }}</strong> {{ __('There was an error sending your message.') }}
                        <span class="mail-error-message text-1 d-block"></span>
                    </div>

                    <div class="row">
                        <div class="form-group col-lg-6">
                            <label class="form-label mb-1 text-2">{{ __('Full Name') }}</label>
                            <input type="text" value="" data-msg-required="Please enter your name." maxlength="100"
                                class="form-control text-3 h-auto py-2" name="name" required>
                        </div>
                        <div class="form-group col-lg-6">
                            <label class="form-label mb-1 text-2">{{ __('Email Address') }}</label>
                            <input type="email" value="" data-msg-required="Please enter your email address."
                                data-msg-email="Please enter a valid email address." maxlength="100"
                                class="form-control text-3 h-auto py-2" name="email" required>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col">
                            <label class="form-label mb-1 text-2">{{ __('Subject') }}</label>
                            <input type="text" value="" data-msg-required="Please enter the subject."
                                maxlength="100" class="form-control text-3 h-auto py-2" name="subject" required>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col">
                            <label class="form-label mb-1 text-2">{{ __('Message') }}</label>
                            <textarea maxlength="5000" data-msg-required="Please enter your message." rows="8"
                                class="form-control text-3 h-auto py-2" name="message" required></textarea>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col">
                            <input type="submit" value="Send Message" class="btn btn-primary btn-modern"
                                data-loading-text="Loading...">
                        </div>
                    </div>
                    {{ Form::close() }}
                </div>
                <div class="col-lg-6">

                    <div class="appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="800">
                        <h4 class="mt-2 mb-1">{{ __('Our') }} <strong>{{ __('Office') }}</strong></h4>
                        <ul class="list list-icons list-icons-style-2 mt-2">
                            <li><i class="fas fa-map-marker-alt top-6"></i> <strong
                                    class="text-dark">{{ __('Address:') }}</strong> {{ $basicInfo->address }}</li>
                            <li><i class="fas fa-phone top-6"></i> <strong class="text-dark">{{ __('Phone:') }}</strong>
                                {{ $basicInfo->phone }}
                            </li>
                            <li><i class="fas fa-envelope top-6"></i> <strong
                                    class="text-dark">{{ __('Email:') }}</strong> <a
                                    href="mailto:mail@example.com">{{ $basicInfo->email }}</a></li>
                        </ul>
                    </div>

                    <div class="appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="950">
                        <h4 class="pt-5">{{ __('Email:') }} <strong>{{ __('Hours') }}</strong></h4>
                        <ul class="list list-icons list-dark mt-2">
                            <li><i class="far fa-clock top-6"></i> {{ __('Saturday - Thursday 10AM to 6PM') }}</li>
                            <li><i class="far fa-clock top-6"></i> {{ __('Friday - Closed') }}</li>
                        </ul>
                    </div>

                    <h4 class="pt-5">{{ __('Get in') }} <strong>{{ __('Touch') }}</strong></h4>
                    <p class="lead mb-0 text-4">
                        {{ __('We never stop improving our services, including development methodologies, engineering practices, management techniques and QA standards to enhance our team capabilities and increase customer satisfaction.') }}
                    </p>

                </div>

            </div>

        </div>

    </div>

@stop