@extends('layouts.admin')
@section('title','Cashiers')
@section('breadcrumb')<li class="breadcrumb-item active">Cashiers</li>@endsection
@section('admin-content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="fw-bold mb-0" style="color:#1e3a5f"><i class="fas fa-cash-register me-2 text-warning"></i>Cashiers</h4>
    <a href="{{ route('admin.cashiers.create') }}" class="btn btn-primary"><i class="fas fa-plus me-1"></i>Add Cashier</a>
</div>
<div class="card"><div class="card-body p-0">
<table class="table table-hover mb-0 dataTable">
<thead><tr><th>#</th><th>Name</th><th>Code</th><th>Email</th><th>Phone</th><th>Institute</th><th>Status</th><th>Actions</th></tr></thead>
<tbody>
@forelse($cashiers as $c)
<tr>
    <td>{{ $loop->iteration }}</td>
    <td><strong>{{ $c->name }}</strong></td>
    <td><span class="badge bg-secondary">{{ $c->cashier_code }}</span></td>
    <td>{{ optional($c->user)->email }}</td>
    <td>{{ $c->phone ?? '-' }}</td>
    <td>{{ optional($c->institute)->name ?? 'All' }}</td>
    <td><span class="badge {{ $c->is_active ? 'bg-success' : 'bg-danger' }}">{{ $c->is_active ? 'Active' : 'Inactive' }}</span></td>
    <td>
        <a href="{{ route('admin.cashiers.edit', $c) }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-edit"></i></a>
        <form action="{{ route('admin.cashiers.destroy', $c) }}" method="POST" class="d-inline">@csrf @method('DELETE')
        <button class="btn btn-sm btn-outline-danger btn-delete"><i class="fas fa-trash"></i></button></form>
    </td>
</tr>
@empty
<tr><td colspan="8" class="text-center py-4 text-muted">No cashiers found.</td></tr>
@endforelse
</tbody></table>
</div></div>
<div class="mt-3">{{ $cashiers->links() }}</div>
@endsection
@push('scripts')<script>$('.dataTable').DataTable({paging:false,searching:true,info:false});</script>@endpush