@extends('master')

 @section('title')
    {{$title}}
@endsection

@section('content')
<div class="container mx-auto p-6">
    <!-- Page Heading -->
    <h1 class="text-4xl font-bold text-center text-gray-800 mb-10">View Program details</h1>

    <!-- Cards Container -->
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
      
      <!-- Card 1 -->
      <div class="bg-white rounded-lg shadow-md overflow-hidden">
         <div class="p-6">
          <h2 class="text-xl font-bold text-gray-800">{{$data->heading}}</h2>
          <div class="container text-gray-600 leading-relaxed space-y-4">
            {!! $data->description !!}
        </div>
          <p class="mt-4">
            <span class="text-sm font-semibold text-gray-700">Status:</span>
            <span class="text-green-500 font-bold">{{ $data->status == 1 ? 'Active' : 'Inactive'}}</span>
          </p>
          
        </div>
      </div>
     

       
    </div>
  </div>

@endsection