@push('styles')
    @vite('resources/css/rich-text-editor.css')
@endpush

@push('scripts')
    @vite('resources/js/lib/repeatable-rows.js')
@endpush

<x-admin::layouts.app title="Edit Project">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h4 mb-0" style="color: var(--color-heading);">Edit: {{ $project->title }}</h1>
        <div class="d-flex gap-2">
            @if($project->status === 'published')
                <a href="{{ route('portfolio.show', $project) }}" target="_blank" class="btn btn-secondary-outline btn-sm">
                    <i class="fa-solid fa-arrow-up-right-from-square me-1" aria-hidden="true"></i> View Live
                </a>
            @endif
            <a href="{{ route('admin.portfolio-projects.index') }}" class="btn btn-secondary-outline btn-sm"><i class="fa-solid fa-arrow-left me-1" aria-hidden="true"></i> Back to Projects</a>
        </div>
    </div>

    <form method="POST" action="{{ route('admin.portfolio-projects.update', $project) }}" enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <x-admin::components.portfolio-project-fields-basic :project="$project" :categories="$categories" :technologies="$technologies" />
        <x-admin::components.portfolio-project-fields-content :project="$project" :technologies="$technologies" />
        <x-admin::components.portfolio-project-fields-gallery-seo :project="$project" />

        <button type="submit" class="btn btn-primary-gradient">Save Changes</button>
        <a href="{{ route('admin.portfolio-projects.index') }}" class="btn btn-secondary-outline">Cancel</a>
    </form>

    <div class="admin-card p-4 mt-4" style="border-color: #dc3545 !important;">
        <h2 class="h6 mb-2 text-danger">Danger Zone</h2>
        <p class="small text-muted mb-3">Deleting this project permanently removes it, its gallery images, features, and timeline. This cannot be undone.</p>
        <form method="POST" action="{{ route('admin.portfolio-projects.destroy', $project) }}" onsubmit="return confirm('Delete this project permanently? This cannot be undone.');">
            @csrf
            @method('DELETE')
            <button type="submit" class="btn btn-outline-danger btn-sm">Delete Project</button>
        </form>
    </div>

    @push('scripts')
        {{-- Self-hosted TinyMCE — same setup as the blog article editor
             (resources/js/lib/rich-text-editor.js), applied here to the
             Full Description field. --}}
        <script src="{{ asset('vendor/tinymce/tinymce.min.js') }}" referrerpolicy="origin"></script>
        @vite('resources/js/lib/rich-text-editor.js')
    @endpush
</x-admin::layouts.app>