@extends('admin.layouts.master')

@section('content')

<h5 class="text-muted page-title-header mb-4">Detalhes do Chamado</h5>

<div class="row">
    <div class="col-lg-8">
        <div class="card mb-4">
            <div class="card-body">
                <h5 class="card-title">Informações do Chamado #{{ $ouvidoria->protocol }}</h5>
                <hr>

                <p><strong>Tipo de Demanda:</strong> {{ $ouvidoria->type_demand }}</p>
                <p><strong>Assunto:</strong> {{ $ouvidoria->subject }}</p>

                @if ($ouvidoria->anomy)
                    <p><strong>Solicitante:</strong> Anônimo</p>
                @else
                    <p><strong>Nome:</strong> {{ $ouvidoria->name ?? 'Não informado' }}</p>
                    <p><strong>E-mail:</strong> {{ $ouvidoria->email ?? 'Não informado' }}</p>
                @endif

                <p><strong>Para parlamentar:</strong> {{ $ouvidoria->poeples->name }}</p>

                <p><strong>Data de Abertura:</strong> {{ $ouvidoria->created_at->format('d/m/Y H:i') }}</p>

                <hr>

                <h6>Detalhes:</h6>
                <div class="alert alert-info" role="alert">
                    <p class="mb-0">{{ $ouvidoria->text }}</p>
                </div>

                @if ($ouvidoria->image)
                    <h6>Anexo:</h6>
                    <img src="{{ asset('assets/chamados/ouvidoria/' . $ouvidoria->image) }}" alt="Imagem do chamado" class="img-fluid rounded mb-3" style="max-height: 300px;">
                @endif
            </div>
        </div>

        @if ($ouvidoria->response)
            <div class="card mb-4">
                <div class="card-body">
                    <h5 class="card-title">Resposta do Administrador</h5>
                    <hr>
                    <div class="alert alert-success" role="alert">
                        <p class="mb-0">{{ $ouvidoria->response }}</p>
                    </div>
                </div>
            </div>
        @endif

    </div>

    <div class="col-lg-4">
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">Responder Chamado</h5>
                <hr>
               <form action="{{ route('ouvidoria.update', $ouvidoria->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <input type="hidden" name="type_demand" value="{{ $ouvidoria->type_demand }}">
                    <input type="hidden" name="name" value="{{ $ouvidoria->name }}">
                    <input type="hidden" name="email" value="{{ $ouvidoria->email }}">
                    <input type="hidden" name="people_id" value="{{ $ouvidoria->people_id }}">
                    <input type="hidden" name="subject" value="{{ $ouvidoria->subject }}">
                    <input type="hidden" name="text" value="{{ $ouvidoria->text }}">
                    <input type="hidden" name="anomy" value="{{ $ouvidoria->anomy }}">

                    <div class="mb-3">
                        <label for="response" class="form-label">Sua Resposta</label>
                        <textarea class="form-control" id="response" name="response" rows="5" required>{{ old('response', $ouvidoria->response) }}</textarea>
                    </div>

                    <div class="mb-3 form-check">
                        <input type="checkbox" class="form-check-input" id="closed" name="closed" value="1" {{ $ouvidoria->closed ? 'checked' : '' }}>
                        <label class="form-check-label" for="closed">Marcar como resolvido?</label>
                    </div>

                    <div class="d-grid gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="fa fa-reply me-2"></i> Enviar Resposta
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection