@extends('layouts.app')
@section('title', 'Master Vendor')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
  <div><h4 class="fw-bold mb-0">Master Vendor / Supplier</h4><p class="text-muted mb-0">Kelola data vendor pemasok material</p></div>
  <a href="{{ route('admin.vendors.create') }}" class="btn btn-primary"><i class="bx bx-plus me-1"></i>Tambah Vendor</a>
</div>
<div class="card"><div class="card-body">
  <table id="vendorTable" class="table table-hover">
    <thead><tr><th>No.</th><th>Nama Vendor</th><th>Kontak</th><th>Alamat</th><th>Aksi</th></tr></thead>
    <tbody>
      @forelse($vendors as $i => $v)
      <tr>
        <td>{{ $i+1 }}</td>
        <td class="fw-semibold">{{ $v->nama_vendor }}</td>
        <td>{{ $v->kontak ?? '-' }}</td>
        <td>{{ $v->alamat ?? '-' }}</td>
        <td>
          <a href="{{ route('admin.vendors.edit', $v) }}" class="btn btn-sm btn-outline-warning me-1"><i class="bx bx-edit"></i></a>
          <form action="{{ route('admin.vendors.destroy', $v) }}" method="POST" class="d-inline" onsubmit="return confirm('Hapus vendor ini?')">
            @csrf @method('DELETE')
            <button type="submit" class="btn btn-sm btn-outline-danger"><i class="bx bx-trash"></i></button>
          </form>
        </td>
      </tr>
      @empty
      <tr><td colspan="5" class="text-center text-muted py-4">Belum ada data vendor.</td></tr>
      @endforelse
    </tbody>
  </table>
</div></div>
@endsection
@section('page-script')<script>$(document).ready(function(){ $('#vendorTable').DataTable(); });</script>@endsection