@extends('templates.prefeitura4.layout')

@section('content')
  @php $madara = 0 @endphp
  @php $madara1 = 0 @endphp

  <style>
    .card {
      border: none !important;
    }
  </style>

  <div class="contatos">
    <div class="">
      <div class="contatos-header">
        <div class="contatos-title">
          <h4>
            Entre em Contato</h4>
        </div>
        <div class="contatos-description">
          <p>Se tiver alguma dúvida, reclamação, sugestão ou comentário, você pode entrar em contato
            com a prefeitura pelos canais de atendimento ou preenchendo o formulário abaixo</p>
        </div>
      </div>
      <div class="contatos-body">
        <div class="contatos-body-left">
          <div class="contatos-body-left-content">
            <div class="contato-item">
              <div class="contato-item-icon">
                <i class="fa fa-phone" aria-hidden="true"></i>
              </div>
              <div class="contato-item-content">
                <p class="font14">Telefone Principal</p>
                <h5 class="font18">{{ $contato->telefone }}</h5>
              </div>
            </div>
            <div class="contato-item">
              <div class="contato-item-icon">
                <i class="fa fa-envelope" aria-hidden="true"></i>
              </div>
              <div class="contato-item-content">
                <p class="font14">E-mail Principal</p>
                <h5 class="font18">{{ $contato->email }}</h5>
              </div>
            </div>
            @if (isset($contato->horario_funcionamento))
            <div class="contato-item">
              <div class="contato-item-icon">
                <i class="fa fa-clock-o" aria-hidden="true"></i>
              </div>
              <div class="contato-item-content">
                <p class="font14">Horário de Funcionamento</p>
                <h5 class="font18">{{$contato->horario_funcionamento}}</h5>
              </div>
            </div>
            @endif
            <div class="contato-item">
              <div class="contato-item-icon">
                <i class="fa fa-map-marker" aria-hidden="true"></i>
              </div>
              <div class="contato-item-content">
                <p class="font14">Endereço da Prefeitura</p>
                <h5 class="font18">{{ $contato->endereco }}, {{ $contato->cep }}, {{ $contato->cidade }} - {{ $contato->estado }} </h5>
              </div>
            </div>
          </div>
          <div class="contatos-body-left-map">
            <iframe
              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d962.6940622566748!2d-42.500007770843254!3d-15.170627904971541!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x74fd70d6bab42e3%3A0x46f019b7cbdfa2da!2sC%C3%A2mara+Municipal+de+Montezuma!5e0!3m2!1spt-BR!2sbr!4v1557282372627!5m2!1spt-BR!2sbr">
            </iframe>
          </div>
        </div>
        <div class="contatos-body-right">
          <div class="contatos-body-right-form">
            {!! Form::open(['url' => routeTenant('site.enviaremail'), 'enctype' => 'multipart/form-data']) !!}

            <div class="contato-form-item">
              <h4 class="font14">Nome</h4>
              <input class="font16" placeholder="Digite aqui o nome do responsável" name="Nome" type="text" required>
            </div>

            <div class="contato-form-item">
              <h4 class="font14">Telefone</h4>
              <input class="font16" placeholder="Digite aqui o telefone do responsável" id="telefone" name="telefone" type="text" required>
            </div>

            <div class="contato-form-item">
              <h4 class="font14">E-mail</h4>
              <input class="font16 validate[required,custom[email]]" placeholder="Digite aqui o e-mail do responsável" name="email" type="email" required>
            </div>

            <div class="contato-form-item">
              <h4 class="font14">Assunto</h4>
              <input class="font16" placeholder="Digite aqui o assunto da mensagem" type="text" name="assunto" required>
            </div>

            <div class="contato-form-item">
              <h4 class="font14">Mensagem</h4>
              <textarea class="font16" placeholder="Escreva a sua mensagem aqui..." name="messagem" id="" rows="5" required></textarea>
            </div>
            <div class="contato-termos-de-uso">
              <input type="checkbox" id="contato-termos-de-uso" name="termos-de-uso" required>
              <label class="font14" for="contato-termos-de-uso">Li e concordo com os <a href="">termos e privacidade</a> da
                prefeitura</label>
            </div>
            <div class="contato-button">
              <div class="contato-form-item">
                <button class="font14" type="submit">Enviar Messagem</button>
              </div>
            </div>

            {!! Form::close() !!}
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection

@section('post-script')
<script src="{{ url('') }}/templates/prefeitura1/licitacao/js/jquery.mask.min.js"></script>

<script>
   $("#telefone").keypress(function() {
          $(this).mask('(00) 0 0000-0000');
        });
</script>
@endsection