@extends('layouts.app')

@section('mobile-title', 'Edit Project')
@section('mobile-subtitle', $project->name)
@section('mobile-back', route('projects.show', $project))

@section('content')
    <div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between">
        <div>
            <h1 class="text-3xl font-bold">Edit project</h1>
            <p class="mt-1 text-sm text-zinc-600">{{ $project->code }} · {{ $project->name }}</p>
        </div>
        <a href="{{ route('projects.show', $project) }}" class="inline-flex rounded border border-zinc-300 px-4 py-2.5 text-sm font-bold text-zinc-700">Cancel</a>
    </div>

    <form method="POST" action="{{ route('projects.update', $project) }}" class="rounded border border-zinc-200 bg-white p-5 shadow-sm">
        @include('projects.form')
    </form>
@endsection