@extends('front.layouts.app')
@section('content')
    <div class="container contact-us">
        <h3 style="text-transform:uppercase">@lang('front.Contact Us')</h3>
        <p>
            @lang('front.Do you have a question or want to share your feedback with us?') <br>
            @lang('front.You are welcome to contact us in one of the following ways:')
        </p>
        <div class="row">
            <div class="col-sm-6">
                <div class="row">
                    <div class="col-xs-12 col-md-12 contact-us-block">
                        <h4 class="contact-us-title">
                            <img src="{{ asset('images/contact-us-form.png') }}" alt=""> @lang('front.Contact Form') </h4>
                        <form class="form-horizontal" action="">
                            <div class="form-group">
                                <label class="control-label col-sm-2" for="name">@lang('front.Name'):</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="name">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-sm-2" for="email">@lang('front.Email'):</label>
                                <div class="col-sm-10">
                                    <input type="email" class="form-control" id="email">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-sm-2" for="subject">@lang('front.Subject'):</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="subject">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-sm-2" for="message">@lang('front.Message'):</label>
                                <div class="col-sm-10">
                                    <textarea name="message" class="form-control" id="" cols="30" rows="3"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <button class="btn btn-danger" type="submit" value="1">@lang('front.Send')</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 contact-us-map-phone-livechat">
                <div class="row">
                    <div class="col-xs-12 col-md-6 contact-us-block">
                        <h4 class="contact-us-title">
                            <img src="{{ asset('images/contact-us-phone.png') }}" alt="">
                            @lang('front.Contact Form') </h4>
                        <p style="white-space: nowrap">@lang('front.Chavchavadze STR 3, 7th floors') <br>

                            @lang('front.Tbilisi, Georgia') <br>

                            @lang('front.Tel'): +995 571 06 7193 <br>

                            @lang('front.Email'): info@hazar.az <br>

                            @lang('front.Web'): www.hazar.az</p>


                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-12 contact-us-block contact-us-block--chat">

                        <h4 class="contact-us-title">
                            <a class="live-chat-link" href="javascript:void(0)">
                                <img src="{{ asset('images/contact-us-chat.png') }}" alt=""></a>@lang('front.Live Chat')</h4>

                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 contact-us-block">
                <h4 class="contact-us-title">
                    <img src="{{ asset('images/contact-us-mail.png') }}" alt="">
                    @lang('front.By Mail') </h4>
                <div class="contact-us-email">
                    <p>@lang('front.Client Services')</p>
                    <a href="mailto:Sales@hazar.az">Sales@hazar.az</a>
                </div>
                <div class="contact-us-email">
                    <p>@lang('front.Technical Support')</p>
                    <a href="mailto:Support@hazar.az">Support@hazar.az</a>
                </div>
                <div class="contact-us-email">
                    <p>@lang('front.Compliance')</p>
                    <a href="mailto:Compliance@hazar.az">Compliance@hazar.az</a>
                </div>
                <div class="contact-us-email">
                    <p>@lang('front.Dealing Room')</p>
                    <a href="mailto:Tradingroom@hazar.az">Tradingroom@hazar.az</a>
                </div>
                <div class="contact-us-email">
                    <p>@lang('front.Recruitment')</p>
                    <a href="mailto:Carreer@hazar.az">Carreer@hazar.az</a>
                </div>
            </div>
        </div>
    </div>
@endsection