first change

This commit is contained in:
2025-07-27 17:40:56 +05:45
commit f8b9a6725b
3152 changed files with 229528 additions and 0 deletions

View File

@@ -0,0 +1,16 @@
@extends('layouts.app')
@section('content')
<div class="container-fluid">
<x-dashboard.breadcumb :title="$title" />
{{ html()->form('POST')->route('leave.store')->class(['needs-validation'])->attributes(['novalidate', 'enctype' => 'multipart/form-data'])->open() }}
@include('leave::leave.partials.action')
{{ html()->form()->close() }}
</div>
@endsection
@push('js')
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
@endpush

View File

@@ -0,0 +1,35 @@
@extends('layouts.app')
@section('content')
<div class="page-content">
<div class="container-fluid">
<!-- start page title -->
<div class="row">
<div class="col-12">
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
<h4 class="mb-sm-0">{{ $title }}</h4>
<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
<li class="breadcrumb-item active">{{ $title }}</li>
</ol>
</div>
</div>
</div>
</div>
<!-- end page title -->
{{ html()->modelForm($leave, 'PUT')->route('leave.update', $leave->leave_id)->class(['needs-validation'])->attributes(['novalidate'])->open() }}
@include('leave::leave.partials.action')
{{ html()->closeModelForm() }}
<!--end row-->
</div>
<!-- container-fluid -->
</div>
@endsection
@push('js')
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
@endpush

View File

@@ -0,0 +1,235 @@
@extends('layouts.app')
@section('content')
<div class="container-fluid">
<x-dashboard.breadcumb :title="$title" />
<div class="card">
<div class="card-body text-align-center">
<form action="{{ route('leave.index') }}" method="GET">
<div class="row g-2">
<div class="col-xl-3">
<div class="search-box">
{{ html()->select('employee_id', $employeeList)->class('form-control select2')->value(request('employee_id'))->placeholder('By Employee') }}
</div>
</div>
<div class="col-sm-3">
<div class="">
{{ html()->text('date')->class('form-control daterange-custom-picker')->value(request('date'))->placeholder('Date Range')}}
</div>
</div>
<div class="col-xl-3">
<div class="search-box">
{{ html()->select('status', $status)->class('form-control select2')->value(request('status'))->placeholder('By Status') }}
</div>
</div>
</div>
<div class="g-2 text-end">
<div>
<button type="submit" class="btn btn-success">Filter</button>
<a href="{{ route('leave.index') }}" class="btn btn-danger">Reset</a>
</div>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header align-items-center d-flex">
<h5 class="card-title flex-grow-1 mb-0">Leave Lists</h5>
<div class="flex-shrink-0">
@can('leave.create')
<a href="{{ route('leave.create') }}" class="btn btn-primary waves-effect waves-light"><i
class="ri-add-fill me-1 align-bottom"></i> Apply Leave</a>
@endcan
</div>
</div>
<div class="card-body">
<div class="table-responsive">
<table id="datatable" class="display table-sm table-bordered align-center table" style="width:100%">
<thead>
<tr>
<th>S.N</th>
<th width="20%">Employee Name</th>
<th>Leave Type</th>
<th>Dates</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@forelse ($leaves as $key => $leave)
{{-- @dd($leave->start_date['dates'][0]) --}}
<tr>
<td>{{ $key + 1 }}</td>
<td>
<div class="d-flex align-items-start text-muted mb-2">
<div class="me-3 flex-shrink-0">
<img src="{{ optional($leave->employee)->profile_pic }}" class="avatar-sm rounded"
alt="...">
</div>
<div class="flex-grow-1">
<h5 class="fs-12"> {{ optional($leave->employee)->full_name }}</h5>
{{ optional($leave->employee)->email }}
</div>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<div class="">
<h5 class="fs-12 fw-medium my-1">
{{ optional($leave->leaveType)->name }} <span
class="text-danger">({{ $leave->total_days }} days)</span>
</h5>
<span class="fs-10 text-danger text-bold">{{ $leave->getDuration() }}</span>
</div>
</div>
</td>
<td>
@foreach ($leave->start_date as $dates)
@foreach ($dates as $date)
<li class="fs-12">{{ $date }}</li>
@endforeach
@endforeach
</td>
<td>
<span class="badge bg-{{ $leave->status_name['color'] }}">
{!! $leave->status_name['status'] !!} </span>
<p class="text-info fs-10 mb-0">{{ optional($leave->approveBy)->name }}</p>
<p class="text-muted fs-10">{!! $leave->description !!}</p>
</td>
<td>
<div class="hstack flex-wrap gap-3">
{{-- <a href="javascript:void(0);" class="link-info fs-15 view-item-btn" data-bs-toggle="modal"
data-bs-target="#viewModal">
<i class="ri-eye-fill"></i>
</a> --}}
@can('leave.show')
<a href="{{ route('leave.show', $leave->leave_id) }}" class="link-info fs-15">
<i class="ri-eye-fill"></i>
</a>
@endcan
{{-- @can('leave.edit')
<a href="{{ route('leave.edit', $leave->leave_id) }}"
class="link-success fs-15 edit-item-btn"><i class="ri-edit-2-fill"></i></a>
@endcan --}}
@can('leave.updateStatus')
@if (in_array($leave->status, ['1', '3']))
<a href="javascript:void(0);" class="link-dark fs-15 approve-item-btn"
data-bs-toggle="modal" data-bs-target="#statusModal"
data-leave-id="{{ $leave->leave_id }}" data-employee-id="{{ $leave->employee_id }}">
<i class="ri-check-double-line"></i>
</a>
@endif
@endcan
@can('leave.destroy')
@if (in_array($leave->status, ['1', '3']))
<a href="javascript:void(0);" data-link="{{ route('leave.destroy', $leave->leave_id) }}"
data-id="{{ $leave->leave_id }}" class="link-danger fs-15 remove-item-btn"><i
class="ri-delete-bin-fill"></i></a>
@endif
@endcan
</div>
</td>
</tr>
@empty
<tr>
<td colspan="7" class="text-center"> No Leave Found</td>
</tr>
@endforelse
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!--end row-->
</div>
<!-- container-fluid -->
@can('leave.updateStatus')
<div class="modal fade" id="statusModal" tabindex="-1" aria-labelledby="statusModalLabel" aria-modal="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalgridLabel">Update Status</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="{{ route('leave.updateStatus') }}" id="statusForm" class="needs-validation" novalidate
method="post">
@csrf
<input type="hidden" id="leave_id" name="leave_id" value="">
<input type="hidden" id="employeeId" name="employee_id" value="">
<div class="row g-2">
<div class="col-md-12">
{{ html()->label('Status')->class('form-label') }}
{{ html()->select('status', $status)->class('form-select select2')->placeholder('Select Status')->required() }}
{{ html()->div('Please Select Status')->class('invalid-feedback') }}
</div>
<div class="col-md-12">
{{ html()->label('Remark')->class('form-label') }}
{{ html()->textarea('remarks')->class('form-control')->placeholder('Write remarks...') }}
</div>
</div>
<div class="mt-3 text-end">
{{ html()->button('Save')->class('btn btn-info') }}
</div>
</form>
</div>
</div>
</div>
</div>
@endcan
@endsection
@push('js')
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
<script>
// $(document).ready(function(){
// $('#statusForm').on('submit',function(e){
// e.preventDefault();
// var formData = $(this).serialize();
// $.ajax({
// url:'{{ route('leave.updateStatus') }}',
// type: 'POST',
// // headers: {
// // 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
// // }
// data: formData,
// success: function(response){
// console.log(response);
// location.reload();
// },
// error: function(xhr, status, error){
// console.error(error)
// }
// });
// });
// });
$(document).ready(function() {
$('.approve-item-btn').on('click', function() {
let leaveId = $(this).data('leave-id');
$('#leave_id').val(leaveId);
let employeeId = $(this).data('employee-id');
$('#employeeId').val(employeeId);
})
})
</script>
@endpush

View File

@@ -0,0 +1,220 @@
<div class="row">
<div class="col-lg-8">
<div class="card">
<div class="card-body">
<div class="row g-2">
<div class="col-md-6">
{{ html()->label('Employee')->class('form-label') }}
{{ html()->select('employee_id', $employeeList)->class('form-select select2')->placeholder('Select Employee')->required() }}
{{ html()->div('Please Select Employee')->class('invalid-feedback') }}
</div>
<div class="col-md-6">
{{ html()->label('Leave Type')->class('form-label') }}
{{ html()->select('leave_type_id', $leaveTypeList)->class('form-select select2')->attributes(['id' => 'leave_type_id'])->placeholder('Select Leave Type')->required() }}
{{ html()->div('Please Select Leave Type')->class('invalid-feedback') }}
</div>
<div class="col-md-12">
{{ html()->label('Selet Duration')->class('form-label') }}
<div>
@foreach ($duration as $durationKey => $durationItem)
<div class="form-check form-check-inline">
{{ html()->radio('duration')->class('form-check-input duration')->checked(old('duration', isset($leave) && $leave->duration === $durationKey))->attributes(['id' => $durationKey])->value($durationKey)->required() }}
{{ html()->label($durationItem)->class('form-check-label')->for($durationKey) }}
</div>
@endforeach
</div>
</div>
<div class="col-md-12">
{{ html()->label('Choose Date')->class('form-label') }}
{{ html()->text('start_date')->class('form-control start-date')->placeholder('Select Start Date')->attributes([
// 'data-provider' => 'flatpickr',
// 'data-date-format' => 'd M, Y',
// 'data-multiple-date' => 'true',
])->required() }}
{{ html()->div('Please Select Start Date')->class('invalid-feedback') }}
</div>
<div class="col-md-8 leave-note">
<ul class="list-group">
</ul>
</div>
{{-- <div class="col-md-6 end-date d-none">
{{ html()->label('End Date')->class('form-label') }}
{{ html()->date('end_date')->class('form-control')->placeholder('Select End Date') }}
{{ html()->div('Please Select End Date')->class('invalid-feedback') }}
</div> --}}
<div class="col-md-12">
{{ html()->label('Description')->class('form-label') }}
{{ html()->textarea('description')->class('form-control')->placeholder('Write Reason for Leave') }}
</div>
</div>
</div>
</div>
<div class="mb-3 text-end">
{{-- <a href="{{ route('leave.index') }}" class="btn btn-danger w-sm">Cancel</a> --}}
{{ html()->button($editable ? 'Update' : 'Save', 'submit')->class('btn btn-success btn-save d-none') }}
</div>
</div>
<div class="col-lg-4">
<div class="card">
<div class="card-header">
<h5 class="card-title mb-0">Leave Remaining</h5>
</div>
<div class="card-body p-2">
<div class="table-responsive">
<table class="table-nowrap table-sm mb-0 table align-middle">
<thead class="table-dark text-white">
<tr>
<th scope="col" style="width: 62;">Leave Type</th>
<th scope="col">Total</th>
<th scope="col">Remain</th>
</tr>
</thead>
<tbody id="leaveRemainTable">
</tbody><!-- end tbody -->
</table><!-- end table -->
</div>
</div>
<!-- end card body -->
</div>
<!-- end card -->
@can('leave.updateStatus')
<div class="card">
<div class="card-header">
<h5 class="card-title mb-0">Leave Status</h5>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-12">
{{ html()->label('Status')->class('form-label') }}
{{ html()->select('status', $status)->class('form-control select2')->required() }}
</div>
</div>
</div>
<!-- end card body -->
</div>
<!-- end card -->
@endcan
</div>
</div>
@push('js')
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
<script>
let startDatePicker = initializeFlatpickr('single');
let appendError = $('.leave-note').find('.list-group');
$('input[name=duration]').on('click', function() {
if ($(this).is(":checked")) {
var checked = $(this).prop("checked", true).val();
startDatePicker.destroy();
appendError.html('')
if (checked == 3) {
startDatePicker = initializeFlatpickr('multiple');
} else {
startDatePicker = initializeFlatpickr('single');
}
$(".start-date").val('');
}
})
$('select[name=employee_id]').on('change', function() {
leave_type_id = $(this).val();
fetchLeaveRemain()
})
function initializeFlatpickr(mode) {
return $(".start-date").flatpickr({
enableTime: false,
dateFormat: "Y-m-d",
altInput: true,
altFormat: "Y-m-d",
defaultDate: "",
mode: mode,
onChange: function(selectedDates, dateStr, instance) {
checkEmpLeaveDates(dateStr)
},
});
}
const checkEmpLeaveDates = async (dates) => {
appendError.html('')
$('.btn-save').addClass('d-none')
try {
const request = new Request("{{ route('leave.checkEmpLeaveDates') }}", {
method: "POST",
headers: {
'Content-Type': 'application/json',
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
},
body: JSON.stringify({
employee_id: $('select[name=employee_id]').val(),
leave_type_id: $('select[name=leave_type_id]').val(),
duration: $('input[name=duration]:checked').val(),
dates: dates
}),
});
const response = await fetch(request);
if (!response.ok) {
throw new Error('Network response was not ok ' + response);
}
const data = await response.json();
if (data.status == false) {
if (data.errors) {
Object.keys(data.errors).forEach(key => {
const errorMessage = data.errors[key];
appendError.append(
`<li class="list-group-item text-danger"><i class="ri-close-line"></i> ${errorMessage}</li>`);
})
}
} else {
appendError.html(data.html)
if (data.btnFlag == true) {
$('.btn-save').removeClass('d-none')
}
}
} catch (error) {
console.error('Fetch Error:', error);
}
}
const fetchLeaveRemain = () => {
const params = {
employee_id: $('select[name=employee_id]').val(),
};
const urlParams = new URLSearchParams(params);
appendError.html('')
fetch(`{{ route('leave.getRemainingEmpLeave') }}?${urlParams.toString()}`, {
method: 'GET',
})
.then(response => response.json())
.then(data => {
$('#leaveRemainTable').html(data.view)
})
.catch(error => {
console.error('Fetch Error:', error);
});
}
</script>
@isset($editable)
<script>
$(document).ready(function() {
$("input[name=duration]:checked").trigger("click");
})
</script>
@endisset
@endpush

View File

@@ -0,0 +1,7 @@
@foreach ($leaveBalance as $item)
<tr>
<td>{{ $item['leave_type'] }}</td>
<td class="text-primary">{{ $item['total'] }}</td>
<td class="text-danger">{{ $item['remain'] }}</td>
</tr>
@endforeach

View File

@@ -0,0 +1,16 @@
<div class="modal fade" id="viewModal" tabindex="-1" aria-labelledby="viewModalLabel" aria-modal="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalgridLabel">View Leave</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="{{ route('leave.store') }}" class="needs-validation" novalidate method="post">
@csrf
@include('leave::leave.partials.action')
</form>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,82 @@
@extends('layouts.app')
@section('content')
<div class="container-fluid">
<x-dashboard.breadcumb :title="$title" />
<div class="row">
<div class="col-md-8">
<div class="card card-body p-4">
<div>
<div class="table-responsive">
<table class="table-borderless mb-0 table">
<tbody>
<tr>
<th><span class="fw-medium">Employee Name</span></th>
<td>{{ $leave->employee->first_name }} {{ $leave->employee->middle_name }}
{{ $leave->employee->last_name }}</td>
</tr>
<tr>
<th><span class="fw-medium">Leave Type</span></th>
<td> {{ optional($leave->leaveType)->name }} </td>
</tr>
<tr>
<th><span class="fw-medium">Date</span></th>
<td>
@foreach ($leave->start_date as $dates)
@foreach ($dates as $date)
<li>{{ $date }}</li>
@endforeach
@endforeach
</td>
</tr>
<tr>
<th><span class="fw-medium">Leave Approved Date</span></th>
<td>{{ $leave->leave_approved_date }}</td>
</tr>
<tr>
<th><span class="fw-medium">Total Days</span></th>
<td>{{ $leave->total_days }}</td>
</tr>
<tr>
<th><span class="fw-medium">Leave Approved By</span></th>
<td>{{ $leave->leave_approved_by }}</td>
</tr>
<tr>
<th><span class="fw-medium">Duration</span></th>
<td>{{ $leave->getDuration() }}</td>
</tr>
<tr>
<th><span class="fw-medium">Leave Approved Date</span></th>
<td>{{ $leave->employee_id }}</td>
</tr>
<tr>
<th><span class="fw-medium">Status</span></th>
<td>{{ $leave->status_name['status'] }}</td>
</tr>
<tr>
<th><span class="fw-medium">Description</span></th>
<td>{{ $leave->description }}</td>
</tr>
<tr>
<th><span class="fw-medium">Remark</span></th>
<td>{{ $leave->remarks }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="mb-3 text-end">
<a href="{{ route('leave.index') }}" class="btn btn-secondary w-sm">Back</a>
</div>
</div>
</div>
</div>
@endsection
@push('js')
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
@endpush