@extends('layouts.pmar.theme')

@section("title", env("APP_NAME") . " :: Acompanhamento de Castração")

@section('content')
<div class="container my-5">
    <div class="card shadow-lg">
        <div class="card-header bg-primary text-white">
            <div class="row align-items-center">
                <div class="col">
                    <h4 class="mb-0">Página de Acompanhamento</h4>
                </div>
                <div class="col-auto text-end">
                    <a class="btn btn-md btn-outline-light" href="{{ route('paginas.castracao.logout') }}">
                        Sair
                    </a>
                </div>
            </div>
        </div>
        <div class="card-body">

            {{-- Mensagens de sucesso/erro --}}
            @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if (session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
            @endif

            {{-- Foto do tutor (se tiver no User) --}}
            @if($tutor->user && $tutor->user->photo)
            <div class="mb-3">
                <img
                    src="{{ asset($tutor->user->photo) }}"
                    class="img-fluid img-thumbnail"
                    width="200px"
                    style="cursor: pointer;"
                    data-bs-toggle="modal"
                    data-bs-target="#modalFotoFull" />
            </div>

            {{-- Modal de foto full --}}
            <div class="modal fade" id="modalFotoFull" tabindex="-1" aria-labelledby="modalFotoFullLabel" aria-hidden="true">
                <div class="modal-dialog modal-fullscreen">
                    <div class="modal-content bg-dark text-center">
                        <div class="modal-header border-0">
                            <button type="button" class="btn-close btn-close-white ms-auto" data-bs-dismiss="modal" aria-label="Fechar"></button>
                        </div>
                        <div class="modal-body d-flex justify-content-center align-items-center">
                            <img
                                src="{{ asset($tutor->user->photo) }}"
                                class="img-fluid"
                                alt="Foto do usuário"
                                style="max-height: 90vh;" />
                        </div>
                    </div>
                </div>
            </div>
            @endif

            {{-- Dados do Tutor --}}
            <h5>Olá, {{ $tutor->user->firstName ?? 'Tutor' }}!</h5>

            <hr>
            <h5>Dados Pessoais</h5>
            <div class="row">
                <div class="col-md-6">
                    <p><strong>Tipo de Tutor:</strong> {{ $tutor->tipo_tutor ?? 'Não informado' }}</p>
                    <p><strong>CPF:</strong> {{ $tutor->user->cpf ?? 'Não informado' }}</p>
                    <p><strong>Telefone:</strong> {{ $tutor->user->phoneNumber ?? 'Não informado' }}</p>
                    <p><strong>E-mail:</strong> {{ $tutor->user->email ?? 'Não informado' }}</p>
                </div>
                <div class="col-md-6">
                    <h6>Endereço</h6>
                    @if($tutor->user->enderecos->count() > 0)
                    @php $endereco = $tutor->user->enderecos->first(); @endphp
                    <p><strong>CEP:</strong> {{ $endereco->cep }}</p>
                    <p><strong>Logradouro:</strong> {{ $endereco->logradouro }}</p>
                    <p><strong>Cidade:</strong> {{ $endereco->cidade }}</p>
                    <p><strong>UF:</strong> {{ $endereco->uf }}</p>
                    @else
                    <p><em>Endereço não cadastrado.</em></p>
                    @endif
                </div>
            </div>

            <hr>
            {{-- Animais --}}
            <h5>Animais Cadastrados</h5>

            <div class="mb-3">
                <a href="{{ route('paginas.castracao.animals.create', ['tutor_id' => $tutor->id]) }}" class="btn btn-success">
                    + Cadastrar Novo Animal
                </a>
            </div>

            @if($tutor->animals->count() > 0)
            <ul class="list-group">
                @foreach($tutor->animals as $animal)
                <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
                    <div>
                        <strong>Nome:</strong> {{ $animal->nome_animal ?? 'Sem nome' }} |
                        <strong>Espécie:</strong> {{ $animal->especie ?? 'Não informado' }} |
                        <strong>Raça:</strong> {{ $animal->raca->nome ?? 'Não informado' }} |
                        <strong>Sexo:</strong> {{ ucfirst(strtolower($animal->sexo)) ?? 'Não informado' }} |
                        <strong>Idade:</strong>
                        @if($animal->idade && $animal->idade_em)
                        {{ $animal->idade }} {{ strtolower($animal->idade_em) }}
                        @else
                        Não informado
                        @endif |
                        <strong>Peso:</strong> {{ $animal->peso ? $animal->peso . ' kg' : 'Não informado' }} |
                        <strong>Tipo:</strong> {{ ucfirst(strtolower($animal->tipo)) ?? 'Não informado' }}
                    </div>
                    <div class="mt-2 mt-md-0">
                        <a href="{{ route('paginas.castracao.animals.edit', $animal->id) }}" class="btn btn-sm btn-outline-primary me-2">Editar</a>

                        <form action="{{ route('paginas.castracao.animals.destroy', $animal->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Tem certeza que deseja excluir este animal?');">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger">Excluir</button>
                        </form>
                    </div>
                </li>
                @endforeach

            </ul>
            @else
            <p><em>Nenhum animal cadastrado.</em></p>
            @endif

            {{-- Exemplo de botão de ação (editar cadastro, por exemplo) --}}
            <div class="mt-4">
                <a href="{{ route('paginas.castracao.tutors.edit', $tutor->id) }}" class="btn btn-warning">Atualizar Dados</a>
            </div>

        </div>
    </div>
</div>
@endsection