@extends('layouts.app')

@section('title', 'Suppliers')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h3>Suppliers</h3>
    <a href="{{ route('suppliers.create') }}" class="btn btn-primary">Add Supplier</a>
</div>

<table class="table table-striped align-middle">
    <thead class="table-dark">
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Phone</th>
            <th>Address</th>
            <th class="text-end">Opening Balance</th>
            <th class="text-end">Current Due</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        @forelse ($suppliers as $s)
            <tr>
                <td>{{ $s->id }}</td>
                <td>{{ $s->name }}</td>
                <td>{{ $s->phone }}</td>
                <td>{{ $s->address }}</td>
                <td class="text-end">{{ number_format($s->opening_balance, 2) }}</td>
                <td class="text-end">{{ number_format($s->current_due, 2) }}</td>
                <td>
                    <a href="{{ route('suppliers.show', $s->id) }}" class="btn btn-sm btn-info text-white">
                        History
                    </a>
                    <a href="{{ route('suppliers.edit', $s->id) }}" class="btn btn-sm btn-outline-secondary">
                        Edit
                    </a>
                    <form action="{{ route('suppliers.destroy', $s->id) }}" method="POST"
                          style="display:inline-block"
                          onsubmit="return confirm('Delete this supplier?');">
                        @csrf
                        @method('DELETE')
                        <button class="btn btn-sm btn-outline-danger">Delete</button>
                    </form>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="7" class="text-center text-muted">No suppliers yet</td>
            </tr>
        @endforelse
    </tbody>
</table>

{{ $suppliers->links() }}
@endsection