@extends('admin.social-automation.layout')

@section('title', 'İş #'.$job->id)

@section('sma_content')
    <h1>{{ $job->displayName() }} <span id="status-pill" class="status-pill status-{{ $job->status }}">{{ $job->status }}</span></h1>
    @if ($job->name)
        <p class="muted" style="margin-top:-8px;">İş #{{ $job->id }}</p>
    @endif
    @if ($job->recurringContentPlan)
        <p class="muted">Otomatik İçerik planından üretildi: <a class="link" href="{{ route('admin.social-automation.recurring.show', $job->recurringContentPlan) }}">{{ $job->recurringContentPlan->name }}</a></p>
    @endif
    <p class="muted">Tarif: {{ $job->keywords ?: '—' }}</p>

    @if ($job->status === \App\Models\SocialAutomation\ContentJob::STATUS_FAILED && $job->error_message)
        <div class="alert alert-error">⚠️ Üretim başarısız oldu: {{ $job->error_message }}</div>
    @endif

    @php
        $isEditable = in_array($job->status, [\App\Models\SocialAutomation\ContentJob::STATUS_AWAITING_APPROVAL, \App\Models\SocialAutomation\ContentJob::STATUS_SCHEDULED], true);
    @endphp

    <div class="card" id="story-card">
        <h2 style="font-size:1.05rem; margin-top:0;">Hikaye</h2>
        <div id="story-content">
            @php
                $storyReady = ! in_array($job->status, [\App\Models\SocialAutomation\ContentJob::STATUS_QUEUED, \App\Models\SocialAutomation\ContentJob::STATUS_GENERATING_STORY], true);
            @endphp
            @if ($storyReady)
                @if ($isEditable)
                    <form method="POST" action="{{ route('admin.social-automation.jobs.update-content', $job) }}">
                        @csrf @method('PATCH')
                        <label for="title">Başlık</label>
                        <input type="text" id="title" name="title" placeholder="(opsiyonel)" value="{{ old('title', $job->title) }}">

                        @if ($job->story_text)
                            <p class="muted" style="margin-top:-8px;">{{ $job->story_text }}</p>
                        @endif

                        <label for="caption">Paylaşım metni</label>
                        <textarea id="caption" name="caption" rows="3" placeholder="Paylaşımla birlikte gidecek metni buraya yaz...">{{ old('caption', $job->caption) }}</textarea>

                        <label for="hashtags">Hashtag'ler (boşlukla ayırın)</label>
                        <input type="text" id="hashtags" name="hashtags" placeholder="(opsiyonel)" value="{{ old('hashtags', implode(' ', $job->hashtags ?? [])) }}">
                        @error('title') <p class="muted" style="color:#dc2626">{{ $message }}</p> @enderror
                        @error('caption') <p class="muted" style="color:#dc2626">{{ $message }}</p> @enderror

                        <button type="submit" style="padding:8px 18px; font-size:.85rem;">Kaydet</button>
                    </form>
                @else
                    <p><strong>{{ $job->title }}</strong></p>
                    <p>{{ $job->story_text }}</p>
                    <p class="muted">{{ $job->caption }}</p>
                    <p class="muted">{{ implode(' ', $job->hashtags ?? []) }}</p>
                @endif
            @else
                <p class="muted">Hikaye henüz üretilmedi...</p>
            @endif
        </div>
    </div>

    <div class="card" id="media-card">
        <h2 style="font-size:1.05rem; margin-top:0;">Üretilen Görsel / Video</h2>
        @if ($job->media_paths)
            @foreach ($job->media_paths as $ratio => $group)
                <p class="muted" style="margin-bottom:6px;">{{ ['vertical' => 'Dikey (Story/Reels/Shorts)', 'square' => 'Kare (Post)', 'horizontal' => 'Yatay (Normal Video)'][$ratio] ?? $ratio }}</p>
                <div style="display:flex; gap:16px; flex-wrap:wrap; margin-bottom:16px;">
                    @if (isset($group['image']))
                        <img class="preview" src="{{ asset('storage/'.$group['image']) }}" alt="Üretilen görsel">
                    @endif
                    @if (isset($group['video']))
                        <video class="preview" src="{{ asset('storage/'.$group['video']) }}" controls></video>
                    @endif
                </div>
            @endforeach
        @else
            <p class="muted">Henüz üretilmedi...</p>
        @endif
    </div>

    @if ($job->status === 'awaiting_approval')
        <div class="card" id="approval-card">
            <h2 style="font-size:1.05rem; margin-top:0;">Sonucu beğendin mi?</h2>
            <p class="muted">Yukarıdaki hikaye/görsel/video hazır ama henüz hiçbir yere paylaşılmadı. Beğenmediysen bir şey yapmana gerek yok — paylaşmak istediğin platformları seçip aşağıdan onaylarsan gönderilir.</p>
            <form method="POST" action="{{ route('admin.social-automation.jobs.publish', $job) }}" enctype="multipart/form-data">
                @csrf
                <div class="platform-grid">
                    @foreach ($platforms as $key => $meta)
                        @php $platformAccounts = $accounts[$key] ?? collect(); @endphp
                        <div class="platform-option {{ $meta['tier'] === 'unsupported' ? 'disabled' : '' }}" style="flex-direction:column; align-items:stretch; gap:8px;">
                            <label style="display:flex; align-items:center; gap:8px; margin:0;">
                                <input type="checkbox" name="platforms[]" value="{{ $key }}"
                                    {{ $meta['tier'] === 'unsupported' ? 'disabled' : '' }}
                                    {{ in_array($key, $job->target_platforms ?? []) ? 'checked' : '' }}>
                                @include('admin.social-automation.partials.platform-icon', ['platform' => $key])
                                {{ $meta['label'] }}
                                <span class="badge badge-{{ $meta['tier'] }}">
                                    {{ ['mvp' => 'aktif', 'pending_review' => 'kod hazır, onay bekliyor', 'stub' => 'onay bekliyor', 'unsupported' => 'desteklenmiyor'][$meta['tier']] }}
                                </span>
                            </label>

                            @if (in_array($key, ['youtube', 'linkedin', 'pinterest', 'facebook', 'threads', 'tiktok', 'x']) && $platformAccounts->count() > 1)
                                <select name="accounts[{{ $key }}]" style="width:100%; font-size:.85rem;">
                                    @foreach ($platformAccounts as $account)
                                        <option value="{{ $account->id }}" {{ ($job->selected_accounts[$key] ?? null) == $account->id ? 'selected' : '' }}>{{ $account->account_label }}</option>
                                    @endforeach
                                </select>
                            @endif

                            @if (isset($meta['content_types']))
                                <select name="content_type[{{ $key }}]" style="width:100%; font-size:.85rem;">
                                    @foreach ($meta['content_types'] as $typeKey => $type)
                                        <option value="{{ $typeKey }}" {{ ($job->content_type_overrides[$key] ?? null) === $typeKey ? 'selected' : '' }}>{{ $type['label'] }}</option>
                                    @endforeach
                                </select>
                            @endif
                        </div>
                    @endforeach
                </div>
                @error('platforms') <p class="muted" style="color:#dc2626">{{ $message }}</p> @enderror

                <label for="scheduled_at">İleri tarihli paylaşım (opsiyonel)</label>
                <input type="datetime-local" id="scheduled_at" name="scheduled_at" style="padding:8px 10px; border-radius:8px; border:1px solid #cbd5e1; background:#ffffff; color:#1f2937; margin-bottom:8px;">
                <p class="muted" style="margin-top:-4px;">Boş bırakırsan hemen paylaşılır. Bir tarih/saat seçersen, o ana kadar hiçbir yere gönderilmez.</p>
                @error('scheduled_at') <p class="muted" style="color:#dc2626">{{ $message }}</p> @enderror

                <button type="submit">Paylaş</button>
            </form>
        </div>
    @endif

    @if ($job->status === 'scheduled')
        <div class="card" id="scheduled-card">
            <h2 style="font-size:1.05rem; margin-top:0;">Zamanlandı</h2>
            <p class="muted">Bu iş <strong>{{ $job->scheduled_at?->translatedFormat('d F Y H:i') }}</strong> tarihinde otomatik olarak şu platformlara paylaşılacak: {{ collect($job->target_platforms)->map(fn ($p) => $platforms[$p]['label'] ?? $p)->join(', ') }}.</p>
            <form method="POST" action="{{ route('admin.social-automation.jobs.cancel-schedule', $job) }}">
                @csrf @method('DELETE')
                <button type="submit" style="background:#dc2626; color:#fff;">Zamanlamayı iptal et</button>
            </form>
        </div>
    @endif

    <div class="card" id="results-card">
        <h2 style="font-size:1.05rem; margin-top:0;">Platform Sonuçları</h2>
        <table id="results-table">
            <thead><tr><th>Platform</th><th>Durum</th><th>Bağlantı / Not</th><th>Metrikler</th></tr></thead>
            <tbody id="results-body">
                @php
                    $metricLabels = [
                        'views' => 'Görüntülenme', 'likes' => 'Beğeni', 'comments' => 'Yorum',
                        'retweets' => 'Retweet', 'replies' => 'Yanıt', 'impressions' => 'Gösterim',
                        'saves' => 'Kaydetme', 'pin_clicks' => 'Pin Tıklama', 'outbound_clicks' => 'Dış Bağlantı Tıklama',
                    ];
                @endphp
                @foreach ($job->publishResults as $result)
                    <tr>
                        <td>
                            <span style="display:flex; align-items:center; gap:8px;">
                                @include('admin.social-automation.partials.platform-icon', ['platform' => $result->platform, 'size' => 18])
                                {{ $platforms[$result->platform]['label'] ?? $result->platform }}
                            </span>
                        </td>
                        <td><span class="status-pill status-{{ $result->status }}">{{ $result->status }}</span></td>
                        <td>
                            @if ($result->external_url)
                                <a class="link" href="{{ $result->external_url }}" target="_blank">görüntüle</a>
                            @else
                                <span class="muted">{{ $result->error_message }}</span>
                            @endif
                        </td>
                        <td>
                            @if ($result->status === 'success')
                                @if ($result->metrics)
                                    <div style="font-size:.8rem; margin-bottom:4px;">
                                        @foreach ($result->metrics as $metricKey => $metricValue)
                                            <div>{{ $metricLabels[$metricKey] ?? $metricKey }}: <strong>{{ number_format($metricValue) }}</strong></div>
                                        @endforeach
                                    </div>
                                    <p class="muted" style="font-size:.7rem; margin:2px 0 6px;">Son güncelleme: {{ $result->metrics_fetched_at?->diffForHumans() }}</p>
                                @endif
                                <form method="POST" action="{{ route('admin.social-automation.publish-results.refresh-metrics', $result) }}" style="margin:0;">
                                    @csrf
                                    <button type="submit" style="padding:4px 10px; font-size:.75rem;">{{ $result->metrics ? 'Yenile' : 'Metrikleri Getir' }}</button>
                                </form>
                            @else
                                <span class="muted">—</span>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        @if (count($job->publishResults) === 0 && $job->status === 'publishing')
            <p class="muted">Paylaşım sonuçları bekleniyor...</p>
        @elseif (count($job->publishResults) === 0)
            <p class="muted">Henüz paylaşım yapılmadı.</p>
        @endif
    </div>

    <a class="link" href="{{ route('admin.social-automation.jobs.history') }}">&larr; Önceki Görevler'e dön</a>

    <script>
    (function () {
        var status = @json($job->status);
        var stableStates = ['done', 'failed', 'awaiting_approval', 'scheduled'];
        if (stableStates.indexOf(status) !== -1) return;

        var poll = function () {
            fetch(@json(route('admin.social-automation.jobs.status', $job)))
                .then(function (r) { return r.json(); })
                .then(function (data) {
                    var pill = document.getElementById('status-pill');
                    pill.textContent = data.status;
                    pill.className = 'status-pill status-' + data.status;

                    if (stableStates.indexOf(data.status) !== -1) {
                        location.reload();
                        return;
                    }

                    setTimeout(poll, 2500);
                })
                .catch(function () { setTimeout(poll, 4000); });
        };

        setTimeout(poll, 2500);
    })();
    </script>
@endsection