92 lines
5.7 KiB
PHP
92 lines
5.7 KiB
PHP
@extends('layouts.nova.content-layout')
|
|
|
|
@php
|
|
$hero_title = 'My Stories';
|
|
$hero_description = 'Drafts, published stories, and archived work in one creator dashboard.';
|
|
@endphp
|
|
|
|
@section('page-content')
|
|
<div class="space-y-8">
|
|
<div class="flex flex-wrap items-center justify-between gap-3 rounded-xl border border-gray-700 bg-gray-800/70 p-4 shadow-lg">
|
|
<div>
|
|
<h2 class="text-lg font-semibold text-white">Creator Story Dashboard</h2>
|
|
<p class="text-sm text-gray-300">Write, schedule, review, and track your stories.</p>
|
|
</div>
|
|
<a href="{{ route('creator.stories.create') }}" class="rounded-xl border border-sky-400/40 bg-sky-500/15 px-4 py-2 text-sm font-semibold text-sky-200 transition hover:scale-[1.02] hover:bg-sky-500/25">Write Story</a>
|
|
</div>
|
|
|
|
<section class="rounded-xl border border-gray-700 bg-gray-800/60 p-5 shadow-lg">
|
|
<h3 class="mb-4 text-base font-semibold text-white">Drafts</h3>
|
|
@if($drafts->isEmpty())
|
|
<p class="text-sm text-gray-400">No drafts yet.</p>
|
|
@else
|
|
<div class="grid gap-3 md:grid-cols-2">
|
|
@foreach($drafts as $story)
|
|
<article class="rounded-xl border border-gray-700 bg-gray-900/60 p-4 transition hover:scale-[1.02]">
|
|
<div class="flex items-start justify-between gap-3">
|
|
<h4 class="text-sm font-semibold text-white">{{ $story->title }}</h4>
|
|
<span class="rounded-full border border-gray-600 px-2 py-1 text-xs uppercase tracking-wide text-gray-300">{{ str_replace('_', ' ', $story->status) }}</span>
|
|
</div>
|
|
<p class="mt-2 text-xs text-gray-400">Last edited {{ optional($story->updated_at)->diffForHumans() }}</p>
|
|
@if($story->rejected_reason)
|
|
<p class="mt-2 rounded-lg border border-rose-500/30 bg-rose-500/10 p-2 text-xs text-rose-200">Rejected: {{ \Illuminate\Support\Str::limit($story->rejected_reason, 180) }}</p>
|
|
@endif
|
|
<div class="mt-3 flex flex-wrap gap-3 text-xs">
|
|
<a href="{{ route('creator.stories.edit', ['story' => $story->id]) }}" class="text-sky-300 hover:text-sky-200">Edit</a>
|
|
<a href="{{ route('creator.stories.preview', ['story' => $story->id]) }}" class="text-gray-300 hover:text-white">Preview</a>
|
|
<form method="POST" action="{{ route('creator.stories.submit-review', ['story' => $story->id]) }}">
|
|
@csrf
|
|
<button class="text-amber-300 hover:text-amber-200">Submit Review</button>
|
|
</form>
|
|
</div>
|
|
</article>
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
</section>
|
|
|
|
<section class="rounded-xl border border-gray-700 bg-gray-800/60 p-5 shadow-lg">
|
|
<h3 class="mb-4 text-base font-semibold text-white">Published Stories</h3>
|
|
@if($publishedStories->isEmpty())
|
|
<p class="text-sm text-gray-400">No published stories yet.</p>
|
|
@else
|
|
<div class="grid gap-3 md:grid-cols-2">
|
|
@foreach($publishedStories as $story)
|
|
<article class="rounded-xl border border-gray-700 bg-gray-900/60 p-4 transition hover:scale-[1.02]">
|
|
<div class="flex items-start justify-between gap-3">
|
|
<h4 class="text-sm font-semibold text-white">{{ $story->title }}</h4>
|
|
<span class="rounded-full border border-emerald-500/40 px-2 py-1 text-xs uppercase tracking-wide text-emerald-200">{{ str_replace('_', ' ', $story->status) }}</span>
|
|
</div>
|
|
<p class="mt-2 text-xs text-gray-400">{{ number_format((int) $story->views) }} views · {{ number_format((int) $story->likes_count) }} likes</p>
|
|
<div class="mt-3 flex flex-wrap gap-3 text-xs">
|
|
<a href="{{ route('stories.show', ['slug' => $story->slug]) }}" class="text-sky-300 hover:text-sky-200">View</a>
|
|
<a href="{{ route('creator.stories.edit', ['story' => $story->id]) }}" class="text-gray-300 hover:text-white">Edit</a>
|
|
<a href="{{ route('creator.stories.analytics', ['story' => $story->id]) }}" class="text-violet-300 hover:text-violet-200">Analytics</a>
|
|
</div>
|
|
</article>
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
</section>
|
|
|
|
<section class="rounded-xl border border-gray-700 bg-gray-800/60 p-5 shadow-lg">
|
|
<h3 class="mb-4 text-base font-semibold text-white">Archived Stories</h3>
|
|
@if($archivedStories->isEmpty())
|
|
<p class="text-sm text-gray-400">No archived stories.</p>
|
|
@else
|
|
<div class="grid gap-3 md:grid-cols-2">
|
|
@foreach($archivedStories as $story)
|
|
<article class="rounded-xl border border-gray-700 bg-gray-900/60 p-4 transition hover:scale-[1.02]">
|
|
<h4 class="text-sm font-semibold text-white">{{ $story->title }}</h4>
|
|
<p class="mt-2 text-xs text-gray-400">Archived {{ optional($story->updated_at)->diffForHumans() }}</p>
|
|
<div class="mt-3 flex flex-wrap gap-3 text-xs">
|
|
<a href="{{ route('creator.stories.edit', ['story' => $story->id]) }}" class="text-sky-300 hover:text-sky-200">Open</a>
|
|
</div>
|
|
</article>
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
</section>
|
|
</div>
|
|
@endsection
|