@extends('layouts.admin')

@section('title', 'Zamanlama Yönetimi')

@section('breadcrumb')
    <li class="breadcrumb-item active" aria-current="page">Zamanlama</li>
@endsection

@section('content')
@php
$days = [1 => 'Pazartesi', 2 => 'Salı', 3 => 'Çarşamba', 4 => 'Perşembe', 5 => 'Cuma', 6 => 'Cumartesi', 0 => 'Pazar'];
$presets = [
    'sik_30dk' => ['label' => '🚀 Sık (30dk)', 'desc' => '30dk\'da bir, günlük max 30'],
    'normal_1saat' => ['label' => '⏰ Normal (1 saat)', 'desc' => 'Saatte bir, günlük max 15'],
    'seyrek_3saat' => ['label' => '🐢 Seyrek (3 saat)', 'desc' => '3 saatte bir, günlük max 8'],
    'gunluk_5' => ['label' => '📅 Günlük 5', 'desc' => 'Günde sadece 5 paylaşım'],
    'gunduz_aktif' => ['label' => '☀️ Sadece Gündüz', 'desc' => '08:00-22:00 arası aktif'],
    'gece_pasif' => ['label' => '🌙 Gece Pasif', 'desc' => '22:00-08:00 arası duraklat'],
    'hafta_ici' => ['label' => '💼 Hafta İçi', 'desc' => 'Sadece Pazartesi-Cuma'],
    'full_24saat' => ['label' => '🔄 7/24 Aktif', 'desc' => 'Tüm gün ve saatler'],
];
@endphp

<!-- Hızlı Reçeteler -->
<div class="card mb-3">
    <div class="card-header">
        <span><i class="bi bi-magic me-2"></i>Hızlı Zamanlama Reçeteleri</span>
        <span class="text-muted small">Seçili kurallara toplu zamanlama uygula</span>
    </div>
    <div class="card-body">
        <form action="{{ route('admin.scheduling.preset') }}" method="POST" id="presetForm">
            @csrf
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label fw-semibold small">Kural Seçin</label>
                    <div class="d-flex flex-wrap gap-2" style="max-height:150px;overflow-y:auto">
                        @foreach($rules as $rule)
                        <div class="form-check">
                            <input class="form-check-input rule-checkbox" type="checkbox" name="rule_ids[]" value="{{ $rule->id }}" id="rule{{ $rule->id }}">
                            <label class="form-check-label small" for="rule{{ $rule->id }}">{{ $rule->name }}</label>
                        </div>
                        @endforeach
                    </div>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold small">Reçete</label>
                    <div class="d-flex flex-wrap gap-2">
                        @foreach($presets as $key => $p)
                        <button type="submit" name="preset" value="{{ $key }}" class="btn btn-outline-light btn-sm text-start" style="flex:1 1 auto;min-width:140px">
                            <div class="fw-semibold">{{ $p['label'] }}</div>
                            <small class="text-muted">{{ $p['desc'] }}</small>
                        </button>
                        @endforeach
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="row g-3">
    <!-- Kurallar ve zamanlama kartları -->
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <span><i class="bi bi-list-check me-2"></i>Tüm Otomasyon Kuralları</span>
                <a href="{{ route('admin.rules.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg"></i> Yeni Kural</a>
            </div>
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th><input type="checkbox" id="selectAll" title="Tümünü Seç"></th>
                            <th>Kural</th>
                            <th>TikTok → Facebook</th>
                            <th>Aralık</th>
                            <th>Limit</th>
                            <th>Aktif Saatler</th>
                            <th>Durum</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($rules as $rule)
                        <tr>
                            <td><input type="checkbox" class="rule-selector" value="{{ $rule->id }}" form="bulkForm"></td>
                            <td>
                                <div class="fw-semibold">{{ $rule->name }}</div>
                                <small class="text-muted">{{ $rule->scrape_mode ?? 'page_kazima' }}</small>
                            </td>
                            <td>
                                <div class="small">{{ $rule->tiktokAccount?->username ?? '-' }}</div>
                                <div class="small text-muted"><i class="bi bi-arrow-right"></i> {{ $rule->facebookPage?->page_name ?? '-' }}</div>
                            </td>
                            <td>
                                <span class="badge bg-secondary">{{ $rule->interval_minutes }}dk</span>
                            </td>
                            <td>
                                <span class="badge bg-secondary">{{ $rule->daily_limit }}/gün</span>
                                @if($rule->video_fetch_limit_per_run)
                                <br><small class="text-muted">tarama: {{ $rule->video_fetch_limit_per_run }}</small>
                                @endif
                            </td>
                            <td class="small">
                                @if($rule->active_hours_start && $rule->active_hours_end)
                                    {{ $rule->active_hours_start }} - {{ $rule->active_hours_end }}
                                @else
                                    <span class="text-muted">24 saat</span>
                                @endif
                            </td>
                            <td>
                                @if($rule->status === 'active')
                                    <span class="badge badge-success">Aktif</span>
                                @elseif($rule->status === 'paused')
                                    <span class="badge badge-warning">Duraklatıldı</span>
                                @else
                                    <span class="badge badge-danger">Pasif</span>
                                @endif
                            </td>
                            <td>
                                <button class="btn btn-outline-light btn-sm" data-bs-toggle="modal" data-bs-target="#ruleModal{{ $rule->id }}">
                                    <i class="bi bi-pencil"></i>
                                </button>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Toplu işlem -->
        <form action="{{ route('admin.scheduling.bulk') }}" method="POST" id="bulkForm" class="mt-2">
            @csrf
            <div class="card">
                <div class="card-header"><i class="bi bi-layers me-2"></i>Toplu Zamanlama Güncelle</div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <label class="form-label small fw-semibold">Aralık (dk)</label>
                            <input type="number" name="interval_minutes" class="form-control" min="5" max="1440" placeholder="örn: 60">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label small fw-semibold">Günlük Limit</label>
                            <input type="number" name="daily_limit" class="form-control" min="0" placeholder="örn: 15">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label small fw-semibold">Aktif Başlangıç</label>
                            <input type="time" name="active_hours_start" class="form-control">
                        </div>
                        <div class="col-md-2">
                            <label class="form-label small fw-semibold">Aktif Bitiş</label>
                            <input type="time" name="active_hours_end" class="form-control">
                        </div>
                        <div class="col-md-2 d-flex align-items-end">
                            <button type="submit" class="btn btn-primary w-100"><i class="bi bi-check-lg"></i> Uygula</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <!-- Sağ kolon: Yaklaşan paylaşımlar -->
    <div class="col-lg-4">
        <div class="card mb-3">
            <div class="card-header">
                <span><i class="bi bi-clock me-2"></i>Yaklaşan Paylaşımlar</span>
                <span class="badge bg-secondary">{{ $upcoming->count() }}</span>
            </div>
            <div class="list-group list-group-flush">
                @forelse($upcoming as $item)
                <div class="list-group-item" style="background:#1a1d27;color:#e4e6eb;border-color:#2d3148">
                    <div class="d-flex justify-content-between align-items-start">
                        <div style="min-width:0">
                            <div class="fw-semibold small text-truncate">{{ $item->video->tiktok_video_id ?? 'Video' }}</div>
                            <small class="text-muted">{{ $item->video->tiktokAccount?->username ?? '-' }}</small>
                        </div>
                        <span class="badge bg-info ms-2 text-nowrap">{{ \Carbon\Carbon::parse($item->scheduled_at)->format('d.m H:i') }}</span>
                    </div>
                    <div class="small text-muted mt-1">
                        <i class="bi bi-facebook me-1"></i>{{ $item->facebookPage?->page_name ?? '-' }}
                    </div>
                </div>
                @empty
                <div class="list-group-item text-muted text-center py-4" style="background:#1a1d27;color:#e4e6eb;border-color:#2d3148">
                    <i class="bi bi-inbox d-block mb-2" style="font-size:1.5rem"></i>
                    Yaklaşan planlı paylaşım yok.
                </div>
                @endforelse
            </div>
        </div>

        <div class="card">
            <div class="card-header"><i class="bi bi-info-circle me-2"></i>Zamanlama İpuçları</div>
            <div class="card-body small text-muted">
                <ul class="mb-0 ps-3">
                    <li class="mb-2">Sık tarama (30dk) → daha fazla içerik, daha çok kaynak kullanımı</li>
                    <li class="mb-2">Günlük limit aşıldığında tarama o gün durur</li>
                    <li class="mb-2">Aktif saatler dışında hiçbir işlem yapılmaz</li>
                    <li class="mb-2">Reçeteler toplu zamanlama için idealdir</li>
                    <li>Tarama→Filigran→Kuyruk zinciri otomatik işler</li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!-- Her kural için düzenleme modalı -->
@foreach($rules as $rule)
<div class="modal fade" id="ruleModal{{ $rule->id }}" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form action="{{ route('admin.scheduling.update', $rule) }}" method="POST">
                @csrf @method('PUT')
                <div class="modal-header">
                    <h5 class="modal-title"><i class="bi bi-pencil me-2"></i>{{ $rule->name }} - Zamanlama</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label class="form-label small fw-semibold">Tarama Aralığı (dakika)</label>
                            <input type="number" name="interval_minutes" class="form-control" value="{{ $rule->interval_minutes }}" min="5" max="1440">
                            <small class="text-muted">5-1440 dk arası</small>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label small fw-semibold">Günlük Paylaşım Limiti</label>
                            <input type="number" name="daily_limit" class="form-control" value="{{ $rule->daily_limit }}" min="0" max="500">
                            <small class="text-muted">0 = limitsiz</small>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label small fw-semibold">Tarama Başına Video Limiti</label>
                            <input type="number" name="video_fetch_limit_per_run" class="form-control" value="{{ $rule->video_fetch_limit_per_run }}" min="1" max="100">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label small fw-semibold">Aktif Saat Başlangıç</label>
                            <input type="time" name="active_hours_start" class="form-control" value="{{ $rule->active_hours_start }}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label small fw-semibold">Aktif Saat Bitiş</label>
                            <input type="time" name="active_hours_end" class="form-control" value="{{ $rule->active_hours_end }}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label small fw-semibold">Durum</label>
                            <select name="status" class="form-select">
                                <option value="active" {{ $rule->status === 'active' ? 'selected' : '' }}>✅ Aktif</option>
                                <option value="paused" {{ $rule->status === 'paused' ? 'selected' : '' }}>⏸️ Duraklatıldı</option>
                                <option value="disabled" {{ $rule->status === 'disabled' ? 'selected' : '' }}>❌ Pasif</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-light" data-bs-dismiss="modal">İptal</button>
                    <button type="submit" class="btn btn-primary"><i class="bi bi-check-lg"></i> Kaydet</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endforeach

@push('scripts')
<script>
    document.getElementById('selectAll')?.addEventListener('change', function() {
        document.querySelectorAll('.rule-selector').forEach(cb => cb.checked = this.checked);
    });
</script>
@endpush
@endsection