@extends('layout')

@section('title', $channel->name)

@section('content')
    <p style="margin:0 0 16px"><a href="{{ route('channels.index') }}">← Channels</a></p>

    <div class="card">
        <h1 style="font-size:20px;margin:0 0 4px">{{ $channel->name }}</h1>
        @if($channel->description)<p class="muted" style="margin:0">{{ $channel->description }}</p>@endif
    </div>

    <h2 style="font-size:15px;margin:26px 0 12px">Connected accounts</h2>
    <div class="grid" style="grid-template-columns:repeat(auto-fill,minmax(220px,1fr))">
        @foreach($platforms as $platform)
            @php $account = $channel->socialAccounts->firstWhere('platform', $platform->key()); @endphp
            <div class="tile" style="padding:16px">
                <p class="t" style="-webkit-line-clamp:1;margin-bottom:8px">{{ $platform->label() }}</p>
                @if($account && $account->status === 'connected')
                    <span class="badge done">connected</span>
                    <p class="muted" style="margin:8px 0">{{ $account->account_name ?: $account->external_id }}</p>
                    <form method="POST" action="{{ route('social.destroy', $account) }}"
                          onsubmit="return confirm('Disconnect this account?')">
                        @csrf @method('DELETE')
                        <button type="submit" style="background:#5a2020;margin-top:4px;padding:7px 12px;font-size:13px">Disconnect</button>
                    </form>
                @elseif($account)
                    <span class="badge failed">{{ $account->status }}</span>
                    <p class="muted" style="margin:8px 0">{{ $account->account_name ?: $account->external_id }} — needs reconnect</p>
                    <a href="{{ route('social.connect', [$channel, $platform->key()]) }}"
                       style="display:inline-block;background:var(--accent);color:#fff;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600">
                        Reconnect {{ $platform->label() }}
                    </a>
                @else
                    <span class="badge failed">not connected</span>
                    <p style="margin:10px 0 0">
                        <a href="{{ route('social.connect', [$channel, $platform->key()]) }}"
                           style="display:inline-block;background:var(--accent);color:#fff;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600">
                            Connect {{ $platform->label() }}
                        </a>
                    </p>
                @endif
            </div>
        @endforeach
    </div>

    <div style="display:flex;align-items:center;justify-content:space-between;margin:30px 0 12px">
        <h2 style="font-size:15px;margin:0">Series</h2>
        <a href="{{ route('series.create', $channel) }}"
           style="background:var(--accent);color:#fff;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600">+ New series</a>
    </div>
    @if($channel->series->isEmpty())
        <p class="muted">No series yet — create one to schedule recurring auto-posted videos.</p>
    @else
        <div class="grid" style="grid-template-columns:repeat(auto-fill,minmax(220px,1fr))">
            @foreach($channel->series as $s)
                <div class="tile" style="padding:16px">
                    <p class="t" style="-webkit-line-clamp:1"><a href="{{ route('series.show', $s) }}">{{ $s->name }}</a></p>
                    <span class="badge {{ $s->status === 'active' ? 'done' : 'queued' }}">{{ $s->status }}</span>
                    <span class="muted">· {{ $s->cadence }}</span>
                    @if($s->viral)<span class="muted">· 🔥</span>@endif
                </div>
            @endforeach
        </div>
    @endif

    <form method="POST" action="{{ route('channels.destroy', $channel) }}"
          onsubmit="return confirm('Delete this channel and its accounts/series?')" style="margin-top:30px">
        @csrf @method('DELETE')
        <button type="submit" style="background:#5a2020">Delete channel</button>
    </form>
@endsection