@foreach ($services as $key => $service)
    <tr>
        <td>
            {{ ($services->currentPage() - 1) * $services->perPage() + $key + 1 }}
        </td>
        <td>
            {{ $service->category->name }}
        </td>
        <td>
            {{ $service->service->name }}
        </td>
        <td>
            {{ $service->name }}
        </td>
        <td>
            {{ number_format($service->price, 2) }}
        </td>
        <td>
            {{ isset(config('constant.duration_units')[$service->duration_unit]) ? ucwords(config('constant.duration_units')[$service->duration_unit]) : 'N/A' }}
        </td>
        <td>
            {{ $service->duration }}
        </td>
        @if ($service->status == 1)
            <td> Active </td>
        @elseif($service->status == 2)
            <td> Not Approve </td>
        @else
            <td> Inactive </td>
        @endif
        <td>
            {{ isset($service->bookingType->name) ? ucwords($service->bookingType->name) : 'N/A' }}
        </td>
        <td>
            {{ $service->pending_count }}
        </td>
        <td>
            {{ $service->completed_count }}
        </td>
        <td>
            @php
                $encryptId = Helper::encryptId($service->service_vendor_mapp_id);
                $edit = route('setup.edit', $encryptId);
                $delete = route('setup.delete', $encryptId);
            @endphp

            <a class="btn btn-info btn-sm" href="{{ $edit }}" title="Edit">
                <i class="fas fa-pencil-alt"></i>
            </a>

            <a class="btn btn-danger btn-sm delete-btn" data-id="{{ $encryptId }}" data-url="{{ $delete }}"
                title="Delete">
                <i class="fas fa-trash"></i>
            </a>

        </td>
    </tr>
@endforeach
@section('scripts')
    <script src="{{ asset('js/custom.js') }}"></script>

    <script>
        $(document).on('click', '.delete-btn', function(e) {
            e.preventDefault();
            var deleteUrl = $(this).data('url');
            var serviceMasterId = $(this).data('id');

            deleteCode(deleteUrl, serviceMasterId, '#serviceSetupTable', 'admin');
        });
    </script>
@endsection