@extends('layouts.app')
@section('content')
<section class="card overflow-hidden"><div class="bg-gradient-to-br from-teal-600 to-emerald-600 p-8 text-white"><span class="inline-flex items-center gap-2 rounded-full bg-white/15 px-4 py-2 text-sm font-bold"><i class="fa-solid fa-circle-dot"></i>{{ method_exists($program,'statusLabel') ? $program->statusLabel() : $program->status }}</span><h2 class="mt-5 text-4xl font-black tracking-tight">{{ $program->title }}</h2><p class="mt-3 max-w-3xl text-teal-50">{{ $program->description }}</p></div><div class="grid gap-5 p-6 lg:grid-cols-3"><div class="rounded-3xl bg-slate-50 p-5 ring-1 ring-slate-100"><div class="mb-4 flex h-12 w-12 items-center justify-center rounded-2xl bg-white text-xl text-slate-800"><i class="fa-solid fa-calendar-check"></i></div><h3 class="text-lg font-black">Rencana Kegiatan</h3><p class="mt-3 leading-7 text-slate-600">{{ $program->plan_detail ?: 'Belum ada rencana kegiatan.' }}</p>@if($program->before_document ?? null)<a class="mt-4 btn-soft" href="{{ asset('storage/'.$program->before_document) }}" target="_blank">Dokumen Before</a>@endif</div><div class="rounded-3xl bg-teal-50 p-5 ring-1 ring-teal-100"><div class="mb-4 flex h-12 w-12 items-center justify-center rounded-2xl bg-white text-xl text-teal-700"><i class="fa-solid fa-chart-line"></i></div><h3 class="text-lg font-black">Progress Kegiatan</h3><p class="mt-3 leading-7 text-slate-600">{{ $program->progress ?: 'Belum ada progress kegiatan.' }}</p>@if($program->progress_document ?? null)<a class="mt-4 btn-soft" href="{{ asset('storage/'.$program->progress_document) }}" target="_blank">Dokumen Progress</a>@endif</div><div class="rounded-3xl bg-emerald-50 p-5 ring-1 ring-emerald-100"><div class="mb-4 flex h-12 w-12 items-center justify-center rounded-2xl bg-white text-xl text-emerald-700"><i class="fa-solid fa-file-circle-check"></i></div><h3 class="text-lg font-black">Laporan Kegiatan</h3><p class="mt-3 leading-7 text-slate-600">{{ $program->report ?: 'Belum ada laporan kegiatan.' }}</p>@if($program->report_document ?? null)<a class="mt-4 btn-soft" href="{{ asset('storage/'.$program->report_document) }}" target="_blank">Dokumen Laporan</a>@endif</div></div><div class="flex flex-col gap-4 border-t border-slate-100 p-6 sm:flex-row sm:items-center sm:justify-between"><span class="badge-blue"><i class="fa-solid fa-wallet"></i> Anggaran: Rp {{ number_format($program->budget,0,',','.') }}</span><a href="{{ route('programs.index') }}" class="btn-soft"><i class="fa-solid fa-arrow-left"></i>Kembali</a></div></section>
@endsection