@extends('templates.prefeitura4.layout')

@section('content')
  <div class="secretarias-index">
    <div class="secretarias-index-header">
      <div class="secretarias-index-title">
        <h3 class="font30">Todas as Secretarias</h3>
      </div>
      {!! Form::open(['url' => routeTenant('secretarias.busca'), 'method' => 'GET']) !!}
      <div class="allNotices-search">
        <input class="font16" type="text" id="allNotices-search" name="buscar" placeholder="Procure aqui a secretaria que quer encontrar">
        <button>
          <i class="fa fa-search" aria-hidden="true"></i> &nbsp;
        </button>
      </div>
      @if(isset($busca))
    <div class="videos-search-header" style="width: 100vw">
      <div class="container">
        <div class="row">
          <div class="videos-search-header-text col-md-12">
            <h1>
              Procurando: {{ $busca }}</h1>
          </div>
        </div>
      </div>
    </div>
    @endif
      {!! Form::close() !!}
    </div>
    <div class="secretarias-index-body">
      <div class="secretarias-index-cards">
        @foreach ($secretarias as $secretaria)
          <div class="secretarias-cards">

            <div class="secretarias-card">
              <div>
                <div class="secretarias-card-header">
                  <i class="fa {{ $secretaria->icone }}" aria-hidden="true"></i>
                  <h4>{{ $secretaria->titulo }}</h4>
                </div>
                <div class="secretarias-card-conteudo">
                  <div class="linha">
                    <img src="{{ asset($secretaria->foto) }}">
                    <p class="font16">Titular:<br>{{ $secretaria->resposavel }}</p>
                  </div>
                  <div class="linha">
                    <i class="fa fa-clock-o" aria-hidden="true"></i>
                    <p class="font16">{{ date('H-i', strtotime($secretaria->horario_abertura)) }} -
                      {{ date('H-i', strtotime($secretaria->horario_fechamento)) }}</p>
                  </div>
                  <div class="linha">
                    <i class="fa fa-phone" aria-hidden="true"></i>
                    <p class="font16">{{ $secretaria->telefone }}</p>
                  </div>
                  <div class="linha">
                    <i class="fa fa-envelope" aria-hidden="true"></i>
                    <p class="font16">{{ $secretaria->email }}</p>
                  </div>
                  <div class="linha">
                    <i class="fa fa-map-marker" aria-hidden="true"></i>
                    <p class="font16">{{ $secretaria->endereco }}</p>
                  </div>
                </div>
                <div class="secretarias-card-btn">
                  <button type="button" onclick="window.location='{{ routeTenant('secretaria', [$secretaria->url]) }}'"
                    class="secretarias-card-btn font14">Mais Informações</button>
                </div>
              </div>
            </div>
          </div>
        @endforeach
      </div>
    </div>
  </div>
@endsection