@extends('layouts.admin')

@section('title', 'TikTok Hesapları')
@section('subtitle', 'İzinli veya size ait TikTok kaynaklarını yönetin')

@section('content')
<div class="d-flex justify-content-end mb-3">
    <a href="{{ route('admin.tiktok.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg me-1"></i>Hesap ekle</a>
</div>
<div class="card">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead><tr><th>Ad</th><th>Kullanıcı</th><th>Mod</th><th>Durum</th><th>Son kontrol</th><th>Sonraki kontrol</th><th></th></tr></thead>
            <tbody>
            @forelse ($accounts as $account)
                <tr>
                    <td>{{ $account->name }}</td>
                    <td><a href="{{ $account->profile_url }}" target="_blank">{{ '@'.$account->username }}</a></td>
                    <td>{{ $account->discovery_mode }}</td>
                    <td><span class="badge text-bg-{{ $account->status === 'active' ? 'success' : 'secondary' }}">{{ $account->status }}</span></td>
                    <td>{{ $account->last_checked_at?->format('d.m.Y H:i') ?: '-' }}</td>
                    <td>{{ $account->next_manual_check_at?->format('d.m.Y H:i') ?: '-' }}</td>
                    <td class="text-end">
                        <a class="btn btn-sm btn-outline-light" href="{{ route('admin.tiktok.edit', $account) }}"><i class="bi bi-pencil"></i></a>
                        <form method="post" action="{{ route('admin.tiktok.destroy', $account) }}" class="d-inline">
                            @csrf @method('delete')
                            <button class="btn btn-sm btn-outline-danger" onclick="return confirm('Silinsin mi?')"><i class="bi bi-trash"></i></button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-secondary">Henüz TikTok hesabı yok.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
<div class="mt-3">{{ $accounts->links() }}</div>
@endsection