@if($app->is_root)
    <span class="text-muted">التطبيق الرئيسي لا يرتبط بتجار</span>
@else
    @forelse($app->vendors as $vendor)
        <div class="border rounded p-2 mb-2 d-flex justify-content-between align-items-center">
            <div>
                <div class="font-weight-bold">{{ $vendor->name() ?? 'Vendor #' . $vendor->id }}</div>
                <div class="small text-muted">{{ $vendor->user->email ?? ($vendor->user->mobile ?? '—') }}</div>
            </div>
            <form method="POST" action="{{ route('admin.vendor-apps.vendors.detach', [$app, $vendor]) }}"
                class="js-detach-vendor-form">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-sm btn-outline-danger">إزالة</button>
            </form>
        </div>
    @empty
        <span class="text-muted">لا يوجد تجار مرتبطون</span>
    @endforelse
@endif