@extends('master')

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

@section('content')


<div class="flex mt-4 mx-6">
    <a href="{{ url('admin/Program-details/'.$id)}}" 
       class="px-6 py-3 text-white bg-blue-600 hover:bg-blue-700 rounded-lg shadow-lg font-semibold transition-transform transform hover:scale-105">
        Add Program Details
    </a>
</div>

  <div class=" mx-auto bg-white p-8 mt-10 rounded-lg shadow-md">
    <h2 class="text-xl font-bold mb-6 text-gray-800">Program Details Table</h2>
    <table class="min-w-full border border-gray-300 divide-y divide-gray-200">
      <thead class="bg-gray-50 ">
        <tr>
            <th class="px-4 font-bold py-2 text-left text-sm text-gray-700">Id</th>
            <th class="px-4 font-bold py-2 text-left text-sm text-gray-700">Heading</th>
            <th class="px-4 font-bold py-2 text-left text-sm text-gray-700">Description</th>
            <th class="px-4 font-bold py-2 text-left text-sm text-gray-700">Status</th>
            <th class="px-4 font-bold py-2 text-left text-sm text-gray-700">Action</th>
          </tr>
      </thead>
      <tbody class="bg-white divide-y divide-gray-200">
 
    @foreach ($data as $item)
        
  

        <tr>
          <td class="px-4 py-2 text-sm text-gray-700">1</td>
           <td class="px-4 py-2 text-sm text-gray-700">{{$item->heading}}</td> 
          <td class="px-4 py-2 text-sm text-gray-700">{{Str::limit($item->description, 150, '...');}}</td>
           <td class="px-4 py-2 text-sm text-gray-700">   {!! $item->status == 1 
            ? '<span class="text-green-700">Publish</span>' 
            : '<span class="text-red-600">Unpublish</span>' !!}
            </td>

          <td class="px-4 py-2 border flex justify-center ">
            <a href="{{ url('/admin/Update-details/')}}/{{$item->id}}" 
            class="no-underline bg-green-500 text-white px-3 py-1 rounded cursor-pointer hover:bg-green-600 ml-2">
            Update
         </a>
         
         
             

         {!! 
         $item->status == 1 
          ? '<a href="/admin/programDetails/changeStatus/' . $item->id .'/'. $id . '" class=" no-underline bg-yellow-500 text-white px-3 py-1 rounded cursor-pointer hover:bg-yellow-600 ml-2">Unpublish</a>' 
           : '<a href="/admin/programDetails/changeStatus/' . $item->id .'/'. $id . '" class=" no-underline bg-purple-500 text-white px-3 py-1 rounded cursor-pointer hover:bg-green-600 ml-2">Publish</a>' 
        !!}
   
   
         <a href="{{ url('admin/ViewDetails/') }}/{{$item->id}}" class=" no-underline bg-blue-500 text-white px-3 py-1 rounded cursor-pointer hover:bg-blue-600 ml-2">view</a>

            <a href="{{ url('admin/programDetails/delete/') }}/{{$item->id}}" class=" no-underline bg-red-500 text-white px-3 py-1 rounded cursor-pointer hover:bg-red-600 ml-2">Delete</a>
        </td>
        </tr>
        @endforeach 

      </tbody>
    </table>
  </div>
 

@endsection