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

@section('content')
@php
$sn=0;
@endphp

<table class="min-w-full table-auto border-collapse border border-gray-300">
    <thead class="bg-blue-600 text-white">
        <tr>
            <th class="py-3 px-6 text-left text-sm font-medium">S/N</th>
            <th class="py-3 px-6 text-left text-sm font-medium">Category</th>
            <th class="py-3 px-6 text-left text-sm font-medium">Heading</th>
            <th class="py-3 px-6 text-left text-sm font-medium">Description</th>
            <th class="py-3 px-6 text-left text-sm font-medium">Action</th>
        </tr>
    </thead>
    <tbody>

        @foreach ($data as $item)
            
        <tr class="border-b hover:bg-blue-50">
            <td class="py-3 px-6 text-sm text-gray-900 font-semibold align-top">{{ $sn+=1 }}</td>
            <td class="py-3 px-6 text-sm text-gray-900 font-semibold align-top">  {{ $item->aboutUs->menu_name ?? 'Not Available' }}</td>
            <td class="py-3 px-6 text-sm text-gray-900 font-semibold align-top">{{ $item->heading }}</td>
            <td class="py-3 px-6 text-sm text-gray-700 max-w-28 align-top truncate overflow-hidden whitespace-nowrap">
            
                 {{ $item->description }}
             
             </td> 
            
                <td class="px-4 py-2 border align-top ">
                    <a href="{{ url('/post/edit/') }}/{{$item->id}}" 
                    class="leading-loose no-underline bg-green-500 text-white px-3 py-1 rounded cursor-pointer hover:bg-green-600 ml-2" 
                    id="updateLink" 
                    data-bs-toggle="modal" 
                    data-bs-target="#updateModal"
                    data-id="{{ $item->id }}"
                    data-name ="{{ $item->menu_name }}">
                    Update
                 </a>
                 
                 
                     
        
           {!! 
            $item->status == 1 
            ? '<a href="'.url('/change_Post_Status').'/'. $item->id . '" class="leading-loose no-underline bg-yellow-500 text-white px-3 py-1 rounded cursor-pointer hover:bg-yellow-600 ml-2">Unpublish</a>' 
            : '<a href="'.url('/change_Post_Status').'/'. $item->id . '" class=" leading-loose 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('/post/show/') }}/{{$item->id}}" class="leading-loose no-underline bg-pink-500 text-white px-3 py-1 rounded cursor-pointer hover:bg-red-600 ml-2">show</a>

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





@endsection