@extends('layouts.front.app')

@section('og')
  <meta property="og:type" content="home" />
  <meta property="og:title" content="{{ config('app.name') }} - Inicial" />
  <meta property="og:description" content="{{ config('app.description') }}" />
@endsection

@section('content')
  <!--Section: Contact v.2-->

  <!-- Menu Superior -->
  @php
  $menu = App\WebSubmenu::select('id_grupo')
  ->where('menu', 'P')
  ->groupBy('id_grupo')
  ->orderBy('id_grupo')
  ->get();
@endphp
<!-- Modal caso o Cupom esteja vazio -->
@php
$menu_banner = [
  ['link' => route('front.category.slug', ['romantico',  15]), 'banner' => 'banner/112.jpg'],
  ['link' => route('front.category.slug', ['aniversario',  19]), 'banner' => 'banner/113.jpg'],
  ['link' => route('front.category.slug', ['maternidade',  3]), 'banner' => 'banner/114.jpg'],
  ['link' => route('front.category.slug', ['presentes',  14]), 'banner' => 'banner/116.jpg'],
  ['link' => route('front.category.slug', ['decoracao',  20]), 'banner' => 'banner/117.jpg'],
];
@endphp
<!-- MenuSuperior-->
@include(config('site.domain').'.layouts.front.menu-superior')
@include(config('site.domain').'.layouts.front.menu-banner')
<!--/.MenuSuperior-->

<section class="container content">
  <!-- /.Menu Superior -->
  <div class="content container dark-grey-text">
    <!-- Heading -->
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb blue-grey lighten-4">
        <li><a href="{{ route('home') }}"> <i class="fa fa-home"></i> Home</a><i class="fas fa-angle-double-right mx-2"
          aria-hidden="true"></i></li>
          <li class="active">Fale conosco </li>
        </ol>
      </nav>
      <!--Card-->
      <div class="card pb-2">
        @include('layouts.errors-and-messages')
        <!--Section heading-->
        <h2 class="h1-responsive font-weight-bold text-center my-4">Fale conosco</h2>
        <!--Section description-->
        <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á responder para você dentro de algumas de horas para ajudá-lo.</p>

        <div class="row">

          <!--Grid column-->
          <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">
              <!--Grid row-->
              <div class="row">

                <!--Grid column-->
                <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 : '' !!}">
                    <input type="hidden" name="id_customer" value="{!! (auth()->check()) ? auth()->user()->id : '' !!}">
                    <label for="name" class="">Seu nome</label>
                  </div>
                </div>
                <!--Grid column-->

                <!--Grid column-->
                <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 : '' !!}" require>
                    <label for="email" class="">Seu email <span class="text-danger">*</span></label>
                  </div>
                </div>
                <!--Grid column-->

              </div>
              <!--Grid row-->

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

              <!--Grid row-->
              <div class="row">

                <!--Grid column-->
                <div class="col-md-12">

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

                </div>
              </div>
              <!--Grid row-->
              <div class="row">

                {!! htmlFormSnippet() !!}

              </div>
            </form>

            <div class="text-center text-md-left">

              <a class="btn btn-primary" onclick="document.getElementById('contact-form').submit();">Enviar mensagem</a>
            </div>
            <div class="status"></div>
          </div>
          <!--Grid column-->

          <!--Grid column-->
          <div class="col-md-3 text-center">
            <ul class="list-unstyled mb-0">
              <li><a href="https://goo.gl/maps/Tw3HUnqVwiG2" class="" target="_blank"><i class="fas fa-map-marker-alt fa-2x"></i>
                <p>Rua São Salvador, 43 <br />Pilarzinho - Curitiba - PR</p></a>
              </li>

              <li><i class="fas fa-phone mt-4 fa-2x"></i>
                <p>+55 41 3338-2190</p>
              </li>

              <li><i class="fas fa-envelope mt-4 fa-2x"></i>
                <p><a href="mailto:vendas@operagarden.com.br" class="">vendas@operagarden.com.br</a></p>
              </li>
            </ul>
          </div>
          <!--Grid column-->

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

  </section>
  <!--Section: Contact v.2-->
@endsection