@extends('layouts.web')

@section('css')
    <link rel="stylesheet" href="{{ asset('css/web/pages/contact.css') }}">
@endsection

@section('content')
    @component('web.components.default.section',
        [
            'class' => 'contact',
        ])
        @include('web.components.layout.page_title', ['title' => 'Contato'])

        <div class="col-lg-6 mb-5">
          @component('web.components.default.form.form', [
              'class' => 'contact__form',
              'action' => route('web.contact.store'),
              'id' => 'contact',
              'button' => [
                  'clean' => true,
              ],
          ])
              <h4 class="contact-title">Contato</h4>
              <div class="form-row">
                  <div class="col-lg-4">
                      @include('web.components.default.form.input', [
                          'name' => 'name',
                          'label' => 'Nome*',
                         
                      ])
                  </div>
                  <div class="col-lg-4">
                      @include('web.components.default.form.input', [
                          'type' => 'email',
                          'name' => 'email',
                          'label' => 'E-mail*',
                         
                      ])
                  </div>
                  <div class="col-lg-4">
                      @include('web.components.default.form.input', [
                          'name' => 'formatted',
                          'id' => 'formatted',
                          'label' => 'Telefone*',
                         
                      ])
                  </div>
              </div>
  
              @include('web.components.default.form.textarea', [
                  'name' => 'message',
                  'label' => 'Mensagem',
                 
              ])
          @endcomponent
      </div>


        @include('web.components.pages.contact.menu')
    @endcomponent
@endsection