@extends('layouts.azpet.base')

@section('title', 'Tutores')
@section('subtitle', 'Cadastro de tutores com foto, link publico de clinica e controle de status')

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

@section('content')
    <div class="hero">
        <div class="hero-kicker">Health Memory</div>
        <h2>Tutores e identidades AZPET</h2>
        <p>Centralize cadastro, acesso clinico e relatorios sem expor sinais como alarmes.</p>
    </div>

    <div class="grid-60-40">
        <div class="card">
            <div class="ph">
                <h3>Busca</h3>
            </div>
            <div class="card-body">
                <form method="GET" action="{{ route('web.tutors.index') }}">
                    <div class="form-row cols-3">
                        <div class="field">
                            <label>Nome, email ou codigo</label>
                            <input type="text" name="q" value="{{ $search }}" placeholder="Ex.: TUT-XXXX">
                        </div>
                        <div class="field">
                            <label>Status</label>
                            <select name="status">
                                <option value="active" @selected($status === 'active')>Ativos</option>
                                <option value="inactive" @selected($status === 'inactive')>Inativos</option>
                                <option value="all" @selected($status === 'all')>Todos</option>
                            </select>
                        </div>
                        <div class="field" style="display:flex;align-items:flex-end;gap:8px;">
                            <button class="btn" type="submit"><i class="ti ti-filter"></i>Filtrar</button>
                            <a class="btn ghost" href="{{ route('web.tutors.index') }}">Limpar</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="ph">
                <h3>Novo Tutor</h3>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('web.tutors.store') }}" enctype="multipart/form-data">
                    @csrf
                    <div class="form-row">
                        <div class="field">
                            <label>Nome</label>
                            <input type="text" name="nome" required>
                        </div>
                    </div>
                    <div class="form-row cols-2">
                        <div class="field">
                            <label>Email</label>
                            <input type="email" name="email" required>
                        </div>
                        <div class="field">
                            <label>Telefone</label>
                            <input type="text" name="telefone">
                        </div>
                    </div>
                    <div class="form-row cols-2">
                        <div class="field">
                            <label>Foto do tutor</label>
                            <input type="file" name="photo_file" accept=".jpg,.jpeg,.png,.webp">
                        </div>
                        <div class="field" style="display:flex;align-items:flex-end;">
                            <label><input type="checkbox" name="is_active" value="1" checked> Cadastro ativo</label>
                        </div>
                    </div>
                    <div class="form-row cols-3">
                        <label><input type="checkbox" name="create_login" value="1"> Criar login tutor</label>
                        <div class="field">
                            <label>Login email</label>
                            <input type="email" name="login_email" placeholder="tutor@exemplo.com">
                        </div>
                        <div class="field">
                            <label>Login senha</label>
                            <input type="password" name="login_password" placeholder="minimo 8 caracteres">
                        </div>
                    </div>
                    <button class="btn" type="submit"><i class="ti ti-user-plus"></i>Cadastrar Tutor</button>
                </form>
            </div>
        </div>
    </div>

    <div class="panel">
        <div class="ph">
            <h3>Lista de tutores</h3>
        </div>
        <div class="card-body">
            <div class="table-wrap">
                <table>
                    <thead>
                    <tr>
                        <th>Tutor</th>
                        <th>Codigo</th>
                        <th>Contato</th>
                        <th>Pets</th>
                        <th>Acesso clinica</th>
                        <th>Status</th>
                        <th>Acoes</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($tutors as $tutor)
                        <tr>
                            <td>
                                <div style="display:flex;align-items:center;">
                                    @if ($tutor->photo_url)
                                        <img class="mini-avatar" src="{{ $tutor->photo_url }}" alt="Tutor">
                                    @endif
                                    <div>
                                        <div>{{ $tutor->nome }}</div>
                                        <div class="muted">
                                            {{ $tutor->profile_type === \App\Models\Tutor::PROFILE_ONG ? 'ONG' : ($tutor->activeSubscription ? 'Assinatura ativa' : 'Sem assinatura') }}
                                        </div>
                                    </div>
                                </div>
                            </td>
                            <td>{{ $tutor->public_code }}</td>
                            <td>
                                <div>{{ $tutor->email }}</div>
                                <div class="muted">{{ $tutor->telefone ?: 'Sem telefone' }}</div>
                            </td>
                            <td>{{ $tutor->pets_count }}</td>
                            <td>
                                <a class="btn ghost btn-xs" href="{{ $tutor->clinic_access_url }}" target="_blank">Link</a>
                                @if ($tutor->clinic_access_qr_url)
                                    <a class="btn ghost btn-xs" href="{{ $tutor->clinic_access_qr_url }}" target="_blank">QR</a>
                                @endif
                            </td>
                            <td>
                                <span class="pill {{ $tutor->is_active ? 'ok' : 'off' }}">
                                    {{ $tutor->is_active ? 'Ativo' : 'Inativo' }}
                                </span>
                            </td>
                            <td>
                                <div class="table-actions">
                                    @if (auth()->user()?->isSuperAdmin())
                                        <form class="inline-form" method="POST" action="{{ route('web.tutors.toggle-status', $tutor) }}">
                                            @csrf
                                            @method('PATCH')
                                            <button class="btn ghost btn-xs" type="submit">{{ $tutor->is_active ? 'Desativar' : 'Ativar' }}</button>
                                        </form>
                                    @endif
                                    <form class="inline-form" method="POST" action="{{ route('web.tutors.destroy', $tutor) }}">
                                        @csrf
                                        @method('DELETE')
                                        <button class="btn btn-danger btn-xs" type="submit">Excluir</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="muted">Nenhum tutor encontrado.</td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
            @if ($tutors->hasPages())
                <div class="pager">
                    @if ($tutors->previousPageUrl())
                        <a class="btn ghost btn-sm" href="{{ $tutors->previousPageUrl() }}">Anterior</a>
                    @endif
                    @if ($tutors->nextPageUrl())
                        <a class="btn ghost btn-sm" href="{{ $tutors->nextPageUrl() }}">Proxima</a>
                    @endif
                </div>
            @endif
        </div>
    </div>
@endsection