@extends('layouts.app')

@section('title', 'All Posts - Social Scheduler')

@section('content')
<div class="topbar">
    <h4 class="mb-0 fw-bold"><i class="bi bi-file-post me-2 text-primary"></i>All Posts</h4>
    <a href="{{ route('admin.dashboard') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i> Back to Admin
    </a>
</div>

<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0 align-middle">
                <thead class="table-light">
                    <tr>
                        <th>ID</th>
                        <th>User</th>
                        <th>Content</th>
                        <th>Platforms</th>
                        <th>Status</th>
                        <th>Scheduled</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($posts as $post)
                    <tr>
                        <td>{{ $post->id }}</td>
                        <td>{{ $post->user->name }}</td>
                        <td>
                            <div style="max-width: 200px; max-height: 3em; overflow: hidden;">
                                {{ Str::limit($post->content, 60) }}
                            </div>
                        </td>
                        <td>
                            @foreach($post->platforms as $platform)
                                <span class="platform-icon me-1" style="background-color: {{ $platform->platform_color }}; width:28px;height:28px;font-size:0.8rem;"
                                      title="{{ $platform->account_name }}">
                                    <i class="bi {{ $platform->platform_icon }}"></i>
                                </span>
                            @endforeach
                        </td>
                        <td>
                            <span class="badge {{ $post->status_badge_class }}">
                                {{ $post->status_label }}
                            </span>
                        </td>
                        <td class="text-muted" style="font-size: 0.875rem;">
                            @if($post->scheduled_at)
                                {{ $post->scheduled_at->format('M d, H:i') }}
                            @else
                                —
                            @endif
                        </td>
                        <td>
                            <div class="btn-group">
                                <a href="{{ route('posts.show', $post) }}" class="btn btn-sm btn-outline-info" title="View">
                                    <i class="bi bi-eye"></i>
                                </a>
                                @if($post->status === 'scheduled')
                                <form action="{{ route('admin.posts.force-publish', $post) }}" method="POST" class="d-inline">
                                    @csrf
                                    <button type="submit" class="btn btn-sm btn-outline-success" title="Force Publish"
                                            onclick="return confirm('Force publish this post now?')">
                                        <i class="bi bi-send"></i>
                                    </button>
                                </form>
                                @endif
                                <form action="{{ route('admin.posts.destroy', $post) }}" method="POST" class="d-inline">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-outline-danger" title="Delete"
                                            onclick="return confirm('Delete this post?')">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="p-3">
            {{ $posts->links() }}
        </div>
    </div>
</div>
@endsection