@extends('site.layouts.layout_1')
@section('content_header')
    <div class="container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb u-breadcrumb p-3 bg-light mb-3 small">
                <li class="breadcrumb-item"><a href="/">Principal</a></li>
                <li class="breadcrumb-item active d-none d-md-block" aria-current="page">Secretarias</li>
            </ol>
        </nav>
        <div class="col-md-12">
            <h1>Secretarias Municipais</h1>
            <hr>

            <div class="d-col d-col-12">
                <h1>Dados gerais da Secretaria - {{ $secretarias->nome }} - {{ $secretarias->sigla }}
                </h1>

                <p>Endereço: {{ $secretarias->endereco }}</p>
                <p>Telefone Fixo: {{ $secretarias->fixo }}</p>
                <p>Telefone Celular: {{ $secretarias->celular }}</p>
                <p>E-mail: {{ $secretarias->email }}</p>
                <p>Horário de atendimento: {{ $secretarias->horario_atendimento }}</p>
                <p>Secretário: {{ $secretarias->secretario }}</p>
                <hr>
            </div>
            <div class="d-col d-col-12">
                <h1>Carta de Serviços</h1>
                <p align="justify">{!! $secretarias->secretaria_detalhe !!}</p>
            </div>

        </div>
        <script>
            function goBack() {
                window.history.back()
            }
        </script>

        <body>
            <button class="btn btn-block btn-outline-primary" onclick="goBack()">Voltar</button>
        </body>
    </div>
@endsection
