@if (count($services) == 0)
    <h4 class="text-center">
        {{ __('frontend.no_data_available') }}
    </h4>
@endif

@foreach ($services as $item)
    <div class="col-md-4">
        <div class="main-card mb-3 card">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <h5 class="card-title">{{ $item->title }}</h5>
                    @if (auth()->user()->can('frontend.services.update') || auth()->user()->can('frontend.services.delete'))
                        <p>
                            @if (auth()->user()->can('frontend.services.update'))
                                <a href="{{ route('frontend.services.toggle_status', ['id' => $item['id']]) }}"
                                    class="update" data-bs-toggle="modal" data-bs-target="#updateModal">
                                    <i
                                        class="fa fa-lg {{ $item['status'] == 1 ? 'fa-toggle-on' : 'fa-toggle-off' }}"></i>
                                </a>
                                <a href="{{ route('frontend.services.edit', ['service' => $item->id]) }}" class="edit"
                                    data-bs-toggle="modal" data-bs-target="#editModal">
                                    <i class="fa fa-lg fa-edit text-primary ms-2"></i>
                                </a>
                            @endif
                            @if (auth()->user()->can('frontend.services.delete'))
                                <a href="{{ route('frontend.services.destroy', ['service' => $item->id]) }}"
                                    class="destroy" data-bs-toggle="modal" data-bs-target="#destroyModal">

                                    <i class="fa fa-lg fa-trash text-danger ms-2"></i>
                                </a>
                            @endif
                        </p>
                    @endif
                </div>
                <div class="row">
                    <div class="col-3 d-flex justify-content-center align-items-center">
                        {{-- @if ($item->icon)
                                    <i class="{{ $item->icon->icon }} fa-2x"></i>
                                @endif --}}
                        <div class="avatar-icon-wrapper">
                            <div class="avatar-icon">
                                <img src="{{ isset($item->photo) ? asset(str_replace('public/', 'storage/', $item->photo)) : asset('images/sidebar/abstract1.jpg') }}"
                                    alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col-9">
                        <p>
                            {{ $item->description }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endforeach