@extends('layouts.app')
@section('title', 'Employees')
@php $breadcrumbs = [['label' => 'Masters', 'url' => '#'], ['label' => 'Employees']]; @endphp

@section('content')
<div class="d-flex flex-wrap align-items-center justify-content-between mb-3">
    <div><h4 class="fw-bold mb-1">Employees Master</h4><p class="text-muted mb-0" style="font-size:0.85rem;">Manage employees records</p></div>
    <div class="d-flex gap-2">
        <button class="btn btn-outline-secondary btn-sm" data-bs-toggle="collapse" data-bs-target="#filterCollapse"><i class="bi bi-funnel me-1"></i>Filters</button>
        @can('employees.create')<a href="{{ route('masters.employees.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg me-1"></i>New Employees</a>@endcan
    </div>
</div>
<div class="collapse mb-3" id="filterCollapse"><div class="card border shadow-sm"><div class="card-body py-3">
    <form><div class="row g-2 align-items-end"><div class="col-md-2"><label class="form-label" style="font-size:0.78rem;">Department</label><select class="form-select form-select-sm"><option value="">All</option><option value="sales">Sales</option><option value="operations">Operations</option><option value="finance">Finance</option><option value="admin">Admin</option></select></div><div class="col-md-2"><button type="submit" class="btn btn-primary btn-sm w-100"><i class="bi bi-search me-1"></i>Apply</button></div></div></form>
</div></div></div>
<x-data-table id="employeesTable" title="Employees List" :columns="[['key' => 'code', 'label' => 'Emp Code', 'width' => '100px'], ['key' => 'name', 'label' => 'Name'], ['key' => 'designation', 'label' => 'Designation'], ['key' => 'department', 'label' => 'Department'], ['key' => 'phone', 'label' => 'Phone'], ['key' => 'status', 'label' => 'Status']]" source="{{ route('masters.employees.index') }}" />
@endsection