@php
    use Illuminate\Support\Facades\Auth;
    $role = Auth::user()->role;
@endphp
@extends('backend.layouts.app')

@section('PageTitle', 'Services')


@section('content')
 <!--breadcrumb -->
 <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
    <div class="breadcrumb-title pe-3">Services</div>
    <div class="ps-3">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0 p-0">
                <li class="breadcrumb-item"><a href="{{route($role . '-profile')}}"><i class="bx
                bx-home-alt"></i></a></li>
                <li class="breadcrumb-item active" aria-current="page">Services List</li>
            </ol>
        </nav>
    </div>
</div>
<!--end breadcrumb -->
<div class="card">
    <div class="card-body">
        <div class="container">
            <h1>Services</h1>
            <a href="{{ route('services.create') }}" class="btn btn-primary radius-30 mt-2 mt-lg-2">Create Service</a>
            <br><br>
            <table id="data_table" class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Name</th>
                        <th>Description</th>
                        <th>Subcategory</th>
                        <th>Vendors</th>
                        <th>Status</th>
                        <th>Creator</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($services as $service)
                        <tr>
                            <td>{{ $service->id }}</td>
                            <td>{{ $service->name }}</td>
                            <td>{{ $service->description }}</td>
                            <td>{{ $service->subCategory->sub_category_name }}</td> <!-- Display subcategory name -->
                            <td>
                                @foreach ($service->vendors as $vendor)
                                    {{ $vendor->shop_name }}<br>
                                @endforeach
                            </td>
                            <td>{{ $service->status }}</td> <!-- Display status -->
                            <td>{{ $service->creator->name }}</td> <!-- Display creator name -->
                            <td>
                                @if ($role === 'admin' || $service->vendors->contains('vendor_id', Auth::user()->vendor->vendor_id))
                                    <a href="{{ route('services.edit', $service->id) }}" class="order-actions">
                                        <i class='bx bxs-edit'></i>
                                    </a>
                                    <form action="{{ route('services.destroy', $service->id) }}" method="POST" style="display: inline;">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="order-actions">
                                            <i class="bx bxs-trash"></i>
                                        </button>
                                    </form>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection