{{-- Supplier–Product Pivot Form (reusable) --}}
@php
  $action = $action ?? '';
  $method = $method ?? 'POST';
  $suppliers = $suppliers ?? [];
  $showSupplierSelect = $showSupplierSelect ?? true;
  $showProductSelect  = $showProductSelect  ?? false;
@endphp

<div id="pivot-modal" class="fixed inset-0 bg-black/60 hidden z-50">
  <div class="w-full max-w-2xl mx-auto mt-24 glass rounded-2xl p-6 relative">
    <button type="button" class="absolute top-3 left-3" onclick="closePivotModal()">✕</button>
    <h3 class="text-xl font-bold mb-4 text-slate-100">
      افزودن تأمین‌کننده برای <span data-product-name></span>
    </h3>

    <form method="POST" action="{{ $action }}">
      @csrf
      @method($method)

      @if($showSupplierSelect)
        <label class="block text-sm text-slate-400 mb-1">تأمین‌کننده</label>
        <select name="supplier_id" class="w-full rounded-lg bg-white/5 border border-white/10 px-3 py-2" required>
          <option value="" disabled selected>انتخاب کنید…</option>
          @foreach($suppliers as $s)
            <option value="{{ $s->id }}">{{ $s->name }}</option>
          @endforeach
        </select>
      @endif

      <div class="mt-5 flex items-center gap-2">
        <button class="px-4 py-2 rounded-lg bg-green-600 text-white">ثبت</button>
        <button type="button" class="px-4 py-2 rounded-lg bg-white/10" onclick="closePivotModal()">انصراف</button>
      </div>
    </form>
  </div>
</div>