Design Cover @php $style = $book->cover_style ?? 'white-frame'; $initialBg = $book->bg_color ?? ''; $initialTitle = $book->title ?? ''; $initialSubtitle = $book->subtitle ?? ''; $initialByline = $book->byline ?? 'VOLUME 01'; $initialSpine = $book->spine ?? $book->title ?? ''; $initialPhoto = $book->cover_image ? asset($book->cover_image) : ''; @endphp
{{-- Breadcrumb --}}
My Books {{ $book->title }} Design Cover

Design the cover

{{ str_replace('-', ' ', $style) }}

Customize the color, photo, and titles of your {{ str_replace('-', ' ', $style) }} cover.

@include('books.partials.progress-steps', ['currentStep' => 1, 'book' => $book])
{{-- Left Column - Customization --}}

Customize

@csrf @method('PUT') {{-- Cover Photo Upload --}}

Upload a file

PNG, JPG up to 10MB

{{-- Background Color --}}
@php $colors = [ ['value' => '#134e4a', 'class' => 'bg-teal-900'], ['value' => '#14b8a6', 'class' => 'bg-teal-500'], ['value' => '#c9b8c8', 'class' => 'bg-purple-200'], ['value' => '#7c3aed', 'class' => 'bg-purple-600'], ['value' => '#2563eb', 'class' => 'bg-blue-600'], ['value' => '#60a5fa', 'class' => 'bg-blue-400'], ['value' => '#7c2d12', 'class' => 'bg-red-900'], ['value' => '#e8937a', 'class' => 'bg-orange-400'], ['value' => '#1f2937', 'class' => 'bg-gray-900'], ['value' => '#4b5563', 'class' => 'bg-gray-600'], ['value' => '#ffffff', 'class' => 'bg-white'], ]; $savedBg = $book->bg_color ?? '#134e4a'; @endphp @foreach($colors as $color) @endforeach
{{-- Title --}}
{{-- Subtitle --}}
{{-- Byline --}}
{{-- Spine --}}
{{-- Action Buttons --}}
Change Style
{{-- Right Column - Live Preview --}}

Live Preview

Book dimensions: 6" × 9" (15cm × 23cm)

{{-- Book Cover --}}
{{-- JS renders the style-specific preview here --}}
{{-- Spine --}}

{{-- Navigation Buttons --}}
Back to Cover Style Continue to Review