@extends('layouts.app')
@push('css')
    @include('components.dataTable-style-links')
    <link rel="stylesheet" href="{{asset('/assets/css/salaries.css')}}"/>
@endpush
@section('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-cards-variant menu-icon"></i>
                    </span> {{ __('Salaries') }}
            </h3>
            <div class="d-flex gap-3">
                <form id="add-restriction" action="{{route("dashboard.hr.salaries.daily_restrictions",['',''])}}"
                      method="POST">
                    @csrf
                    <button class="btn btn-primary">{{__("Add Salaries To Daily Restrictions")}}</button>
                </form>
            </div>
        </div>
        <div class="">
            <input id="year" type="number" value="{{now()->year}}" class="form-control"/>
        </div>
        <div class="months-containers shadow">
            <div class="months bg-white  ">
                @foreach($months as $index=>$month )
                    <div data-month="{{$index+1}}" class="month rounded p-2">{{$month}}</div>
                @endforeach
            </div>
        </div>
        <div id="salaries_table" data-url="{{route('dashboard.hr.salaries.get-users-salaries',['',''])}}">
        </div>
    </div>
    @include('dashboard.hr.salaries.user-salary-modal')
@endsection
@section('scripts')
    @include('components.dataTable-script-links')

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.23/jspdf.plugin.autotable.min.js"></script>
    <script src="{{asset("/assets/js/pages/hr/salaries.js")}}"></script>
@endsection