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


@section('content')
 <!--breadcrumb -->
 <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
    <div class="breadcrumb-title pe-3">Users</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">Vendor Details</li>
            </ol>
        </nav>
    </div>
</div>
<!--end breadcrumb -->
    <div class="container">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <div class="ms-auto" style="margin-bottom: 20px">

                        <h1>All Vendors</h1>
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>ID</th>
                    <th>Shop Name</th>
                    <th>Description</th>
                    <th>Rating</th>
                    <th>User Name</th>
                    <th>User Email</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($vendors as $vendor)
                    <tr>
                        <td>{{ $vendor->vendor_id }}</td>
                        <td>{{ $vendor->shop_name }}</td>
                        <td>{{ $vendor->shop_description }}</td>
                        <td>{{ $vendor->rating }}</td>
                        <td>{{ $vendor->user->name ?? 'N/A' }}</td> <!-- Display user name if available -->
                        <td>{{ $vendor->user->email ?? 'N/A' }}</td> <!-- Display user email if available -->
                    </tr>
                                @endforeach
                            </tbody>
                        </table>
            </div>
        </div>
    </div>
</div>
</div>
@endsection