@php
    $breadcrumbs = [
        'Memo' => url('/memo_list'),
        $project->project_name => url('/memo/'.$project->id),
        'Project Initiation' => ''
    ];
@endphp
@extends('layouts.master')

@section('title')
    Project Initiation - {{ $project->project_name }}
@endsection

@section('style')
    <style>
        .memo-doc-item {
            display: flex; align-items: center; justify-content: space-between;
            border: 1px solid #eee; border-radius: 12px; padding: 16px 20px; margin-bottom: 10px;
            text-decoration: none; color: inherit;
        }
        .memo-doc-item:hover { border-color: #6f42c1; background: #f8f7ff; color: inherit; }
    </style>
@endsection

@section('content')

<section class="wrapper bg-light">
    <div class="container py-14">

        <div class="card">
            <div class="card-body">

                <h5 class="display-1 mb-1" style="font-size:25px">Project Initiation</h5>
                <p class="text-muted small mb-4">ก่อนเริ่มโปรเจกต์ — ตกลงขอบเขตงานก่อนเริ่มทำ</p>

                {{-- ตอนนี้มีแค่ Scope of Work ถ้าอนาคตมีเอกสารอื่นในช่วงนี้เพิ่ม
                     ก็มาต่อเป็น <a class="memo-doc-item"> อีกรายการในหน้านี้ได้เลย ไม่ต้องแก้โครงสร้างเดิม --}}
                <a href="{{ url('/memo/'.$project->id.'/scope-of-work') }}" class="memo-doc-item">
                    <div>
                        <div class="fw-bold"><i class="uil uil-file-alt me-1"></i> Scope of Work</div>
                        <div class="text-muted small">
                            @if($project->tor)
                                กรอกแล้ว — กดเพื่อแก้ไข
                            @else
                                ยังไม่ได้กรอก — กดเพื่อเริ่มกรอก
                            @endif
                        </div>
                    </div>
                    <div><i class="uil uil-angle-right-b"></i></div>
                </a>

                <a href="{{ url('/memo/'.$project->id) }}" class="btn btn-sm btn-secondary rounded-pill mt-3" style="padding:8px 20px;">
                    กลับไปหน้าโปรเจกต์
                </a>

            </div>
        </div>
    </div>
</section>

@endsection