@extends('layouts.master')

@section('content')
<section class="ouvidoria-chamado container-fluid mt-5">
    <h1 class="text-center">Detalhes da Manifestação</h1>
    <hr>
    <div class="row justify-content-center mb-4">
        <div class="col-md-10">
            <div class="card bg-success text-white p-4 text-center">
                <h2 class="card-title">Chamado Aberto com Sucesso!</h2>
                <p class="lead">Guarde o número do seu protocolo para acompanhar a manifestação:</p>
                <h3 class="protocol-number display-4">{{ $ouvidoria->protocol }}</h3>
                <p>Você pode acompanhar o status do seu chamado utilizando este número na página principal da ouvidoria.</p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-8">
            <div class="card p-4">
                <h4 class="card-title">Dados da Manifestação</h4>
                <hr>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <strong>Tipo:</strong> {{ $ouvidoria->type_demand }}
                    </div>
                    <div class="col-md-6 mb-3">
                        <strong>Assunto:</strong> {{ $ouvidoria->subject }}
                    </div>
                    <div class="col-12 mb-3">
                        <strong>Destinatário:</strong>
                        @if ($ouvidoria->people)
                            {{ $ouvidoria->people->name }}
                        @else
                            Não se aplica (Manifestação anônima)
                        @endif
                    </div>
                    @if (!$ouvidoria->anomy)
                    <div class="col-md-6 mb-3">
                        <strong>Nome:</strong> {{ $ouvidoria->name }}
                    </div>
                    <div class="col-md-6 mb-3">
                        <strong>E-mail:</strong> {{ $ouvidoria->email }}
                    </div>
                    @else
                    <div class="col-12 mb-3">
                        <strong>Identificação:</strong> Manifestação Anônima
                    </div>
                    @endif
                    <div class="col-12 mb-3">
                        <strong>Descrição:</strong>
                        <p class="mt-2 p-3 bg-light rounded">{{ $ouvidoria->text }}</p>
                    </div>
                    <div class="col-12 mb-3">
                        <strong>Resposta:</strong>
                        <p class="mt-2 p-3 bg-light rounded">
                            @if ($ouvidoria->response)
                                {{ $ouvidoria->response }}
                            @else
                                Sem resposta no momento.
                            @endif
                        </p>
                    </div>
                    @if ($ouvidoria->image)
                    <div class="col-12 mb-3">
                        <strong>Anexo:</strong>
                        <div class="mt-2 text-center">
                            <img src="{{ asset('assets/chamados/ouvidoria/' . $ouvidoria->image) }}" alt="Anexo do Chamado" class="img-fluid rounded border">
                        </div>
                    </div>
                    @endif
                    <div class="col-12">
                        <strong>Status:</strong>
                        <span class="badge bg-secondary">{{ $ouvidoria->closed ? 'Fechado' : 'Aberto' }}</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 d-flex flex-column gap-4">
            <div class="card p-3">
                <h5 class="card-title">Informações de Prazos</h5>
                <p>O prazo de resposta de uma manifestação é de 30 dias a contar da data em que a manifestação foi registrada. Esse prazo pode ser prorrogado por mais 30 dias, mediante justificativa.</p>
            </div>
            <div class="card p-3">
                <h5 class="card-title">O que é a Ouvidoria?</h5>
                <p>A ouvidoria é um canal que faz a ponte entre você e a Câmara Municipal. É responsável por receber, analisar e encaminhar denúncias, elogios, sugestões, reclamações e pedidos de informação sobre a instituição.</p>
            </div>
        </div>
    </div>
</section>
@endsection