@extends('layouts.azpet.base')

@section('title', 'Transferencias')
@section('subtitle', 'Central da ONG para doar pets com rastreabilidade, assinaturas e email')

@push('page_styles')
    @vite([
        'resources/css/pages/ongs/style.css',
        'resources/css/pages/ongs/responsive.css'
    ])
@endpush

@section('content')
    <div class="helper-grid">
        <div class="helper-card">
            <strong>1. Escolha um pet da ONG</strong>
            <div class="muted">Use a lista abaixo para abrir a transferencia do pet que sera doado.</div>
        </div>
        <div class="helper-card">
            <strong>2. Assine com o tutor</strong>
            <div class="muted">O sistema exige assinatura da ONG e do novo tutor antes de concluir.</div>
        </div>
        <div class="helper-card">
            <strong>3. Acompanhe email e historico</strong>
            <div class="muted">Depois da doacao, a ONG continua vendo o historico e pode reenviar o email se necessario.</div>
        </div>
    </div>

    <div class="grid-60-40" style="margin-bottom:16px;">
        <div class="card">
            <div class="card-header">
                <span class="card-title">Pets ainda com a ONG</span>
            </div>
            <div class="card-body">
                <div class="table-wrap">
                    <table>
                        <thead>
                        <tr>
                            <th>Pet</th>
                            <th>ID</th>
                            <th>Status</th>
                            <th>Acoes</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse ($currentPets as $pet)
                            <tr>
                                <td>
                                    <div style="display:flex;align-items:center;">
                                        @if ($pet->photo_url)
                                            <img class="mini-avatar" src="{{ $pet->photo_url }}" alt="Pet">
                                        @endif
                                        <div>
                                            <div>{{ $pet->nome }}</div>
                                            <div class="muted">{{ $pet->species }} {{ $pet->breed ? '| '.$pet->breed : '' }}</div>
                                        </div>
                                    </div>
                                </td>
                                <td>{{ $pet->id_azpet_code }}</td>
                                <td><span class="pill ok">Sob cuidado da ONG</span></td>
                                <td>
                                    <div class="table-actions">
                                        <a class="btn btn-outline btn-xs" href="{{ route('web.pets.history', $pet) }}">Historico</a>
                                        <a class="btn btn-primary btn-xs" href="{{ route('web.pets.ownership-transfers.create', $pet) }}">Transferir</a>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="muted">Nenhum pet ativo na ONG.</td></tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <span class="card-title">Pets doados com historico preservado</span>
            </div>
            <div class="card-body">
                <div class="timeline">
                    @forelse ($donatedPets as $pet)
                        <div class="timeline-item">
                            <div class="timeline-dot"></div>
                            <div class="timeline-content">
                                <div class="timeline-title">{{ $pet->nome }} | {{ $pet->id_azpet_code }}</div>
                                <div class="timeline-desc">Tutor atual: {{ $pet->tutor?->nome ?? 'Nao informado' }}</div>
                                <div class="table-actions" style="margin-top:8px;">
                                    <a class="btn btn-outline btn-xs" href="{{ route('web.pets.history', $pet) }}">Ver historico</a>
                                    <a class="btn btn-outline btn-xs" href="{{ route('web.exames.index', ['pet_code' => $pet->id_azpet_code]) }}">Repositorio</a>
                                    <a class="btn btn-outline btn-xs" href="{{ route('web.premium-reports.index', ['pet_code' => $pet->id_azpet_code]) }}">Health Memory</a>
                                </div>
                            </div>
                        </div>
                    @empty
                        <div class="muted">Nenhum pet doado ainda.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <span class="card-title">Transferencias registradas</span>
        </div>
        <div class="card-body">
            <div class="table-wrap">
                <table>
                    <thead>
                    <tr>
                        <th>Data</th>
                        <th>Pet</th>
                        <th>Novo tutor</th>
                        <th>Email</th>
                        <th>Status email</th>
                        <th>Acoes</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($transfers as $transfer)
                        <tr>
                            <td>{{ optional($transfer->transfer_date)->format('d/m/Y') }}</td>
                            <td>
                                <div>{{ $transfer->pet?->nome ?? '-' }}</div>
                                <div class="muted">{{ $transfer->pet?->id_azpet_code ?? '-' }}</div>
                            </td>
                            <td>{{ $transfer->toTutor?->nome ?? $transfer->new_tutor_name }}</td>
                            <td>{{ $transfer->new_tutor_email }}</td>
                            <td>
                                <span class="pill {{ $transfer->notification_status === 'sent' ? 'ok' : 'off' }}">{{ $transfer->notification_status }}</span>
                                <div class="muted">{{ $transfer->notification_attempts }} tentativa(s)</div>
                                @if ($transfer->notification_error)
                                    <div class="muted" style="max-width:260px;">{{ $transfer->notification_error }}</div>
                                @endif
                            </td>
                            <td>
                                <div class="table-actions">
                                    @if ($transfer->pet)
                                        <a class="btn btn-outline btn-xs" href="{{ route('web.pets.history', $transfer->pet) }}">Historico</a>
                                    @endif
                                    <form method="POST" action="{{ route('web.ownership-transfers.retry-email', $transfer) }}">
                                        @csrf
                                        <button class="btn btn-outline btn-xs" type="submit">Reenviar email</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="muted">Nenhuma transferencia registrada.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>

            @if ($transfers->hasPages())
                <div class="pager">
                    @if ($transfers->previousPageUrl())
                        <a class="btn btn-outline btn-sm" href="{{ $transfers->previousPageUrl() }}">Anterior</a>
                    @endif
                    @if ($transfers->nextPageUrl())
                        <a class="btn btn-outline btn-sm" href="{{ $transfers->nextPageUrl() }}">Proxima</a>
                    @endif
                </div>
            @endif
        </div>
    </div>
@endsection