@section('meta_title')
    @lang('language.crfm_mean')
@endsection

@extends('frontend.master')

@section('content')
    <div class="mainContainer" style="margin-top: -70px">

        <div dir="@lang('language.dir')">

            <h3 class="contentHeader">
                @lang('language.contact')
            </h3>
            <br>

            <div class="contact-info-area pt-100 pb-70">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6 col-lg-4">
                            <div class="contact-info">
                                <i class="icofont-location-pin"></i>
                                <span>@lang('language.contact_location')</span>
                                <a href="#">{{ company()->address }}</a>
                                <a href="#"></a>
                            </div>
                        </div>
                        <div class="col-sm-6 col-lg-4">
                            <div class="contact-info">
                                <i class="icofont-ui-call"></i>
                                <span>@lang('language.phone')</span>
                                <a href="tel:{{ company()->phone }}">{{ company()->phone }}</a>
                                <a href="tel:+{{ company()->phone_1 }}">{{ company()->phone_1 }}</a>
                            </div>
                        </div>
                        <div class="col-sm-6 offset-sm-3 offset-lg-0 col-lg-4">
                            <div class="contact-info">
                                <i class="icofont-ui-email"></i>
                                <span>@lang('language.email')</span>
                                <a href="mailto:{{ company()->email }}">{{ company()->email }}</a>
                                <a href="mailto:{{ company()->email_1 }}">{{ company()->email_1 }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="contact-area pb-70">

                @if (session()->has('success_email'))
                    <div class="" style="text-align: center;color:green;font-size: 20px;margin-bottom: 30px;;">
                        <p>Thanks for Email</p>
                        <p>We will get in touch with you as soon as possible.</p>
                    </div>
                @endif

                <div class="">
                    <form id="contactFormStyle" method="post"
                        action="{{ route('front.contact.send', app()->getLocale()) }}">
                        @csrf
                        <h2>@lang('language.contact_desc')</h2>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label>
                                        <i class="icofont-user-alt-3"></i>
                                    </label>
                                    <input type="text" name="name" id="name" class="form-control"
                                        placeholder="@lang('language.name')" required="">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label>
                                        <i class="icofont-ui-email"></i>
                                    </label>
                                    <input type="email" name="email" id="email" class="form-control"
                                        placeholder="@lang('language.email')" required="">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label>
                                        <i class="icofont-ui-call"></i>
                                    </label>
                                    <input type="text" name="phone" id="phone_number" placeholder="@lang('language.phone')"
                                        required="" class="form-control">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label>
                                        <i class="icofont-notepad"></i>
                                    </label>
                                    <input type="text" name="subject" id="msg_subject" class="form-control"
                                        placeholder="@lang('language.subject')" required="">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label>
                                        <i class="icofont-comment"></i>
                                    </label>
                                    <textarea name="message" class="form-control" id="message" cols="30" rows="8"
                                        placeholder="@lang('language.message')" required=""></textarea>
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <button type="submit" class="btn common-btn disabled"
                                    style="pointer-events: all; cursor: pointer;">
                                    @lang('language.send_message_btn')
                                </button>
                                <div id="msgSubmit" class="h3 text-center hidden"></div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

        </div>


    </div>
@endsection
@section('mapLocation')
    <!--<div class="map-area" style="margin-top: -40px">-->
    <!--    <iframe id="map"-->
    <!--        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d59843174.53779285!2d62.17507173408571!3d23.728204508550363!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3663f18a24cbe857%3A0xa9416bfcd3a0f459!2sAsia!5e0!3m2!1sen!2sbd!4v1603558902714!5m2!1sen!2sbd"-->
    <!--        allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>-->
    <!--</div>-->
@endsection