@extends('templates.prefeitura4.layout')

@section('content')
  <div class="secretaria-index">
    <div class="secretaria-index-header">
      <div class="secretaria-index-title">
        {{-- <i class="fa {{ $secretaria_user->icone }}" aria-hidden="true"></i> --}}
        <h4 class=" font40">{{ $secretaria_user->titulo }}</h4>
      </div>
    </div>
    <div class="secretaria-index-body">
      <div class="secretaria-index-contact-and-description">
        <div class="secretaria-index-contact-and-description-header">
          <h4 class="font30">Contato e Descrição</h4>
        </div>
        <div class="secretaria-index-contact-and-description-body">
          <div class="secretaria-index-contact">
            <div class="linha">
              <i class="fa fa-clock-o" aria-hidden="true"></i>
              <p class="font16">{{ date('H-i', strtotime($secretaria_user->horario_abertura)) }} -
                {{ date('H-i', strtotime($secretaria_user->horario_fechamento)) }}</p>
            </div>
            <div class="linha">
              <i class="fa fa-phone" aria-hidden="true"></i>
              <p class="font16">{{ $secretaria_user->telefone }}</p>
            </div>
            <div class="linha">
              <i class="fa fa-envelope" aria-hidden="true"></i>
              <p>{{ $secretaria_user->email }}</p>
            </div>
            <div class="linha">
              <i class="fa fa-map-marker" aria-hidden="true"></i>
              <p class="font16">{{ $secretaria_user->endereco }}</p>
            </div>
          </div>
          <div class="secretaria-index-description font14">
            {{ $secretaria_user->apresentacao }}
          </div>
        </div>
      </div>
      <div class="secretaria-index-titular">
        <div class="secretaria-index-titular-header linha">
          <img src="{{ asset($secretaria_user->foto) }}" alt="">
          <h4 class="font30">Titular: {{ $secretaria_user->resposavel }}</h4>
        </div>
        <div class="secretaria-index-titular-body">
          <p class="font18">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque dolorum ratione ipsam facere ducimus ea
            consectetur deserunt quis repellendus! Saepe similique hic, odit corrupti iure eligendi repudiandae natus
            dolor officiis.
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error quisquam excepturi assumenda ipsum ut at, quod
            consectetur in doloremque ab nam, tenetur ducimus harum autem rerum facere cumque! Culpa, repudiandae!
            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Rerum esse cumque ipsa non in laboriosam iste
            reprehenderit ratione excepturi quis facilis repellat alias iure sit soluta consequuntur voluptatem, vitae
            blanditiis.
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam iure debitis libero, inventore voluptate quasi
            necessitatibus quam dolorum reprehenderit quis. Nulla magni ducimus doloribus molestias asperiores minima,
            quis obcaecati quas?
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore quia dolor, quod ut odio, omnis iste,
            minima quo quaerat quas nulla sequi esse cupiditate facilis nisi ex? Provident, laborum sequi?
          </p>
        </div>
      </div>
      <div class="secretaria-index-anexos">
        <div class="secretaria-index-anexos-header">
          <i class="fa fa-paperclip" aria-hidden="true"></i>
          <h4 class="font30">Anexos</h4>
        </div>
        <div class="secretaria-index-anexos-body">
          <div class="encapsule">
            <a href="{{ $secretaria_user->download }}">
              <div class="secretaria-index-anexos-body-item">
                <i class="fa fa-file-o"></i>
              </div>
              <p class="font12">{{ $secretaria_user->download }}</p>
            </a>
          </div>
        </div>
        <div class="secretaria-index-anexos-header"></div>
      </div>
    </div>
    <div class="secretaria-index-footer"></div>
  </div>
@endsection

@section('post-script')
@endsection