@extends('admin.layout')

@section('content')

<h2 class="mb-4">Supplier Sync Center</h2>

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

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


<div class="mb-3">

<form method="POST" action="/admin/supplier-sync/sync-all">
@csrf

<button class="btn btn-danger">
⚡ Sync All Suppliers
</button>

</form>

</div>


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

<thead class="table-dark">

<tr>

<th>ID</th>
<th>Name</th>
<th>Prefix</th>
<th>Import</th>
<th>API Type</th>
<th>API</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>

@if(isset($supplier->import_type))
{{ strtoupper($supplier->import_type) }}
@else
API
@endif

</td>

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

<td>

@if($supplier->api_url)
<span class="text-success">configured</span>
@else
<span class="text-muted">-</span>
@endif

</td>

<td>

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

</td>

<td>

@if(($supplier->import_type ?? 'api') == 'api')

<a href="/admin/supplier-sync/test/{{ $supplier->id }}"
class="btn btn-sm btn-info">
Test API
</a>

@endif


<form method="POST"
action="/admin/supplier-sync/sync/{{ $supplier->id }}"
style="display:inline">

@csrf

<button class="btn btn-sm btn-success">
Sync
</button>

</form>

</td>

</tr>

@empty

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

@endforelse

</tbody>

</table>

@endsection