@extends('layout')

@section('title')
    {{ get_label('attendance', 'Attendance') }}
@endsection

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between mb-2 mt-4">
        <div>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb breadcrumb-style1">
                    <li class="breadcrumb-item">
                        <a href="{{ route('home.index') }}">{{ get_label('home', 'Home') }}</a>
                    </li>
                    <li class="breadcrumb-item active">{{ get_label('attendance', 'Attendance') }}</li>
                </ol>
            </nav>
        </div>
        {{--
        <div>
            <a href="">
                <button type="button" class="btn btn-sm btn-primary" data-bs-toggle="tooltip" data-bs-placement="left" title="{{ get_label('add_attendance', 'Add Attendance') }}">
                    <i class='bx bx-plus'></i>
                </button>
            </a>
        </div>
        --}}
    </div>
    <x-attendance-card :attendances="$attendances" :users="$users" />
</div>
<script>
    var label_update = '{{ get_label("update", "Update") }}';
    var label_delete = '{{ get_label("delete", "Delete") }}';
</script>
<script src="{{ asset('assets/js/pages/attendance.js') }}"></script>
@endsection