@extends('admin.layouts.base')

@section('title', 'Home Our Services')

@section('content')
<div class="card">
    <div class="card-header align-items-center py-5 gap-2 gap-md-5">
        <div class="card-title">
            <h2>Our Services</h2>
        </div>
        <div class="card-toolbar">
            <a href="{{ route('admin.home-our-services.create') }}" class="btn btn-primary">
                <i class="ki-duotone ki-plus fs-2"></i> Add New
            </a>
        </div>
    </div>
    <div class="card-body">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th class="text-center">ID</th>
                    <th>Image</th>
                    <th>Title</th>
                    <th>Subtitle</th>
                    <th>Status</th>
                    <th class="text-center">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($services as $service)
                <tr>
                    <td>{{ $service->id }}</td>
                    <td>
                        @if($service->image)
                        <img src="{{ asset('storage/' . $service->image) }}" width="50" class="rounded">
                        @else
                        No Image
                        @endif
                    </td>
                    <td>{{ $service->title }}</td>
                    <td>{{ Str::limit($service->subtitle, 50) }}</td>
                    <td>
                        <span class="badge {{ $service->is_active ? 'bg-success' : 'bg-danger' }}">
                            {{ $service->is_active ? 'Active' : 'Inactive' }}
                        </span>
                    </td>
                    <td class="text-center">
                        <a href="{{ route('admin.home-our-services.edit', $service) }}" class="btn btn-sm btn-warning">Edit</a>
                        <form action="{{ route('admin.home-our-services.destroy', $service) }}" method="POST" class="d-inline">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure?')">Delete</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="6" class="text-center">No services found</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection