@extends('admin.layout')

@section('content')

<div class="d-flex justify-content-between mb-3">

<h2>Suppliers</h2>

<a href="/admin/suppliers/create"
class="btn btn-primary">

+ Add Supplier

</a>

</div>

@if(session('success'))
<div class="alert alert-success">
{{ session('success') }}
</div>
@endif

@if(session('error'))
<div class="alert alert-danger">
{{ session('error') }}
</div>
@endif

<table class="table table-bordered table-striped">

<thead class="table-dark">

<tr>
<th>ID</th>
<th>Name</th>
<th>Prefix</th>
<th>API URL</th>
<th>Status</th>
<th>Actions</th>
</tr>

</thead>

<tbody>

@forelse($suppliers as $supplier)

<tr>

<td>{{ $supplier->id }}</td>

<td>
<strong>{{ $supplier->name }}</strong>
</td>

<td>
{{ $supplier->prefix ?? '-' }}
</td>

<td>
{{ $supplier->api_url ?? '-' }}
</td>

<td>

@if($supplier->active)
<span class="badge bg-success">Active</span>
@else
<span class="badge bg-secondary">Disabled</span>
@endif

</td>

<td>

<a href="/admin/suppliers/{{ $supplier->id }}/edit"
class="btn btn-sm btn-primary">
Edit
</a>

<form method="POST"
action="/admin/suppliers/delete/{{ $supplier->id }}"
style="display:inline;"
onsubmit="return confirm('Are you sure you want to delete this supplier?')">

@csrf

<button type="submit" class="btn btn-sm btn-danger">
Delete
</button>

</form>

</td>

</tr>

@empty

<tr>
<td colspan="6" class="text-center text-muted">
No suppliers
</td>
</tr>

@endforelse

</tbody>

</table>

@endsection