@extends('layouts.admin')
@section('title', 'Social calendar')
@section('content')
<x-admin.page
    title="Calendar"
    subtitle="Posts grouped by day. Due items dispatch via social:publish-due every minute when the feature flag is on."
>
    <x-slot:actions>
        @if($sandbox)
            <span class="admin-btn pointer-events-none">Sandbox mode</span>
        @endif
        <a href="{{ route('admin.social.posts.index') }}" class="admin-btn">Posts</a>
        <a href="{{ route('admin.social.composer') }}" class="admin-btn admin-btn-primary">Compose</a>
    </x-slot:actions>

    @if(session('status'))
        <div class="mb-4 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900">{{ session('status') }}</div>
    @endif
    @if($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">{{ $errors->first() }}</div>
    @endif

    <div class="order-ops-stat-rail mb-5">
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">In window</span>
            <span class="order-ops-stat-value">{{ number_format($stats['window']) }}</span>
            <span class="order-ops-stat-meta">{{ $from->toFormattedDateString() }} – {{ $to->toFormattedDateString() }}</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Due now</span>
            <span class="order-ops-stat-value">{{ number_format($stats['due']) }}</span>
            <span class="order-ops-stat-meta">Awaiting dispatcher</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Pending approval</span>
            <span class="order-ops-stat-value">{{ number_format($stats['pending']) }}</span>
        </div>
    </div>

    <form method="get" class="mb-4 flex flex-wrap gap-2">
        <label class="text-sm">From <input type="date" name="from" value="{{ $from->toDateString() }}" class="ml-1 rounded-lg border border-[var(--color-admin-border)] px-2 py-1.5"></label>
        <label class="text-sm">To <input type="date" name="to" value="{{ $to->toDateString() }}" class="ml-1 rounded-lg border border-[var(--color-admin-border)] px-2 py-1.5"></label>
        <button class="admin-btn" type="submit">Update window</button>
    </form>

    <div class="space-y-4">
        @forelse($days as $date => $posts)
            <div class="overflow-hidden rounded-xl border border-[var(--color-admin-border)] bg-white shadow-[var(--admin-shadow)]">
                <div class="border-b border-[var(--color-admin-border)] bg-[#fafbfb] px-4 py-3 text-sm font-semibold">
                    {{ \Illuminate\Support\Carbon::parse($date)->format('l, M j') }}
                    <span class="ml-2 text-xs font-normal text-[#6d7175]">{{ $posts->count() }} post(s)</span>
                </div>
                <table class="min-w-full text-sm">
                    <tbody class="divide-y divide-[var(--color-admin-border)]">
                        @foreach($posts as $post)
                            <tr>
                                <td class="px-4 py-3 w-28 text-xs text-[#6d7175]">{{ $post->scheduled_at?->format('g:ia') }}</td>
                                <td class="py-3">
                                    <a href="{{ route('admin.social.posts.show', $post) }}" class="font-medium text-[#2c6ecb] hover:underline">{{ $post->number }}</a>
                                    <div class="text-xs text-[#6d7175]">{{ \Illuminate\Support\Str::limit($post->body_text, 80) }}</div>
                                </td>
                                <td class="py-3"><x-admin.badge>{{ $post->status }}</x-admin.badge></td>
                                <td class="py-3 text-xs capitalize">{{ implode(', ', $post->networks ?? []) }}</td>
                                <td class="px-4 py-3 text-right">
                                    <div class="inline-flex flex-wrap items-center justify-end gap-2">
                                        @if(in_array($post->status, ['scheduled', 'approved', 'pending_approval', 'draft'], true))
                                            <form method="post" action="{{ route('admin.social.calendar.reschedule', $post) }}" class="inline-flex items-center gap-1">
                                                @csrf
                                                <input type="datetime-local" name="scheduled_at" value="{{ $post->scheduled_at?->format('Y-m-d\TH:i') }}" class="rounded border border-[var(--color-admin-border)] px-2 py-1 text-xs">
                                                <button class="admin-btn" type="submit">Reschedule</button>
                                            </form>
                                            <form method="post" action="{{ route('admin.social.posts.publish', $post) }}">@csrf
                                                <button class="admin-btn admin-btn-primary" type="submit">Publish</button>
                                            </form>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @empty
            <div class="rounded-xl border border-dashed border-[var(--color-admin-border)] bg-white px-6 py-12 text-center text-sm text-[#6d7175]">
                No posts in this window. <a href="{{ route('admin.social.composer') }}" class="text-[#2c6ecb] hover:underline">Compose & schedule</a>
            </div>
        @endforelse
    </div>
</x-admin.page>
@endsection