@extends('layouts.jira')

@section('content')
<div class="py-6 px-4 sm:px-6 lg:px-8">
    <div class="mb-6 flex items-center justify-between">
        <div>
            <nav class="flex mb-2" aria-label="Breadcrumb">
                <ol class="flex items-center space-x-2 text-sm text-slate-500">
                    <li><a href="{{ route('projects.board', $project) }}" class="hover:text-slate-700">{{ $project->name }}</a></li>
                    <li>
                        <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /></svg>
                    </li>
                    <li><a href="{{ route('projects.drawings.index', $project) }}" class="hover:text-slate-700">Drawings</a></li>
                </ol>
            </nav>
            <h1 class="text-2xl font-bold text-slate-900 dark:text-white">
                {{ isset($drawing) ? 'Edit' : 'New' }} Drawing Board
            </h1>
        </div>
        <a href="{{ route('projects.drawings.index', $project) }}" class="text-slate-600 hover:text-slate-900 font-medium text-sm flex items-center">
            <svg class="w-4 h-4 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
            Back to List
        </a>
    </div>

    <livewire:project.drawing-board :project="$project" :drawingId="$drawing->id ?? null" />
</div>
@endsection