@extends('layouts.admin')

@section('title', 'Counters')

@section('content')
<div style="margin-bottom: 1rem;">
    <a href="{{ route('admin.counters.create') }}" class="btn btn-primary">Add Counter</a>
</div>
<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Branch</th>
            <th>Type</th>
            <th>Assigned To</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        @foreach($counters as $counter)
        <tr>
            <td>{{ $counter->name }}</td>
            <td>{{ $counter->branch->name }}</td>
            <td>{{ ucfirst($counter->type) }}</td>
            <td>{{ $counter->assignedUser->name ?? '-' }}</td>
            <td>
                <a href="{{ route('admin.counters.edit', $counter) }}" class="btn btn-primary btn-sm">Edit</a>
                <form action="{{ route('admin.counters.destroy', $counter) }}" method="POST" style="display:inline;" onsubmit="return confirm('Delete?')">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                </form>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
{{ $counters->links() }}
@endsection