@extends('layouts.app')

@section('title', 'View Project')

@section('content')
<h1 class="h3 mb-3">Project Details</h1>

<div class="card mb-3">
    <div class="card-body">
        <h5 class="card-title">{{ $project->project_name }}</h5>

        <p><strong>Project Code:</strong> {{ $project->project_code }}</p>
        <p><strong>Description:</strong><br>{{ $project->project_description }}</p>
        <p><strong>Scope of Work:</strong><br>{{ $project->scope_of_work }}</p>

        <p><strong>Total Amount:</strong> {{ $project->total_amount }}</p>
        <p><strong>Mode of Procurement:</strong> {{ $project->mode_of_procurement }}</p>

        <p><strong>PR Number:</strong> {{ $project->pr_number }}</p>
        <p><strong>PR Date:</strong> {{ optional($project->pr_date)->format('Y-m-d') }}</p>

        <p><strong>PO Number:</strong> {{ $project->po_number }}</p>
        <p><strong>PO Date:</strong> {{ optional($project->po_date)->format('Y-m-d') }}</p>

        <p><strong>Start Date:</strong> {{ optional($project->start_date)->format('Y-m-d') }}</p>
        <p><strong>End Date:</strong> {{ optional($project->end_date)->format('Y-m-d') }}</p>
    </div>
</div>

<a href="{{ route('projects.edit', $project) }}" class="btn btn-warning">Edit</a>
<a href="{{ route('projects.index') }}" class="btn btn-secondary">Back to List</a>
@endsection