@extends('newDashboard.index')

@section('css')
    <link rel="stylesheet" href="{{ asset('metronic/css/data-table.css') }}">
@endsection

@section('main-content')
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                    <i class="mdi mdi-package"></i>
                </span> {{ __('Working Hours') }}
            </h3>
        </div>
        <div class="row">
            <div id="success_message"></div>
            {{--            @permission('add-working-hour')--}}
            <div class="buttons-container">
                <a href="{{route('hr.working-hours.create')}}" type="button" class="btn btn-primary float-end"
                >{{ __('Add Working Hours') }}</a>
            </div>
            {{--            @endpermission--}}

            <div class="table-responsive customscroll">
                <table class="table datatable text-center" id="table">

                    <thead>
                    <tr>
                        <th>{{ __('Date') }}</th>
                        <th>{{ __('Added By') }}</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>

@endsection

@section('scripts')
    <script>
        var translations = {
            'ID': '{{ __('messages.ID') }}',
            'Name': '{{ __('messages.Name') }}',
            'Category': '{{ __('messages.Category') }}',
            'Unit Type': '{{ __('messages.Unit Type') }}',
            'Store Terms': '{{ __('messages.Store Terms') }}',
            'Items': '{{ __('messages.Items') }}',
        };
    </script>
    <script src="{{ asset('metronic/js/pages/hr/working-hours.js') }}"></script>

@endsection