@extends('master')

@section('seo_title', __('messages.CONTACTS'))
@section('seo_keywords', '')
@section('seo_description', '')

@section('content')

    @include('layout.breadcrumbs', ['page_title' => __('messages.CONTACTS')])

    <meta name="locale" content="{{ app()->getLocale() }}">

    <!-- Contents -->
    <section class="about-area pt-2 pb-5">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-heading">
                        <h3>@lang('messages.CONTACTS')</h3>
                    </div>

                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="infor_c">
                                <p></p>
                                <p>
                                    @lang('messages.CONTACTS_INTRO_1') <a href="/{{ app()->getLocale() }}/faqs">@lang('messages.CONTACTS_INTRO_1_FAQS_LINK')</a>
                                    @lang('messages.CONTACTS_INTRO_2')
                                    <br> <br>
                                    @lang('messages.CONTACTS_INTRO_3')
                                </p>
                                <div class="infor_c_inn">
                                    <address>
                                        <ul>
                                            <li class="mb-3">
                                                <a href="tel:+351 249 196 600" class="btn btn-sm button-style-default mb-1 limit-width-size">
                                                    <i class="fa fa-phone"> </i> +351 249 196 600
                                                </a>
                                                <br>
                                                <small>(@lang('messages.PORTUGAL_PHONE_MESSAGE'))</small>
                                                <br>
                                                <small>(@lang('messages.WORLD_PHONE_MESSAGE'))</small>
                                            </li>
                                            <li><a href="mailto:customer@cosmetic2go.com" class="btn btn-sm button-style-default limit-width-size"><i class="fa fa-envelope-open"></i> customer@cosmetic2go.com </a></li>
                                        </ul>
                                    </address>
                                </div>
                            </div>
                        </div>


                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="con_frm">

                                <h3>@lang('messages.CONTACTS_FORM_HEADING')</h3>

                                <div class="card-body-inputs">
                                    <form action="" method="post" id="form-contacts">
                                        <div class="row mb-3">
                                            <div class="form-group col-md-12">
                                                <label>@lang('messages.NAME')*</label>
                                                <input class="form-control form-contact rounded-4 py-2" value="" id="nome" name="nome" type="text" required="required" title="@lang('messages.NAME')">
                                            </div>
                                        </div>

                                        <div class="row mb-3">
                                            <div class="form-group col-md-6">
                                                <label>@lang('messages.EMAIL')*</label>
                                                <input class="form-control form-contact rounded-4 py-2" id="email" value="" name="email" type="email" required="required" title="@lang('messages.EMAIL')">
                                            </div>

                                            <div class="form-group col-md-6">
                                                <label>@lang('messages.PHONE')</label>
                                                <input class="form-control form-contact rounded-4 py-2" id="telefone" value="" name="telefone" type="text" title="@lang('messages.PHONE')">
                                            </div>
                                        </div>

                                        <div class="row mb-3">
                                            <div class="form-group col-md-12">
                                                <label>@lang('messages.MESSAGE')*</label>
                                                <textarea id="mensagem" class="form-control form-contact rounded-4 py-2" name="mensagem" required="required" title="@lang('messages.MESSAGE')" style="resize:none"></textarea>
                                            </div>
                                        </div>

                                        <div class="form-group py-4">
                                            <script async="" src="https://www.google.com/recaptcha/api.js"></script>
                                            <div class="g-recaptcha" data-sitekey="6Le2Id0UAAAAAJiIw7WHtyGKHZEs72r3Nc405Q1Y"></div>
                                        </div>

                                        <div class="form-group">
                                            <button type="submit" class="button-style-default float-right">
                                                @lang('messages.SEND')
                                            </button>
                                        </div>
                                    </form>
                                    <div class="message-contacts"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>

@endsection