@extends('layouts.admin')

@section('title', 'Paylaşım Kuyruğu')
@section('subtitle', 'Bekliyor, hazırlanıyor, paylaşılacak, paylaşıldı, hata aldı veya atlandı durumlarını yönetin')

@section('content')
@if($items->isEmpty())
    <div class="card p-4 text-secondary">Kuyrukta kayıt yok.</div>
@endif
@foreach ($items as $item)
    <div class="card p-3 mb-3">
        <div class="row g-3">
            <div class="col-xl-3">
                <div class="small text-secondary">{{ $item->video?->tiktokAccount?->name }} / {{ $item->video?->tiktok_video_id }}</div>
                <a href="{{ $item->video?->video_url }}" target="_blank">{{ $item->video?->video_url }}</a>
                <div class="mt-2"><span class="badge text-bg-secondary">{{ $item->status }}</span></div>
                @if($item->error_message)<div class="text-danger small mt-2">{{ $item->error_message }}</div>@endif
            </div>
            <div class="col-xl-6">
                <form method="post" action="{{ route('admin.queue.update', $item) }}">
                    @csrf @method('put')
                    <div class="row g-2">
                        <div class="col-md-6"><select name="facebook_page_id" class="form-select">@foreach($facebookPages as $page)<option value="{{ $page->id }}" @selected($item->facebook_page_id === $page->id)>{{ $page->page_name }}</option>@endforeach</select></div>
                        <div class="col-md-3"><input name="scheduled_at" type="datetime-local" class="form-control" value="{{ $item->scheduled_at?->format('Y-m-d\TH:i') }}"></div>
                        <div class="col-md-3"><select name="status" class="form-select">@foreach(['waiting','preparing_caption','ready_to_share','shared','failed','skipped'] as $status)<option value="{{ $status }}" @selected($item->status === $status)>{{ $status }}</option>@endforeach</select></div>
                        <div class="col-12"><textarea name="caption_override" class="form-control">{{ $item->caption_override ?: $item->video?->generated_caption ?: $item->video?->original_caption }}</textarea></div>
                    </div>
                    <button class="btn btn-sm btn-outline-light mt-2"><i class="bi bi-save me-1"></i>Güncelle</button>
                </form>
            </div>
            <div class="col-xl-3 d-flex align-items-start gap-2 justify-content-xl-end">
                <form method="post" action="{{ route('admin.queue.approve', $item) }}">@csrf<button class="btn btn-success"><i class="bi bi-check-lg"></i></button></form>
                <form method="post" action="{{ route('admin.queue.reject', $item) }}">@csrf<button class="btn btn-outline-danger"><i class="bi bi-x-lg"></i></button></form>
                <form method="post" action="{{ route('admin.queue.share-now', $item) }}">@csrf<button class="btn btn-primary"><i class="bi bi-send"></i></button></form>
            </div>
        </div>
    </div>
<div class="mt-3">{{ $items->links() }}</div>
@endsection