@extends('layouts.app')

@section('content')
<!-- Header Banner -->
<div class="banner-header valign bg-img bg-fixed" data-overlay-dark="5" data-background="{{ asset('storage/' . $siteSettings->breadcrumb) }}">
    <div class="container">
        <div class="row">
            <div class="col-md-12 caption mt-60 text-center">

                <h1>Law Reform Projects</h1>
            </div>
        </div>
    </div>
</div>
<section class="py-5">
    <div class="container">
        <h2 class="mb-4">{{ $project->title }}</h2>
        <p><strong>Focus Area:</strong> {{ $project->focus_area }}</p>
        <p><strong>Status:</strong> {{ $project->status }}</p>
        <p>{{ $project->description }}</p>

        @if ($project->progress_report)
        <a href="{{ asset('storage/' . $project->progress_report) }}" class="btn btn-primary mt-3" target="_blank">Download Full Report</a>
        @endif

        <a href="{{ route('projects.index') }}" class="btn btn-secondary mt-3">← Back to All Projects</a>
    </div>
</section>
@endsection