@extends('admin.layout.master') <!-- Extend the layout -->

@section('content')
@if (session()->has('success'))
            <div class="alert alert-success">
                {{ session()->get('success') }}
            </div>
            @endif
<div class="col-lg-12 grid-margin stretch-card">
    <div class="card">
        <div class="card-body">
            <h4 class="card-title">Total Services</h4>
            <a class="btn  btn-sm btn-primary" href="{{ route('admin.services.create') }}">Add Service</a>
            <div class="table-responsive pt-3">
                <table class="table table-bordered" style="table-layout: fixed;">
                    <thead>
                        <tr>
                            <th style="width:60px">
                                S.no.
                            </th>
                            <th>
                                Name
                            </th>
                            <th style="width:300px">
                                Description
                            </th>

                            <th>
                                Status
                            </th>
                            <th>
                                Action
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @if (!empty($services))
                        @foreach ($services as $key => $service)
                        <tr>
                            <td style="width:60px">
                                {{ $key + 1 }}
                            </td>
                            <td>
                                {{ ucwords($service->name) }}
                            </td>
                            <td class="text-truncate" style="width:300px">
                                {{ $service->description }}
                            </td>

                            <td>
                                @if ($service->status == 1)
                                <span class="text-success"> Active </span>
                                @else
                                <span class="text-danger"> In active </span>
                                @endif
                            </td>
                            <td>
                                <a class="text-primary mx-1" href="{{ url('admin/categories/edit', $service->id) }}">Edit</a>
                                <!-- <a class="text-danger mx-1" href="{{ url('admin/service/destroy', $service->id) }}">Delete</a> -->
                                <a class="text-danger mx-1" href="#" title="Delete This User" onclick="confirmDelete('{{ url('admin/categories/destroy', $service->id) }}')">Delete</a>

                            </td>
                        </tr>
                        @endforeach
                        @else
                        <tr>
                            Data Not Found
                        </tr>
                        @endif


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


@endsection