@extends('procurement::layouts.master')
@section('title','Users')
@section('content')
@include('procurement::components.partials.page_header',['title'=>'Users','actionRoute'=>route('procurement.users.create'),'actionLabel'=>'Add User'])
<div class="card shadow mb-3"><div class="card-body py-2">
    <form method="GET" class="form-inline flex-wrap">
        <input type="text" name="search" class="form-control form-control-sm mr-2 mb-1" placeholder="Search name, email..." value="{{ request('search') }}" style="width:220px">
        <button type="submit" class="btn btn-sm btn-secondary mb-1">Filter</button>
        <a href="{{ route('procurement.users.index') }}" class="btn btn-sm btn-link mb-1">Clear</a>
    </form>
</div></div>
<div class="card shadow mb-4"><div class="card-body p-0">
<div class="table-responsive">
<table class="table table-sm table-hover mb-0">
    <thead class="thead-dark">
        <tr>
            @include('procurement::components.partials.sortable_th', ['label'=>'Name','field'=>'name'])
            @include('procurement::components.partials.sortable_th', ['label'=>'Email','field'=>'email'])
            @include('procurement::components.partials.sortable_th', ['label'=>'Added','field'=>'added'])
            <th></th>
        </tr>
    </thead>
    <tbody>
        @forelse($users as $u)
        <tr>
            <td class="font-weight-bold">{{ $u->name }} @if($u->id === auth('procurement')->id())<span class="badge badge-secondary badge-xs">You</span>@endif</td>
            <td><small><a href="mailto:{{ $u->email }}">{{ $u->email }}</a></small></td>
            <td><small>{{ $u->created_at->format('M j, Y') }}</small></td>
            <td class="text-right" style="white-space:nowrap">
                <a href="{{ route('procurement.users.edit',$u) }}" class="btn btn-xs btn-outline-secondary">Edit</a>
                <form method="POST" action="{{ route('procurement.users.destroy',$u) }}" class="d-inline" onsubmit="return confirm('Delete this user?')">
                    @csrf @method('DELETE')<button class="btn btn-xs btn-outline-danger">Del</button>
                </form>
            </td>
        </tr>
        @empty
        <tr><td colspan="4" class="text-center py-4 text-muted">No users yet.</td></tr>
        @endforelse
    </tbody>
</table>
</div></div></div>
@endsection