@extends('master')

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

@section('content')


<div class="flex mt-4 mx-6">
    <a href="{{ url('admin/add_new_program')}}" 
       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
    </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">S/N</th>
           <th class="px-4 font-bold py-2 text-left text-sm text-gray-700">Short Name</th>
          <th class="px-4 font-bold py-2 text-left text-sm text-gray-700">Type</th>
          <th class="px-4 font-bold py-2 text-left text-sm text-gray-700">Estd</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"> <a href="programDetailVeiw/{{ $item->id }}"> {{$item->short_name}}</a> </td> 
          <td class="px-4 py-2 text-sm text-gray-700">{{$item->type}}</td>
          <td class="px-4 py-2 text-sm text-gray-700">{{$item->estd}}</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')}}/{{$item->id}}" 
                  class="no-underline bg-green-500 text-white px-3 py-1 rounded cursor-pointer hover:bg-green-600 ml-2"
                  onclick="return confirm('Are you sure you want to update this program?')">
                  Update
                </a>

                {!! 
                $item->status == 1 
                  ? '<a href="/admin/program/change_Status/' .$item->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/program/change_Status/' . $item->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/Program-details/') }}/{{$item->id}}" 
                  class=" no-underline bg-blue-500 text-white px-3 py-1 rounded cursor-pointer hover:bg-blue-600 ml-2">
                  Add Details
                </a>

                <a href="{{ url('admin/program/delete/') }}/{{$item->id}}" 
                  class=" no-underline bg-red-500 text-white px-3 py-1 rounded cursor-pointer hover:bg-red-600 ml-2"
                  onclick="return confirm('Are you sure you want to delete this program? This action cannot be undone.')">
                  Delete
                </a>
            </td>
        </tr>
        @endforeach
        
      </tbody>
    </table>
  </div>
 

@endsection