@extends('layouts.front.app')

@section('content')

    <section>
        <div class="container my-4">
            <ol class="breadcrumb">
                <li>
                    <a href="{{ route('home') }}" class="fosco-text font-weight-bold">
                        <i class="fa fa-home"></i> Home
                    </a>
                    <i class="fas fa-angle-double-right mx-2"></i>
                </li>
                <li class="font-weight-bolder black-text">Fale conosco </li>
            </ol>
        </div>
    </section>

    <section>
        <div class="container">

            <div class="">

                <h2 class="font-abeezee font-weight-bold text-center my-4">Fale conosco</h2>

                <p class="text-center w-responsive mx-auto mb-5">
                    Você tem alguma pergunta? Por favor, não hesite em nos contatar diretamente.
                    Nossa equipe irá lhe responder dentro de alguns instantes.
                </p>

                <div class="row">

                    <div class="col-md-8 ml-2 mb-md-0 mb-5">
                        <form id="contact-form" name="contact-form" action="{{ route('envie.contato') }}" method="POST">
                            {{ csrf_field() }}

                            <input type="hidden" name="_method" value="post">

                            <div class="row">

                                <div class="col-md-6">
                                    <div class="md-form mb-0">
                                        <input type="text" id="name" name="name" class="form-control"
                                            value="{!!  auth()->check() ? auth()->user()->name : '' !!}" required>
                                        <input type="hidden" name="id_customer"
                                            value="{!!  auth()->check() ? auth()->user()->id : '' !!}">
                                        <label for="name" class="">Seu nome</label>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="md-form mb-0">
                                        <input type="text" id="email" name="email" class="form-control"
                                            value="{!!  auth()->check() ? auth()->user()->email : '' !!}" required>
                                        <label for="email">Seu email <span class="text-danger">*</span></label>
                                    </div>
                                </div>

                            </div>

                            <div class="row">

                                <div class="col-md-12">
                                    <div class="md-form mb-0">
                                        <input type="text" id="subject" name="subject" class="form-control" required>
                                        <label for="subject">Assunto</label>
                                    </div>
                                </div>

                            </div>

                            <div class="row">

                                <div class="col-md-12">

                                    <div class="md-form">
                                        <textarea type="text" id="message" name="message" rows="2"
                                            class="form-control md-textarea" required></textarea>
                                        <label for="message">Sua mensagem <span class="text-danger">*</span></label>
                                    </div>

                                </div>
                            </div>

                            <div class="row">

                                {!! htmlFormSnippet() !!}

                            </div>

                            <div class="text-center text-md-right">
                                <button type="submit" class="btn btn-lg box-green">
                                    Enviar <i class="fas fa-check ml-1"></i>
                                </button>
                            </div>

                        </form>

                        <div class="status"></div>

                    </div>

                    <div class="col-md-3 text-center">
                        <ul class="list-unstyled mb-0">


                            <li>
                                <a href="https://g.page/mundilux?share" class="fosco-text" target="_blank">
                                    <i class="fas fa-map-marker-alt fa-2x"></i>
                                    <p>Dr. Reynaldo Machado, 1176<br> Prado Velho - Curitiba, 80215-242</p>
                                </a>
                            </li>

                            <li>
                                <a href="#!" class="fosco-text">
                                    <i class="fas fa-phone mt-4 fa-2x"></i>
                                    <p>{{ config('shop.phone') }}</p>
                                </a>
                            </li>

                            <li>
                                <a href="mailto:{{ config('shop.email') }}" class="fosco-text">
                                    <i class="fas fa-envelope mt-4 fa-2x"></i>
                                    <p>{{ config('shop.email') }}</p>
                                </a>
                            </li>

                        </ul>
                    </div>

                </div>
            </div>
        </div>

    </section>

@endsection