@extends('layouts.admin')

@section('page-title', 'home')

@section('content')
<div class="container py-4">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h3>Home Page Records</h3>
        <a href="{{ route('home.create') }}" class="btn btn-primary">+ Add New</a>
    </div>

    @if($home->isEmpty())
        <p>No home page records found.</p>
    @else
        <table class="table table-bordered align-middle">
            <thead>
                <tr>
                    <th>ID</th>
                    <!-- <th>CEO Name</th>
                    <th>CEO</th> -->
                    <th>Home</th>
                    <th>Created</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($home as $hm)
                    <tr>
                        <td>{{ $hm->id }}</td>
                        <td>Title</td>
                        <!-- <td>{{ $hm->ceo_name }}</td>
                          <td>
                            @if($hm->ceo_image)
                                <img src="{{ asset('/uploads/page_home/' .$hm->ceo_image) }}" width="100">
                            @endif
                        </td> -->
                        <td>{{ $hm->created_at->format('d M Y') }}</td>

                         <td>
                        <a href="{{ route('home.edit', $hm->id) }}" class="p-btn px-2 py-2 mx-2">
                            Edit
                        </a>

                        <form action="{{ route('home.delete', $hm->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Are you sure you want to delete this record?');">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger">
                                Delete
                            </button>
                        </form>
                    </td>
                    </tr>
                   
                @endforeach
            </tbody>
        </table>
    @endif
</div>
@endsection