@extends('member-new')

@push('head-script')
    <!-- BEGIN: Vendor CSS-->
    {{-- <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/charts/apexcharts.css"> --}}
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/style.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/pages/dashboard-ecommerce.css">
    {{-- <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/charts/chart-apex.css"> --}}
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/extensions/ext-component-toastr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/calendars/fullcalendar.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/pages/app-calendar.css">


    <!-- END: Page CSS-->
@endpush

@section('content')
    <div class="content-header row">
        <div class="content-header-left col-md-6 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h2 class="content-header-title float-start mb-0 border-0">My Dashboard</h2>
                    <div class="breadcrumb-wrapper">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="/">{{trans('common/common.home')}}</a>
                            </li>
                            <li class="breadcrumb-item active">My Dashboard </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div> 
        @if ($policies->count())
            <div class="content-header-right text-md-end col-md-6 col-12 d-md-block d-none">
                <div class="mb-1 breadcrumb-right">
                    <button class="btn btn-secondary btn-sm box-shadow-2 waves-effect waves-float waves-light"
                        data-bs-toggle="modal" data-bs-target="#exampleModal">
                        <i data-feather='eye'></i> View Policies
                    </button>
                </div>
            </div>
        @endif
    </div>

    <section id="dashboard-ecommerce">
        <div class="">


            <div class="row match-height">

                <div class="col-md-3">
                    <div class="card ">
                        <div class="card-header newheader empnewheaddash">
                            <div>
                                <img src="/app-assets/images/emp-dashboard/attendance-icon.png" />
                            </div>
                            <div class="header-left ms-1">
                                <h4 class="card-title">My Attendance</h4>
                                <p class="centerdateformat my-attendadate myattdatecolor mb-0">
                                    <input type="text" id="attendance-card-date" value="{{ date('Y-m-d') }}"
                                        class="form-control flatpickr-basic" placeholder="YYYY-MM-DD" />
                                </p>
                            </div>

                        </div>
                        <div class="card-body" id="attendance-card-body">

                            <div class="myatbox">
                                17
                            </div>
                            <div class="row pinchtimatt">
                                <div class="col-6 px-0">
                                    <h3>Punch In Time</h3>
                                    <h4>09:30 AM</h4>
                                </div>
                                <div class="col-6 px-0">
                                    <h3>Punch Out Time</h3>
                                    <h4>06:30 PM</h4>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="col-md-3">
                    <div class="card card-statistics new-cardbox">
                        <div class="card-header newheader pb-0">
                            <div class="header-left">
                                <h4 class="card-title">{{ trans('admin/leave.holidays_week_offs') }}</h4>
                                <p class="mb-0">{{ date('Y') }}</p>
                            </div>
                            {{-- <button type="button" class="btn btn-outline-secondary cancel-btn waves-effect">See
                                    More</button> --}}
                        </div>
                        <div class="card-body">
                            <ul class="nav nav-tabs border-bottom mt-0" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" data-bs-toggle="tab" href="#holiday">Holiday</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-bs-toggle="tab" href="#weekoff">Week Off</a>
                                </li>
                            </ul>

                            <div class="tab-content">
                                <div class="tab-pane active" id="holiday">
                                    <div class="card-employee-tasknew" id="scrollpart">
                                        @forelse($upcomingHolidays as $key => $upcomingHoliday)
                                            <div class="holiday-box">
                                                <div><span>{{ $upcomingHoliday['name'] }}</span></div>
                                                <div>
                                                    <h3>{{ $upcomingHoliday['datemonth'] }} </h3>
                                                    <h5>{{ $upcomingHoliday['day'] }}</h5>
                                                </div>
                                            </div>
                                        @empty
                                            <center>No Upcoming Holidays! </center>
                                        @endforelse
                                    </div>
                                </div>
                                <div class="tab-pane " id="weekoff">
                                    <div class="card-employee-tasknew" id="scrollpart">
                                        @forelse($upcomingWeekOffs as $key => $upcomingWeekOff)
                                            <div class="holiday-box">
                                                <div><span>{{ $upcomingWeekOff['name'] }}</span></div>
                                                <div>
                                                    <h3>{{ $upcomingWeekOff['datemonth'] }} </h3>
                                                    <h5>{{ $upcomingWeekOff['day'] }}</h5>
                                                </div>
                                            </div>
                                        @empty
                                            <center>No Upcoming Week-Offs! </center>
                                        @endforelse
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="col-md-6 col-12">
                    <div class="card card-statistics new-cardbox">
                        <div class="card-header newheader align-items-start">
                            <div>
                                <h4 class="card-title">{{ trans('admin/leave.my_leaves') }}</h4>
                                <p class="mb-0 mb-sm-1">{{ trans('admin/leave.summary') }}</p>
                            </div>
                            <div class="mt-1 mt-sm-0">
                                <a href="{{ $orgUrl . '/leaves/create' }}"> <button
                                        class="btn btn-primary box-shadow-2 waves-effect waves-float waves-light"><svg
                                            xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                            stroke-linecap="round" stroke-linejoin="round"
                                            class="feather feather-file-text">
                                            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
                                            <polyline points="14 2 14 8 20 8"></polyline>
                                            <line x1="16" y1="13" x2="8" y2="13"></line>
                                            <line x1="16" y1="17" x2="8" y2="17"></line>
                                            <polyline points="10 9 9 9 8 9"></polyline>
                                        </svg>
                                        {{ trans('admin/leave.request_leave') }}
                                    </button> </a>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row my-1 my-sm-2">
                                @foreach ($employeeLeaves as $key => $employeeLeave)
                                    @php
                                        $total = 0;
                                        $balanceLeaveCount = $employeeLeave->balance_leaves
                                            ? $employeeLeave->balance_leaves
                                            : 0;

                                        $openingLeaveCount = $employeeLeave->opening_leaves
                                            ? $employeeLeave->opening_leaves
                                            : 0;

                                        $takenLeaveCount = $employeeLeave->taken_leaves
                                            ? $employeeLeave->taken_leaves
                                            : 0;
                                        if ($openingLeaveCount != 0) {
                                            $total =
                                                (($openingLeaveCount - $takenLeaveCount) / $openingLeaveCount) * 100;
                                        }

                                        if ($key == 0) {
                                            $class = '';
                                        } elseif ($key == 1) {
                                            $class = 'progress-sick';
                                        } elseif ($key == 2) {
                                            $class = 'progress-earned';
                                        } elseif ($key == 3) {
                                            $class = 'progress-encashed';
                                        }
                                    @endphp
                                    <div class="col-md-3 col-6 mb-2 mb-xl-0">
                                        <div class="progress-circle progress-{{ $total }} {{ $class }}">
                                            <div class="progress-txt">
                                                {{ $employeeLeave->balance_leaves ? $employeeLeave->balance_leaves : 0 }}<br><span>Balance</span>
                                            </div>
                                        </div>
                                        <h5 class="fw-bolder mb-0 mt-1 text-center">
                                            {{ isset($employeeLeave->leaveType->name) ? $employeeLeave->leaveType->name : '-' }}
                                        </h5>
                                        <p class="historyleave-view">
                                            <a
                                                href="{{ $orgUrl . '/leaves' }}?leave_type={{ $employeeLeave->leave_type_id ? $employeeLeave->leave_type_id : 0 }}"><svg
                                                    xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                                    viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                    class="feather feather-eye">
                                                    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                                                    <circle cx="12" cy="12" r="3"></circle>
                                                </svg> View</a>
                                        </p>
                                    </div>
                                @endforeach

                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12 col-12">
                    <div class="card  new-cardbox">
                        <div class="card-header newheader  ">
                            <div class="header-left">
                                <h4 class="card-title">Leave Requests</h4>
                            </div>
                            <div class="header-right">
                                @if (count($pendingLeaves) > 0)
                                    <button onclick="leaveAction('{{ App\Helpers\ConstantHelper::REJECTED }}')"
                                        class="btn btn-danger btn-sm waves-effect waves-float waves-light"
                                        data-bs-target="#filter" data-bs-toggle="modal">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                            stroke-linecap="round" stroke-linejoin="round"
                                            class="feather feather-x-circle">
                                            <circle cx="12" cy="12" r="10"></circle>
                                            <line x1="15" y1="9" x2="9" y2="15">
                                            </line>
                                            <line x1="9" y1="9" x2="15" y2="15">
                                            </line>
                                        </svg>
                                        Reject
                                    </button>
                                    <button onclick="leaveAction('{{ App\Helpers\ConstantHelper::APPROVED }}')"
                                        class="btn btn-success btn-sm waves-effect waves-float waves-light"
                                        data-bs-target="#filter" data-bs-toggle="modal">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14"
                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                            stroke-linecap="round" stroke-linejoin="round"
                                            class="feather feather-check-circle">
                                            <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
                                            <polyline points="22 4 12 14.01 9 11.01"></polyline>
                                        </svg>
                                        Approve
                                    </button>
                                @endif
                                <a href="{{ $orgUrl }}/leave-approvals?tab1=my-approvals&tab2="
                                    class="btn btn-outline-primary cancel-btn waves-effect" target="_blank">
                                    Show All
                                </a>
                            </div>
                        </div>
                        <div class="card-body px-0">
                            <ul class="nav nav-tabs border-bottom" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link {{ !empty($tab) ? ($tab == 'pending' ? 'active' : '') : 'active' }}"
                                        href="/member/{{ $alias }}/home?tab=pending&{{ http_build_query(request()->except('tab', 'page')) }}">Pending
                                        &nbsp;<span>({{ $pendingLeaves->total() }})</span></a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link {{ $tab == 'approved' ? 'active' : '' }}"
                                        href="/member/{{ $alias }}/home?tab=approved&{{ http_build_query(request()->except('tab', 'page')) }}">Approved
                                        &nbsp;<span>({{ $approveLeaves->total() }})</span></a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link {{ $tab == 'rejected' ? 'active' : '' }}"
                                        href="/member/{{ $alias }}/home?tab=rejected&{{ http_build_query(request()->except('tab', 'page')) }}">Rejected
                                        &nbsp;<span>({{ $rejectLeaves->total() }})</span></a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane {{ !empty($tab) ? ($tab == 'pending' ? 'active' : '') : 'active' }}"
                                    id="pendingLeave">
                                    <div class="table-responsive" style="overflow-y: scroll; max-height: 252px;">
                                        <table class="dt-column-search table" id="dataTable" data-url="">
                                            <thead>
                                                <th>
                                                    <input type="checkbox" id="selectAll" class="form-check-input"
                                                        title="Select All">
                                                </th>
                                                <th>Employee Name</th>
                                                <th>Department</th>
                                                <th>Leave Type</th>
                                                <th>From Date</th>
                                                <th>To Date</th>
                                                <th>No of Leave</th>
                                                <th>Status</th>
                                                <th>Apply Date/Time</th>
                                                <th>{{ trans('common/common.actions') }}</th>
                                            </thead>
                                            <tbody>
                                                @if (count($pendingLeaves) > 0)
                                                    @foreach ($pendingLeaves as $key => $pendingLeave)
                                                        <tr class="even">
                                                            <td class="pe-0">
                                                                <div class="form-check form-check-inline">
                                                                    <input class="form-check-input idCheck"
                                                                        type="checkbox" id="inlineCheckbox1"
                                                                        name="leaveIds[]"
                                                                        value="{{ $pendingLeave->id }}">
                                                                </div>
                                                            </td>
                                                            <td class="">
                                                                <div class="d-flex flex-row">
                                                                    <div class="avatar me-75">
                                                                        <img src="{{ isset($pendingLeave->employee->image) ? $pendingLeave->employee->image : '' }}"
                                                                            onerror="this.src='/assets/img/default-profile-3.png'"
                                                                            width="32" height="32"
                                                                            alt="{{ isset($pendingLeave->employee->name) ? $pendingLeave->employee->name : '' }}">
                                                                    </div>
                                                                    <div class="my-auto">
                                                                        <h6
                                                                            class="mb-0 fw-bolder text-dark hr-dashemplname">
                                                                            {{ isset($pendingLeave->employee->name) ? $pendingLeave->employee->name . ' (' . $pendingLeave->employee->employee_code . ')' : '' }}
                                                                        </h6>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td class="fw-bolder text-dark">
                                                                {{ isset($pendingLeave->employee->department->name) ? $pendingLeave->employee->department->name : '' }}
                                                            </td>
                                                            <td class="fw-bolder text-dark">
                                                                {{ isset($pendingLeave->leaveType->name) ? $pendingLeave->leaveType->name : '' }}
                                                            </td>

                                                            <td>
                                                                {{ $pendingLeave->from_date ? App\Helpers\GeneralHelper::dateFormat($pendingLeave->from_date) : '-' }}
                                                                {{ $pendingLeave->from_time ? '(' . date('H:i', strtotime($pendingLeave->from_time)) . ')' : '' }}
                                                            </td>
                                                            <td>
                                                                {{ $pendingLeave->to_date ? App\Helpers\GeneralHelper::dateFormat($pendingLeave->to_date) : '-' }}
                                                                {{ $pendingLeave->to_time ? '(' . date('H:i', strtotime($pendingLeave->to_time)) . ')' : '' }}


                                                            </td>
                                                            <td>{{ $pendingLeave->no_of_leaves ? $pendingLeave->no_of_leaves : '' }}
                                                            </td>
                                                            <td>
                                                                @if (@$pendingLeave->approvalLevel->status == App\Helpers\ConstantHelper::APPROVED)
                                                                    <span
                                                                        class="badge rounded-pill badge-light-success badgeborder-radius">{{ ucfirst(@$pendingLeave->approvalLevel->status) }}</span>
                                                                @elseif(
                                                                    @$pendingLeave->approvalLevel->status == App\Helpers\ConstantHelper::CANCELED ||
                                                                        @$pendingLeave->approvalLevel->status == App\Helpers\ConstantHelper::REJECTED)
                                                                    <span
                                                                        class="badge rounded-pill badge-light-danger badgeborder-radius">{{ ucfirst(@$pendingLeave->approvalLevel->status) }}</span>
                                                                @else
                                                                    <span
                                                                        class="badge rounded-pill badge-light-warning badgeborder-radius">{{ ucfirst(@$pendingLeave->approvalLevel->status) }}</span>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                {{ $pendingLeave->created_at ? App\Helpers\GeneralHelper::dateTimeFormat($pendingLeave->created_at) : '-' }}
                                                            </td>
                                                            <td>
                                                                <div class="mb-1">
                                                                    <a class="pe-1 dropdown-toggle hide-arrow text-primary"
                                                                        data-bs-toggle="dropdown">
                                                                        <i data-feather="more-vertical"
                                                                            class="font-small-4"></i>
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-end">
                                                                        <a class="dropdown-item"
                                                                            href="{{ $orgUrl . '/leave-approval/' . $pendingLeave->id }}"><i
                                                                                data-feather="eye" class="font-4"
                                                                                aria-hidden="true"></i><span
                                                                                class="align-middle"> View</span>
                                                                        </a>

                                                                        <a class="dropdown-item sa-params"
                                                                            href="javascript:;"
                                                                            data-bs-target="#viewaccess"
                                                                            data-bs-toggle="modal"
                                                                            onclick="viewLeave('{{ $pendingLeave->id }}')">
                                                                            <i data-feather="check-circle" class="font-4"
                                                                                aria-hidden="true"></i>
                                                                            <span class="align-middle"> Action </span>
                                                                        </a>

                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                            </tbody>
                                        </table>

                                        @if (count($pendingLeaves) == 0)
                                            <div>
                                                <center>No record(s) found!</center>
                                            </div>
                                        @endif
                                    </div>
                                    {{ $pendingLeaves->appends(request()->merge(['tab' => 'pending'])->except('page'))->links('partials.pagination') }}
                                </div>
                                <div class="tab-pane {{ $tab == 'approved' ? 'active' : '' }}" id="approveLeave">
                                    <div class="table-responsive" style="overflow-y: scroll; max-height: 252px;">
                                        <table class="dt-column-search table" id="dataTable" data-url="">
                                            <thead>
                                                <th>Employee Name</th>
                                                <th>Department</th>
                                                <th>Leave Type</th>
                                                <th>From Date</th>
                                                <th>To Date</th>
                                                <th>No of Leave</th>
                                                <th>Apply Date/Time</th>
                                                <th>status</th>
                                                <th>{{ trans('common/common.actions') }}</th>
                                            </thead>
                                            <tbody>
                                                @if (count($approveLeaves) > 0)
                                                    @foreach ($approveLeaves as $key => $approveLeave)
                                                        <tr class="even">
                                                            <td class="">
                                                                <div class="d-flex flex-row">
                                                                    <div class="avatar me-75">
                                                                        <img src="{{ isset($approveLeave->employee->image) ? $approveLeave->employee->image : '' }}"
                                                                            onerror="this.src='/assets/img/default-profile-3.png'"
                                                                            width="32" height="32"
                                                                            alt="{{ isset($approveLeave->employee->name) ? $approveLeave->employee->name : '' }}">
                                                                    </div>
                                                                    <div class="my-auto">
                                                                        <h6
                                                                            class="mb-0 fw-bolder text-dark hr-dashemplname">
                                                                            {{ isset($approveLeave->employee->name) ? $approveLeave->employee->name . ' (' . $approveLeave->employee->employee_code . ')' : '' }}
                                                                        </h6>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td class="fw-bolder text-dark">
                                                                {{ isset($approveLeave->employee->department->name) ? $approveLeave->employee->department->name : '' }}
                                                            </td>
                                                            <td class="fw-bolder text-dark">
                                                                {{ isset($approveLeave->leaveType->name) ? $approveLeave->leaveType->name : '' }}
                                                            </td>

                                                            <td>
                                                                {{ $approveLeave->from_date ? App\Helpers\GeneralHelper::dateFormat($approveLeave->from_date) : '-' }}
                                                                {{ $approveLeave->from_time ? '(' . date('H:i', strtotime($approveLeave->from_time)) . ')' : '' }}
                                                            </td>
                                                            <td>
                                                                {{ $approveLeave->to_date ? App\Helpers\GeneralHelper::dateFormat($approveLeave->to_date) : '-' }}
                                                                {{ $approveLeave->to_time ? '(' . date('H:i', strtotime($approveLeave->to_time)) . ')' : '' }}
                                                            </td>
                                                            <td>{{ $approveLeave->no_of_leaves ? $approveLeave->no_of_leaves : '' }}
                                                            </td>
                                                            <td>
                                                                {{ $approveLeave->created_at ? App\Helpers\GeneralHelper::dateTimeFormat($approveLeave->created_at) : '-' }}
                                                            </td>
                                                            <td>
                                                                @if (@$approveLeave->approvalLevel->status == App\Helpers\ConstantHelper::APPROVED)
                                                                    <span
                                                                        class="badge rounded-pill badge-light-success badgeborder-radius">{{ ucfirst(@$approveLeave->approvalLevel->status) }}</span>
                                                                @elseif(
                                                                    @$approveLeave->approvalLevel->status == App\Helpers\ConstantHelper::CANCELED ||
                                                                        @$approveLeave->approvalLevel->status == App\Helpers\ConstantHelper::REJECTED)
                                                                    <span
                                                                        class="badge rounded-pill badge-light-danger badgeborder-radius">{{ ucfirst(@$approveLeave->approvalLevel->status) }}</span>
                                                                @else
                                                                    <span
                                                                        class="badge rounded-pill badge-light-warning badgeborder-radius">{{ ucfirst(@$approveLeave->approvalLevel->status) }}</span>
                                                                @endif
                                                            </td>
                                                            <td>
                                                                <div class="mb-1">
                                                                    <a class="pe-1 dropdown-toggle hide-arrow text-primary"
                                                                        data-bs-toggle="dropdown">
                                                                        <i data-feather="more-vertical"
                                                                            class="font-small-4"></i>
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-end">
                                                                        <a class="dropdown-item"
                                                                            href="{{ $orgUrl . '/leave-approval/' . $approveLeave->id }}"><i
                                                                                data-feather="eye" class="font-4"
                                                                                aria-hidden="true"></i><span
                                                                                class="align-middle"> View</span>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                            </tbody>
                                        </table>

                                        @if (count($approveLeaves) == 0)
                                            <div>
                                                <center>No record(s) found!</center>
                                            </div>
                                        @endif
                                    </div>
                                    {{ $approveLeaves->appends(request()->merge(['tab' => 'approved'])->except('page'))->links('partials.pagination') }}
                                </div>
                                <div class="tab-pane {{ $tab == 'rejected' ? 'active' : '' }}" id="rejectLeave">
                                    <div class="table-responsive" style="overflow-y: scroll; max-height: 252px;">
                                        <table class="dt-column-search table" id="dataTable" data-url="">
                                            <thead>
                                                <th>Employee Name</th>
                                                <th>Department</th>
                                                <th>Leave Type</th>
                                                <th>From Date</th>
                                                <th>To Date</th>
                                                <th>No of Leave</th>
                                                <th>Apply Date/Time</th>
                                                <th>status</th>
                                                <th>action</th>
                                            </thead>
                                            <tbody>
                                                @if (count($rejectLeaves) > 0)
                                                    @foreach ($rejectLeaves as $key => $rejectLeave)
                                                        <tr class="even">
                                                            <td class="">
                                                                <div class="d-flex flex-row">
                                                                    <div class="avatar me-75">
                                                                        <img src="{{ isset($rejectLeave->employee->image) ? $rejectLeave->employee->image : '' }}"
                                                                            onerror="this.src='/assets/img/default-profile-3.png'"
                                                                            width="32" height="32"
                                                                            alt="{{ isset($rejectLeave->employee->name) ? $rejectLeave->employee->name : '' }}">
                                                                    </div>
                                                                    <div class="my-auto">
                                                                        <h6
                                                                            class="mb-0 fw-bolder text-dark hr-dashemplname">
                                                                            {{ isset($rejectLeave->employee->name) ? $rejectLeave->employee->name . ' (' . $rejectLeave->employee->employee_code . ')' : '' }}
                                                                        </h6>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td class="fw-bolder text-dark">
                                                                {{ isset($rejectLeave->employee->department->name) ? $rejectLeave->employee->department->name : '' }}
                                                            </td>
                                                            <td class="fw-bolder text-dark">
                                                                {{ isset($rejectLeave->leaveType->name) ? $rejectLeave->leaveType->name : '' }}
                                                            </td>

                                                            <td>
                                                                {{ $rejectLeave->from_date ? App\Helpers\GeneralHelper::dateFormat($rejectLeave->from_date) : '-' }}
                                                                {{ $rejectLeave->from_time ? '(' . date('H:i', strtotime($rejectLeave->from_time)) . ')' : '' }}
                                                            </td>
                                                            <td>
                                                                {{ $rejectLeave->to_date ? App\Helpers\GeneralHelper::dateFormat($rejectLeave->to_date) : '-' }}
                                                                {{ $rejectLeave->to_time ? '(' . date('H:i', strtotime($rejectLeave->to_time)) . ')' : '' }}
                                                            </td>
                                                            <td>{{ $rejectLeave->no_of_leaves ? $rejectLeave->no_of_leaves : '' }}
                                                            </td>
                                                            <td>
                                                                {{ $rejectLeave->created_at ? App\Helpers\GeneralHelper::dateTimeFormat($rejectLeave->created_at) : '-' }}
                                                            </td>
                                                            <td>
                                                                @if (@$rejectLeave->approvalLevel->status == App\Helpers\ConstantHelper::APPROVED)
                                                                    <span
                                                                        class="badge rounded-pill badge-light-success badgeborder-radius">{{ ucfirst(@$rejectLeave->approvalLevel->status) }}</span>
                                                                @elseif(
                                                                    @$rejectLeave->approvalLevel->status == App\Helpers\ConstantHelper::CANCELED ||
                                                                        @$rejectLeave->approvalLevel->status == App\Helpers\ConstantHelper::REJECTED)
                                                                    <span
                                                                        class="badge rounded-pill badge-light-danger badgeborder-radius">{{ ucfirst(@$rejectLeave->approvalLevel->status) }}</span>
                                                                @else
                                                                    <span
                                                                        class="badge rounded-pill badge-light-warning badgeborder-radius">{{ ucfirst(@$rejectLeave->approvalLevel->status) }}</span>
                                                                @endif
                                                            </td>

                                                            <td>
                                                                <div class="mb-1">
                                                                    <a class="pe-1 dropdown-toggle hide-arrow text-primary"
                                                                        data-bs-toggle="dropdown">
                                                                        <i data-feather="more-vertical"
                                                                            class="font-small-4"></i>
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-end">
                                                                        <a class="dropdown-item"
                                                                            href="{{ $orgUrl . '/leave-approval/' . $rejectLeave->id }}"><i
                                                                                data-feather="eye" class="font-4"
                                                                                aria-hidden="true"></i><span
                                                                                class="align-middle"> View</span>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                @endif
                                            </tbody>
                                        </table>

                                        @if (count($rejectLeaves) == 0)
                                            <div>
                                                <center>No record(s) found!</center>
                                            </div>
                                        @endif

                                    </div>
                                    {{ $rejectLeaves->appends(request()->merge(['tab' => 'rejected'])->except('page'))->links('partials.pagination') }}
                                </div>


                            </div>
                        </div>
                    </div>
                </div>

                {{-- comoff --}}
                <div class="col-md-12 col-12 mb-2">
                    <div class="card new-cardbox h-100">
                        <div class="card-header newheader">
                            <div class="header-left">
                                <h4 class="card-title">Compensation Requests - Pending</h4>
                            </div>
                            <div class="header-right">
                                @if (count($compensationRequests) > 0)
                                    <button data-status="rejected"
                                        class="btn btn-danger btn-sm waves-effect waves-float waves-light approval-multiple-btn">
                                        <i data-feather="x-circle"></i>
                                        Reject
                                    </button>
                                    <button data-status="approved"
                                        class="btn btn-success btn-sm waves-effect waves-float waves-light approval-multiple-btn">
                                        <i data-feather="check-circle"></i>
                                        Approve
                                    </button>
                                @endif

                                <a href="{{ $orgUrl }}/compensation/approvals?tab1=my-approvals" target="_blank"
                                    class="btn btn-outline-primary cancel-btn waves-effect">Show
                                    All</a>
                            </div>
                        </div>

                        <div class="card-body">
                            <div class="tableleavsumarbox">
                                <div class="table-responsive" style="overflow-y: scroll; max-height: 252px;">
                                    <table class="table leavedetailsumtab">
                                        <thead>

                                            <th class="pe-0">
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox"
                                                        id="comp-off-select-all">
                                                </div>
                                            </th>
                                            <th>#</th>
                                            <th>Employee Name</th>
                                            <th>Date</th>
                                            <th>Start Time</th>
                                            <th>End Time</th>
                                            <th>Working Hours</th>
                                            <th>Day Count</th>
                                            <th>Status</th>
                                            <th>Apply Date and Time</th>
                                            <th>{{ trans('common/common.actions') }}</th>
                                        </thead>
                                        <tbody>
                                            @foreach ($compensationRequests as $key => $compensationRequest)
                                                <tr class="even">
                                                    <td class="pe-0">
                                                        <div class="form-check form-check-inline">
                                                            <input class="form-check-input comp-off-select"
                                                                type="checkbox" value="{{ $compensationRequest->id }}">
                                                        </div>
                                                    </td>
                                                    <td class="sorting_1">{{ $key + 1 }}</td>
                                                    <td class="">
                                                        <div class="d-flex flex-row">
                                                            <div class="avatar me-75">
                                                                <img src="{{ isset($compensationRequest->employee->image) ? $compensationRequest->employee->image : '' }}"
                                                                    onerror="this.src='/assets/img/default-profile-3.png'"
                                                                    width="32" height="32"
                                                                    alt="{{ isset($compensationRequest->employee->name) ? $compensationRequest->employee->name : '' }}">
                                                            </div>
                                                            <div class="my-auto">
                                                                <h6 class="mb-0 fw-bolder text-dark hr-dashemplname">
                                                                    {{ isset($compensationRequest->employee->name) ? $compensationRequest->employee->name : '' }}
                                                                    ({{ isset($compensationRequest->employee->employee_code) ? $compensationRequest->employee->employee_code : '' }})
                                                                </h6>
                                                            </div>
                                                        </div>
                                                    </td>

                                                    <td>
                                                        {{ $compensationRequest->request_date ? App\Helpers\GeneralHelper::dateFormat($compensationRequest->request_date) . ' (' . date('D', strtotime($compensationRequest->request_date)) . ')' : '-' }}
                                                    </td>
                                                    <td>
                                                        {{ $compensationRequest->start_time ? App\Helpers\GeneralHelper::timeFormat($compensationRequest->start_time) : '-' }}
                                                    </td>
                                                    <td>
                                                        {{ $compensationRequest->end_time ? App\Helpers\GeneralHelper::timeFormat($compensationRequest->end_time) : '-' }}
                                                    </td>
                                                    <td>
                                                        {{ $compensationRequest->working_hours }}
                                                    </td>
                                                    <td>
                                                        {{ $compensationRequest->day_count }}
                                                    </td>
                                                    <td>
                                                        @if ($compensationRequest->status == App\Helpers\ConstantHelper::APPROVED)
                                                            <span
                                                                class="badge rounded-pill badge-light-success badgeborder-radius">{{ ucfirst($compensationRequest->status) }}</span>
                                                        @elseif(
                                                            $compensationRequest->status == App\Helpers\ConstantHelper::CANCELED ||
                                                                $compensationRequest->status == App\Helpers\ConstantHelper::REJECTED)
                                                            <span
                                                                class="badge rounded-pill badge-light-danger badgeborder-radius">{{ ucfirst($compensationRequest->status) }}</span>
                                                        @else
                                                            <span
                                                                class="badge rounded-pill badge-light-warning badgeborder-radius">{{ ucfirst($compensationRequest->status) }}</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        {{ App\Helpers\GeneralHelper::dateTimeFormat($compensationRequest->created_at) }}
                                                    </td>

                                                    <td>
                                                        <div class="mb-1">
                                                            <a class="pe-1 dropdown-toggle hide-arrow text-primary"
                                                                data-bs-toggle="dropdown">
                                                                <i data-feather="more-vertical" class="font-small-4"></i>
                                                            </a>
                                                            <div class="dropdown-menu dropdown-menu-end">
                                                                <a class="dropdown-item"
                                                                    href="{{ $orgUrl . '/compensations/' . $compensationRequest->id }}"><i
                                                                        data-feather="eye" class="font-4"
                                                                        aria-hidden="true"></i><span class="align-middle">
                                                                        View</span></a>
                                                                <a class="dropdown-item approval-btn" href="#"
                                                                    data-id="{{ $compensationRequest->id }}"
                                                                    data-status="approved"><i data-feather="check"
                                                                        class="font-4" aria-hidden="true"></i><span
                                                                        class="align-middle">
                                                                        Approve</span></a>

                                                                <a class="dropdown-item approval-btn" href="#"
                                                                    data-id="{{ $compensationRequest->id }}"
                                                                    data-status="rejected"><i data-feather="x"
                                                                        class="font-4" aria-hidden="true"></i><span
                                                                        class="align-middle">
                                                                        Reject</span></a>
                                                            </div>
                                                        </div>

                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                    @if (count($compensationRequests) == 0)
                                        <div>
                                            <center>No record(s) found!</center>
                                        </div>
                                    @endif
                                </div>

                            </div>



                        </div>


                    </div>
                </div>



            </div>




            <div class="row">

                <div class="col-md-8 col-12 mb-2">
                    <div class="card new-cardbox h-100">
                        <div class="card-header newheader">
                            <div class="header-left">
                                <h4 class="card-title">My Leave Requests</h4>
                            </div>
                        </div>

                        <div class="card-body">
                            <div class="tableleavsumarbox">
                                <div class="table-responsive">
                                    <table class="table leavedetailsumtab">
                                        <thead>
                                            <tr>
                                                <th>Leave Type</th>
                                                <th>From Date</th>
                                                <th>To Date</th>
                                                <th>Status</th>
                                                <th>Applied Date/Time</th>
                                                <th>Approved Date/Time</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($leaves as $leave)
                                                <tr>
                                                    <td class="fw-bolder text-dark">
                                                        {{ isset($leave->leaveType->name) ? $leave->leaveType->name : '-' }}
                                                    </td>
                                                    <td>
                                                        {{ $leave->from_date ? App\Helpers\GeneralHelper::dateFormat($leave->from_date) : '-' }}
                                                        {{ $leave->from_time ? '(' . date('H:i', strtotime($leave->from_time)) . ')' : '' }}

                                                    </td>
                                                    <td>
                                                        {{ $leave->to_date ? App\Helpers\GeneralHelper::dateFormat($leave->to_date) : '-' }}
                                                        {{ $leave->to_time ? '(' . date('H:i', strtotime($leave->to_time)) . ')' : '' }}

                                                    </td>
                                                    <td>
                                                        @if ($leave->status == App\Helpers\ConstantHelper::APPROVED)
                                                            <span
                                                                class="badge rounded-pill badge-light-success badgeborder-radius">{{ ucfirst($leave->status) }}</span>
                                                        @elseif($leave->status == App\Helpers\ConstantHelper::CANCELED || $leave->status == App\Helpers\ConstantHelper::REJECTED)
                                                            <span
                                                                class="badge rounded-pill badge-light-danger badgeborder-radius">{{ ucfirst($leave->status) }}</span>
                                                        @else
                                                            <span
                                                                class="badge rounded-pill badge-light-warning badgeborder-radius">{{ ucfirst($leave->status) }}</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        {{ $leave->created_at ? App\Helpers\GeneralHelper::dateTimeFormat($leave->created_at) : '-' }}
                                                    </td>
                                                    <td>
                                                        {{ $leave->action_at ? App\Helpers\GeneralHelper::dateTimeFormat($leave->action_at) : '-' }}
                                                    </td>
                                                    <td>
                                                        @if ($leave->status == App\Helpers\ConstantHelper::PENDING && $leave->employee_id == auth()->guard('web2')->user()->id)
                                                            <a href="javascript:;"
                                                                data-url="{{ $orgUrl }}/revoked/{{ App\Helpers\ConstantHelper::REVOKED }}/{{ $leave->id }}"
                                                                data-request="remove" data-method="POST"
                                                                data-message="Are you sure you want to revoke leave ?"><svg
                                                                    xmlns="http://www.w3.org/2000/svg" width="14"
                                                                    height="14" viewBox="0 0 24 24" fill="none"
                                                                    stroke="currentColor" stroke-width="2"
                                                                    stroke-linecap="round" stroke-linejoin="round"
                                                                    class="feather feather-x-circle">
                                                                    <circle cx="12" cy="12" r="10">
                                                                    </circle>
                                                                    <line x1="15" y1="9" x2="9"
                                                                        y2="15"></line>
                                                                    <line x1="9" y1="9" x2="15"
                                                                        y2="15"></line>
                                                                </svg> Revoke</a>
                                                        @else
                                                            <a class="dropdown-item"
                                                                href="{{ $orgUrl . '/leave-approval/' . $leave->id }}"><i
                                                                    data-feather="eye" class="font-4"
                                                                    aria-hidden="true"></i><span class="align-middle">
                                                                    View</span></a>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach

                                        </tbody>
                                    </table>
                                </div>

                            </div>



                        </div>


                    </div>
                </div>

                <div class="col-md-4 mb-2">
                    <div class="card-body attendance-calander new-cardbox position-relative">
                        <div id="calendar"></div>

                        <div class="row leave-indicator myatteandance-leave"
                            class="fc fc-media-screen fc-direction-ltr fc-theme-standard">
                            <div class="col-4">
                                <div class="presentleave"><span></span> Present</div>
                            </div>
                            <div class="col-4">
                                <div class="absentleave"><span></span> Absent</div>
                            </div>
                            <div class="col-4">
                                <div class="leaveleave"><span></span> On Leave</div>
                            </div>

                        </div>
                        <div class="row leave-indicator myatteandance-leave"
                            class="fc fc-media-screen fc-direction-ltr fc-theme-standard">
                            <div class="col-4">
                                <div class="holidayleave"><span></span> Holiday</div>
                            </div>
                            <div class="col-4">
                                <div class="halfdayleave"><span></span> Half Day</div>
                            </div>
                            <div class="col-4">
                                <div class="weekoff"><span></span> Week Off</div>
                            </div>



                        </div>

                    </div>
                </div>

            </div>

            <div class="row match-height">

                <div class="col-md-4 col-12">
                    <div class="card birthday-section">
                        <div class="card-header newheader flex-column align-items-center">
                            <div class="header-left text-center">
                                <img src="/app-assets/images/illustration/bthday-icon.png" class="bimage">
                                <h4 class="card-title">{{ trans('admin/dashboard.birthday') }}</h4>
                                <p>{{ date('F') }} - {{ date('Y') }}</p>
                            </div>
                        </div>

                        <div class="card-body bg-light p-2">
                            @if (count($birthdays) > 0)
                                <div class="card-employee-task card-employee-tasknew" id="scrollpart">
                                    @foreach ($birthdays as $birthday)
                                        <div class="employee-task d-flex justify-content-between align-items-center">
                                            <div class="d-flex flex-row">
                                                <div class="avatar me-75">
                                                    <img src="@if ($birthday->image) {{ $birthday->image }} @else /assets/img/default-profile-3.png @endif"
                                                        width="42" height="42" alt="Avatar">
                                                </div>
                                                <div class="my-auto">
                                                    <h6 class="mb-0">{{ $birthday->name }}</h6>
                                                    <small>{{ date('d-F', strtotime($birthday->dob)) }}-{{ date('Y') }}</small>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            @else
                                <div class="employee-task d-flex justify-content-between align-items-center pb-2">
                                    <h4 class="text-secondary">{{ trans('admin/dashboard.no_birthdays_found') }}</h4>
                                </div>
                            @endif

                        </div>


                    </div>
                </div>

                <div class="col-md-4 col-12">
                    <div class="card birthday-section annivesection">
                        <div class="card-header newheader flex-column align-items-center">
                            <div class="header-left text-center">
                                <img src="/app-assets/images/illustration/ann-icon-new.png" class="bimage">
                                <h4 class="card-title">{{ trans('admin/dashboard.work_anniversary') }}</h4>
                                <p>{{ date('F') }} - {{ date('Y') }}</p>
                            </div>
                        </div>

                        <div class="card-body bg-light p-2">
                            <div class="card-employee-task card-employee-tasknew" id="scrollpart">

                                @if (count($workAnniversaries) > 0)
                                    @foreach ($workAnniversaries as $workAnniversary)
                                        <div class="employee-task d-flex justify-content-between align-items-center">
                                            <div class="d-flex flex-row">
                                                <div class="avatar me-75">
                                                    <img src="@if ($workAnniversary->image) {{ $workAnniversary->image }} @else /assets/img/default-profile-3.png @endif"
                                                        width="42" height="42" alt="Avatar">
                                                </div>
                                                <div class="my-auto">
                                                    <h6 class="mb-0">{{ $workAnniversary->name }}</h6>
                                                    <small>{{ date('d-F', strtotime($workAnniversary->date_of_joining)) }}-{{ date('Y') }}</small>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                @else
                                    <div class="employee-task d-flex justify-content-between align-items-center pb-2">
                                        <h4 class="text-secondary">{{ trans('admin/dashboard.no_work_anniversary') }}
                                        </h4>
                                    </div>
                                @endif
                            </div>
                        </div>


                    </div>
                </div>

                <div class="col-md-4 col-12">
                    <div class="card birthday-section new-joinee-section">
                        <div class="card-header newheader flex-column align-items-center">
                            <div class="header-left text-center">
                                <img src="/app-assets/images/svg/megaphone.png" class="bimage" width="20%">
                                <h4 class="card-title">{{ trans('admin/dashboard.announcement') }}</h4>
                                <p>{{ date('d') }}-{{ date('F') }} - {{ date('Y') }}</p>
                            </div>
                        </div>

                        <div class="card-body bg-light p-2">
                            <div class="card-employee-task card-employee-tasknew" id="scrollpart">
                                @if ($announcements)
                                    <div class="employee-task d-flex justify-content-between align-items-center">
                                        <div class="d-flex flex-row">
                                            <div class="my-auto">
                                                <h6 class="mb-0">{{ $announcements->title }}</h6>
                                                {{ $announcements->description }}

                                            </div>
                                        </div>
                                    </div>
                                @else
                                    <h4>{{ trans('admin/dashboard.no_announcments') }}</h4>
                                @endif


                            </div>
                        </div>


                    </div>
                </div>
            </div>




            <!-- Leave Modal View -->
            <div class="modal fade text-start approval-screenhod" id="viewaccess" tabindex="-1"
                aria-labelledby="myModalLabel17" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered modal-lg">
                    <div class="modal-content">
                        {{-- <h2><p id="loader-status" class="text-center">Loading....</p></h2> --}}
                        <div id="page-modal-render">
                            {{-- render dynamic pages modal here --}}
                        </div>
                    </div>
                </div>
            </div>

            <!-- Medal Card -->
            {{-- <div class="col-lg-4 col-md-6 col-12">
                <div class="card">
                    <div class="card-header flex-column align-items-start">
                        <h4 class="card-title mb-75">{{ trans('admin/dashboard.attendance_information') }}</h4>
                        <!-- <span class="card-subtitle text-muted">Info Details </span> -->
                        <div class="header-right d-flex align-items-center mt-sm-0 mt-1">
                            <i data-feather="calendar"></i>
                            <input type="text" value="{{ $dateRange }}" id="attendanceInfo"
                                class="form-control flatpickr-range border-0 shadow-none bg-transparent pr-0"
                                placeholder="YYYY-MM-DD to YYYY-MM-DD" onchange="attendanceInfo.call(this)" />
                        </div>
                    </div>
                    <div class="card-body">
                        <div id="donut-chart"></div>
                    </div>
                </div>
            </div> --}}
            <!-- table -->
            <!-- Browser States Card -->
            {{-- <div class="col-lg-8 col-md-6 col-12">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-baseline flex-sm-row flex-column">
                        <h4 class="card-title">{{ trans('admin/dashboard.attendance_information') }}</h4>
                        <div class="header-right d-flex align-items-center mt-sm-0 mt-1">
                            <i data-feather="calendar"></i>
                            <input type="text" value="{{ $dateRangeWeekly }}" id="attendanceInfoStatus"
                                class="form-control flatpickr-range border-0 shadow-none bg-transparent pr-0"
                                placeholder="YYYY-MM-DD to YYYY-MM-DD" onchange="attendanceInfoStatus.call(this)" />
                        </div>
                    </div>
                    <div class="card-body">
                        <canvas class="line-area-chart-ex chartjs" data-height="300"></canvas>
                    </div>
                </div>
            </div> --}}
            <!-- <div class="col-lg-8">
                                                                                                                        <div class="card">
                                                                                                                            <div class="
            card-header
            d-flex
            flex-md-row flex-column
            justify-content-md-between justify-content-start
            align-items-md-center align-items-start
          ">
                                                                                                                            <h4 class="card-title">{{ trans('admin/dashboard.incomplete_day_status') }}</h4>
                                                                                                                            <div class="header-right d-flex align-items-center mt-sm-0 mt-1">
                                                                                                                                <i data-feather="calendar"></i>
                                                                                                                                <input type="text" value="{{ $dateRange }}"
                                                                                                                                    class="form-control flatpickr-range border-0 shadow-none bg-transparent pr-0" id="inCompleteDayStatus"
                                                                                                                                    placeholder="YYYY-MM-DD to YYYY-MM-DD" onchange="inCompleteDayStatus.call(this)" />
                                                                                                                            </div>
                                                                                                                        </div>
                                                                                                                        <div class="match-height card-body">
                                                                                                                                <div class="row" id="inCompleteDayStatusDiv">
                                                                                                                                    <div class="employee-task d-flex justify-content-between align-items-center pb-2 col-lg-12">
                                                                                                                                        {{-- <h4 class="text-secondary">{{trans("admin/dashboard.no_incomplete_day_status")}}</h4> --}}
                                                                                                                                    </div>
                                                                                                                                </div>
                                                                                                                            </div>
                                                                                                                    </div>
                                                                                                                </div> -->
            <!-- table -->
            {{-- </div> --}}
            {{-- <div class="row match-height">
            <div class="col-lg-4 col-12">
                <div class="card card-profile">
                    <img src="/app-assets/images/banner/banner-pro.jpg" class="img-fluid card-img-top"
                        alt="Profile Cover Photo" />
                    <div class="card-body">
                        <div class="profile-image-wrapper">
                            <div class="profile-image">
                                <div class="avatar">
                                    @if (isset(Auth::user()->hod->image))
                                        <img src="{!! Auth::user()->hod->image !!}" alt="" />
                                    @else
                                        <img src="/assets/img/default-profile-3.png" alt="">
                                    @endif
                                </div>
                            </div>
                        </div>
                        <h3>{{ isset(Auth::user()->hod->name) ? Auth::user()->hod->name : '' }}</h3>
                        <h6 class="text-muted">{{ isset(Auth::user()->hod->email) ? Auth::user()->hod->email : '' }}</h6>
                        <span
                            class="badge badge-light-primary profile-badge">{{ trans('admin/dashboard.your_manager') }}</span>
                        <hr class="mb-2" />
                        <h6>{{ trans('admin/dashboard.contact') }} :
                            {{ isset(Auth::user()->hod->mobile) ? Auth::user()->hod->mobile : '' }}</h6>

                    </div>
                </div>
            </div>
            <!-- Revenue Report Card -->
            <div class="col-lg-8 col-12">
                <div class="card card-revenue-budget line-chart">
                    <div class="card">
                        <div
                            class="card-header d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row flex-column">
                            <div class="header-left">
                                <h4 class="card-title">{{ trans('admin/dashboard.duty_information') }}</h4>
                            </div>
                            <div class="header-right d-flex align-items-center mt-sm-0 mt-1">
                                <i data-feather="calendar"></i>
                                <input type="text" value="{{ $fromDate }}" id="dutyInfo"
                                    class="form-control flatpickr-basic border-0 shadow-none bg-transparent pr-0 pe-0"
                                    style="width:96px;" placeholder="YYYY-MM-DD" onchange="dutyInfo.call(this)" />
                            </div>
                        </div>
                        <div class="card-body" id="barchart-canvas" style="height:280px;">
                            <canvas class="bar-chart-ex chartjs" id="barchartex" data-height="250"></canvas>
                        </div>
                    </div>
                </div>
            </div>
            <!--/ Revenue Report Card -->
        </div> --}}

            {{-- <div class="row match-height">
            <!-- Goal Overview Card -->
            <div class="col-lg-4 col-md-6 col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">{{ trans('admin/dashboard.total_average_working_hour') }}</h4>
                        <div class="header-right d-flex align-items-center mt-sm-0 mt-1">
                            <i data-feather="calendar"></i>
                            <input type="text" value="{{ $dateRange }}"
                                class="form-control flatpickr-range border-0 shadow-none bg-transparent pr-0 totalWorkingHour"
                                placeholder="YYYY-MM-DD to YYYY-MM-DD" onchange="totalWorkingHour.call(this)" />
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="flex-column align-items-start pb-0">
                            <div class="avatar bg-light-success p-50 m-0">
                                <div class="avatar-content">
                                    <i data-feather="credit-card" class="font-medium-5"></i>
                                </div>
                            </div>
                            <h2 class="fw-bolder mt-1" id="average_working_hr"></h2>
                            <p class="card-text">{{ trans('admin/dashboard.average_working_hour') }}</p>
                        </div>
                    </div>
                    <div id="line-area-chart-2"></div>
                </div>
            </div>
            <!--/ Goal Overview Card -->

            <!-- Goal Overview Card -->
            
            <!-- <div class="col-lg-4 col-md-6 col-12">
                <div class="card">
                    <div class="card-header d-flex justify-content-between pb-0">
                        <h4 class="card-title">{{ trans('admin/dashboard.present_percentage') }}</h4>
                        <div class="header-right d-flex align-items-center mt-sm-0 mt-1">
                            <i data-feather="calendar"></i>
                            <input type="text" value="{{ $dateRange }}"
                                class="form-control flatpickr-range border-0 shadow-none bg-transparent pr-0" id="presentPercentage"
                                placeholder="YYYY-MM-DD to YYYY-MM-DD" onchange="presentPercentage.call(this)" />
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">

                            <div class="col-sm-12 col-12 d-flex justify-content-center">
                                <div id="support-trackers-chart"></div>
                            </div>
                        </div>
                        <div class="d-flex justify-content-between mt-1">
                            <div class="text-center">
                                <p class="card-text mb-50">{{ trans('admin/dashboard.present') }}</p>
                                <span class="font-large-1 font-weight-bold" id="presentValue">0</span>
                            </div>

                            <div class="text-center">
                                <p class="card-text mb-50">{{ trans('admin/dashboard.absent') }}</p>
                                <span class="font-large-1 font-weight-bold" id="absentValue">0</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
            <!--/ Goal Overview Card -->


            <!--/ Browser States Card -->


            <!-- Company Table Card -->

            <div class="col-lg-8 col-12">
                <div class="card">
                    <div
                        class="card-header d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row flex-column">
                        <div class="header-left">
                            <p class="card-subtitle text-muted mb-25">{{ trans('admin/dashboard.pending_request') }}</p>
                            <!-- <h4 class="card-title">$74,123</h4> -->
                        </div>
                    </div>
                    <div class="card-body" id="horizontal-barchart-canvas">
                        <canvas class="horizontal-bar-chart-ex chartjs" data-height="400"></canvas>
                    </div>
                </div>
            </div>
            <!--/ Company Table Card -->
            <!-- New Joinee Of the Month-->

           
        </div> --}}

    </section>

    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="exampleModalLabel">Policies</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th scope="col">Title</th>
                                <th scope="col">Attachment</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($policies as $policy)
                                <tr>
                                    <th scope="row">
                                        <h6>{{ $policy->title }}</h6>
                                    </th>
                                    <td>
                                        @if (@$policy->attachment)
                                            <a href="{{ $policy->attachment }}" target="_blank"><i
                                                    data-feather="file"></i></a>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="approval-popup" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-md modal-dialog-centered ">
            <div class="modal-content">
                <div class="modal-header bg-transparent">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pb-5 pt-50">
                    <div class="mb-2">
                        <h3 class="mb-2" id="modelHeading">Comp-Off Approval</h3>
                    </div>
                    <form id="approval-form" role="post-data" method="POST"
                        action="{{ $orgUrl . '/compensation/approval' }}">
                        <input type="hidden" name="status" id="status" value="">
                        <input type="hidden" name="ids" id="ids" value="">
                        <div class="row">
                            <div class="col-12">
                                <label>Remarks</label>
                                <textarea class="form-control" name="remarks" id="remarks" rows="5"></textarea>
                            </div>
                        </div>
                        <div class="col-12 d-flex justify-content-end mt-2 pt-50">
                            <button type="button" data-request="ajax-submit" data-target="[role=post-data]"
                                class="btn btn-primary"
                                id="submit-btn">{{ trans('common/common.submit_request') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <style>
        input.flatpickr-range {
            width: 210px !important;
        }
    </style>
@endsection

@push('footer-script')
    <!-- BEGIN: Page Vendor JS-->
    {{-- <script src="/app-assets/vendors/js/charts/apexcharts.min.js"></script> --}}
    <script src="/app-assets/vendors/js/extensions/toastr.min.js"></script>
    <!-- END: Page Vendor JS-->



    <!-- END: chart js-->
    {{-- <script src="/app-assets/js/scripts/charts/chart-apex.js"></script> --}}
    <script src="/app-assets/vendors/js/charts/chart.min.js"></script>
    <script src="/app-assets/js/scripts/charts/chart-chartjs.js"></script>
    {{-- <script src="/app-assets/js/scripts/pages/dashboard-analytics.js"></script> --}}

    <!-- BEGIN: Page JS-->
    {{-- <script src="/app-assets/js/scripts/pages/dashboard-ecommerce.js"></script> --}}
    {{-- <script src="/app-assets/js/scripts/cards/card-statistics.js"></script> --}}

    <script src="{{ asset('js/common-script.js') }}"></script>
    <script src="{{ asset('js/sweetalert.js') }}"></script>
    <script src="{{ asset('app-assets/vendors/js/calendar/fullcalendar.min.js') }}"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var calendarEl = document.getElementById('calendar');
            var calendar = new FullCalendar.Calendar(calendarEl, {
                headerToolbar: {
                    left: 'title',
                    center: '',
                    right: 'prev,next'
                },

                editable: true,
                dayMaxEvents: true, // allow "more" link when too many events
                eventContent: function(info) {
                    return {
                        html: info.event.title
                    };
                },
                events: function(info, successCallback, failureCallback) {
                    $.ajax({
                        url: "/member/{{ $alias }}/employee-attendance",
                        type: 'GET',
                        cache: true,
                        data: {
                            start_date: info.startStr,
                            end_date: info.endStr,
                        },
                        success: function(response) {
                            var attendance = response.data;
                            var events = [];
                            $(attendance).each(function() {
                                // status P,H,A,L,WO, HD-halfDay
                                attendanceType = $(this).attr('attendance_type');
                                is_half_day = $(this).attr('is_half_day');
                                if (attendanceType == 'present') {
                                    if(is_half_day !== 0){
                                        status = 'HD'
                                    }else{
                                        status = 'P';
                                    }
                                }
                                if (attendanceType == 'leave') {
                                    status = 'L';
                                }
                                if (attendanceType == 'absent') {
                                    status = 'A';
                                }
                                if (attendanceType == 'holiday') {
                                    status = 'H';
                                }
                                if (attendanceType == 'week-off') {
                                    status = 'WO';
                                }
                                events.push({
                                    title: '<div class="dotcirclatt dotcirclatt-' +
                                        status + '"></div>',
                                    start: $(this).attr('attendance_date'),
                                });
                            });
                            successCallback(events);
                        }
                    });

                }
            });

            calendar.render();
        });
    </script>
    <style>
        .presentleave span {
            background: #45d30a
        }

        .holidayleave span {
            background: #b6aaaa
        }
        .halfdayleave span {
            background: #d58a09
        }

        .absentleave span {
            background: #EA5455
        }

        .leaveleave span {
            background: #2c2f9f
        }

        .weekoff span {
            background: #e2e614
        }

        .dotcirclatt-L {
            background: #2c2f9f;
            border-radius: 10px;
            z-index: -1;
            margin: 0 auto;
        }

        .dotcirclatt-P {
            background: #45d30a;
            border-radius: 10px;
            z-index: -1;
            margin: 0 auto;
        }

        .dotcirclatt-A {
            background: #EA5455;
            border-radius: 10px;
            z-index: -1;
            margin: 0 auto;
        }

        .dotcirclatt-H {
            background: #b6aaaa;
            border-radius: 10px;
            z-index: -1;
            margin: 0 auto;
        }

        .dotcirclatt-WO {
            background: #e2e614;
            border-radius: 10px;
            z-index: -1;
            margin: 0 auto;
        }
        .dotcirclatt-HD {
            background: #d58a09;
            border-radius: 10px;
            z-index: -1;
            margin: 0 auto;
        }
    </style>

    <!-- END: Page JS-->

    <script>
        var filters = {
            'employee_type': [],
            'location_id': [],
            'sublocation_id': [],
            'department_id': [],
            'sub_department_id': [],
            'designation_id': [],
            'shift_id': [],
            'area_id': [],
        }
        $(document).ready(function() {
            totalWorkingHour();
            presentOnWeekOff();
            inCompleteDayStatus();
            upcomingHolidays();
        });

        // On load Toast
        $(window).on('load', function() {
            var isRtl = $('html').attr('data-textdirection') === 'rtl';
            // setTimeout(function() {
            //     toastr['success'](
            //         'You have successfully logged in to {{ Auth::user()->organization->name }}. Now you can start to explore!',
            //         '👋 Welcome {{ ucwords(Auth::user()->name) }}!', {
            //             closeButton: true,
            //             tapToDismiss: false,
            //             rtl: isRtl
            //         }
            //     );
            // }, 2000);
        });



        function totalWorkingHour() {
            var date = $('.totalWorkingHour').val();
            $.ajax({
                url: "/member/{{ $alias }}/home/total-working-hour-emp",
                type: "GET",
                data: {
                    'date': date,
                    'filters': JSON.stringify(filters),
                },
                success: function(dataResult) {
                    if (dataResult) {
                        $('#average_working_hr').html(dataResult['totalAvgWorkingHour']);
                    }
                }
            });
        }




        function presentOnWeekOff() {
            var date = $('#presentOnWeekOff').val();
            $.ajax({
                url: "/member/{{ $alias }}/home/present-on-week-off",
                type: "GET",
                data: {
                    'date': date,
                    'filters': JSON.stringify(filters),
                },
                success: function(dataResult) {
                    data = '';

                    if (dataResult.length > 0) {
                        $.each(dataResult, function(index, value) {
                            data +=
                                '<div class="employee-task d-flex justify-content-between align-items-center pb-2"><div class="media d-flex align-items-center"><div class="avatar mr-75"><img src="' +
                                value['image'] +
                                '" class="rounded" width="42" height="42" alt="Avatar" /></div>';
                            data += '<div class="media-body my-auto ms-1"><h6 class="mb-0">' + value[
                                    'employee'] + '</h6><small>' + value['date'] +
                                '</small></div></div></div>';
                        });
                    } else {
                        data +=
                            '<div class="employee-task d-flex justify-content-between align-items-center pb-2"><h4 class="text-secondary">No Employees Present on Week Off found.</h4></div>';
                    }

                    $('#presentOnWeekOffDiv').html(data);
                }
            });
        }

        function inCompleteDayStatus() {
            var date = $('#inCompleteDayStatus').val();
            $.ajax({
                url: "/member/{{ $alias }}/home/in-complete-day-status-scatter",
                type: "GET",
                data: {
                    'date': date,
                },
                success: function(dataResult) {
                    data = '';
                    if (dataResult) {
                        $.each(dataResult.attendances, function(index, value) {
                            data +=
                                '<div class="browser-states col-lg-4 mt-0 mb-2"><div class="media d-flex"><div data-toggle="tooltip" data-popup="tooltip-custom" data-placement="bottom" data-original-title="' +
                                dataResult.name + '" class="avatar pull-up me-2 ms-1"><img src="';
                            imgUrl = '/assets/img/default-profile-3.png';
                            if (dataResult.image) {
                                imgUrl = dataResult.image;
                            }
                            data += imgUrl;
                            data +=
                                '" alt="Avatar" width="33" height="33" /></div><h6 class="align-self-center mb-0">';
                            data += value['attendance_date'];
                            data +=
                                '</h6></div><div class="d-flex align-items-center"><div class="font-weight-bold text-body-heading mr-1">';

                            data += value['working_time'].substr(0, 5);

                            data += ' Hr </div></div></div>';
                        });
                    } else {
                        data +=
                            '<div class="employee-task d-flex justify-content-between align-items-center pb-2"><h4 class="text-secondary">No Incomplete Day Status found.</h4></div>';
                    }
                    $('#inCompleteDayStatusDiv').html(data);
                }
            });
        }




        function upcomingHolidays() {
            var date = "{{ $fromDate }}";
            var empId = $('#holiday_team_id').val();;

            $.ajax({
                url: "/member/{{ $alias }}/home/upcoming-holidays",
                type: "GET",
                data: {
                    'date': date,
                    'emp_id': empId,
                },
                success: function(dataResult) {
                    data = '';
                    if (dataResult.length > 0) {
                        $.each(dataResult, function(index, value) {
                            data += '<div class="holidaybg holidaybg' + index +
                                '"><div class="row align-items-center"><div class="col-8"><span>';
                            data += value['name'];
                            data += '</span></div><div class="col-4 text-end"><h5>';
                            data += value['date'];
                            data += '</h5><p>';
                            data += value['day'];
                            data += '</p></div></div></div>';
                        });
                    } else {
                        data +=
                            '<div class="employee-task d-flex justify-content-between align-items-center pb-2"><h4 class="text-secondary">No Upcoming Holidays found.</h4></div>';
                    }
                    $('#upcomingHolidaysDiv').html(data);
                }
            });
        }

        function leaveAction(status) {
            var leaveIds = $('.idCheck:checked');
            if (leaveIds.length <= 0) {
                Swal.fire("Error!", "Please Select Leave", "warning");
            } else {
                var statusStr = (status == 'approved') ? 'Approve' : 'Reject';
                Swal.fire({
                    title: "Alert! ",
                    text: "Are you sure you want to " + statusStr + " this leave request?",
                    showCancelButton: true,
                    confirmButtonColor: "#3085d6",
                    cancelButtonColor: "#d33",
                    confirmButtonText: "Yes, please!",
                }).then((result) => {
                    if (result.value) {
                        Swal.fire({
                            title: 'Enter Remark',
                            input: 'textarea',
                            inputLabel: 'Please provide a remark for this action:',
                            inputPlaceholder: 'Type your remark here...',
                            showCancelButton: true,
                            confirmButtonText: 'Submit',
                            cancelButtonText: 'Cancel',
                        }).then((remarkResult) => {
                            if (remarkResult.value) {
                                var values = $("input[name='leaveIds[]']:checked").map(function() {
                                    return $(this).val();
                                }).get();
                                if (values.length > 0) {
                                    var url = "{{ $orgUrl . '/leave-approvals' }}";
                                    $.ajax({
                                        type: 'POST',
                                        url: url,
                                        data: {
                                            '_method': 'POST',
                                            'ids': values,
                                            'status': status,
                                            'remark': remarkResult.value
                                        },
                                        success: function(response) {
                                            if (response.code === 422) {
                                                let errorMessages = '';
                                                $.each(response.errors, function(key,
                                                    messages) {
                                                    if (Array.isArray(messages)) {
                                                        errorMessages +=
                                                            `<p>${messages.join('<br>')}</p>`;
                                                    } else {
                                                        errorMessages +=
                                                            `<p>${messages}</p>`;
                                                    }
                                                });
                                                Swal.fire("Unable to " + statusStr,
                                                    errorMessages, "error");
                                            } else if (response.message) {
                                                Swal.fire("Success!", response.message,
                                                    "success");
                                                setTimeout(function() {
                                                    location.reload(true);
                                                }, 2200);
                                            }
                                        },
                                        error: function(xhr) {
                                            Swal.fire("Error!",
                                                "An error occurred while processing the request.",
                                                "error");
                                        }
                                    });
                                }
                            }
                        });
                    }
                });
            }
        }

        function viewLeave(leave_id) {
            $('#page-modal-render').html('');
            var token = "{{ csrf_token() }}";
            $.ajax({
                headers: {
                    'X-CSRF-Token': $('meta[name=_token]').attr('content')
                },
                url: "{{ $orgUrl . '/leave-approval-details' }}",
                type: 'GET',
                cache: false,
                data: {
                    '_token': token,
                    'leave_id': leave_id,
                },
                datatype: 'html',
                success: function(data) {
                    $('#loader-status').html('');
                    $('#page-modal-render').html(data.data);
                }
            });
        }

        $('#selectAll').click(function(e) {
            if ($('#selectAll').is(":checked")) {
                $('.idCheck').prop('checked', true);
            } else {
                $('.idCheck').prop('checked', false);
            }
        });


        var employeeId = '{{ $user->id }}';

        $(function() {
            getAttendance();
        });

        $('#attendance-card-date').change(function() {
            getAttendance();
        })

        function getAttendance() {
            var date = $('#attendance-card-date').val();

            $.ajax({
                url: '/member/{{ $alias }}/get-attendance',
                type: 'get',
                data: {
                    employee_id: employeeId,
                    date: date,
                },
                success: function(response) {

                    var html = '';
                    html += '<div class="myatbox">';
                    html += '' + response.data.day + '';
                    html += '</div>';
                    html += '<div class="row pinchtimatt">';
                    html += '    <div class="col-6 px-0">';
                    html += '        <h3>Punch In Time</h3>';
                    html += '        <h4>' + response.data.in_time + '</h4>';
                    html += '    </div>';
                    html += '    <div class="col-6 px-0">';
                    html += '        <h3>Punch Out Time</h3>';
                    html += '        <h4>' + response.data.out_time + '</h4>';
                    html += '    </div>';
                    html += '</div>';
                    $('#attendance-card-body').html(html);
                }
            });
        }

        $('#comp-off-select-all').change(function() {
            if ($(this).is(':checked')) {
                $('.comp-off-select').prop('checked', true);
            } else {
                $('.comp-off-select').prop('checked', false);
            }
        });

        $('.comp-off-select').change(function() {
            if ($('.comp-off-select').length == $('.comp-off-select:checked').length) {
                $('#comp-off-select-all').prop('checked', true);
            } else {
                $('#comp-off-select-all').prop('checked', false);
            }
        });

        $('.approval-btn').on('click', function(e) {
            e.preventDefault();
            let status = $(this).data('status');
            let ids = [$(this).data('id')];

            setApprovalFormFields(status, ids);
        });

        $('.approval-multiple-btn').on('click', function(e) {
            e.preventDefault();
            let status = $(this).data('status');
            let ids = [];

            $('.comp-off-select:checked').each(function(key, item) {
                ids.push($(item).val());
            });

            if (ids.length > 0) {
                setApprovalFormFields(status, ids);
            } else {

            }
        });

        function setApprovalFormFields(status, ids) {
            $('#status').val(status);
            $('#ids').val(ids);
            $('#remarks').val('');

            let actionUrl = "{{ $orgUrl }}";
            if (ids.length == 1) {
                actionUrl += `/compensations/${status}/${ids[0]}`;
            } else {
                actionUrl += `/compensations/${status}/multiple`;
            }

            $('#approval-form').attr('action', actionUrl);

            if (status == 'rejected') {
                $('#submit-btn').html('Reject');
            } else {
                $('#submit-btn').html('Approve');
            }

            $('#approval-popup').modal('show');
        }
    </script>
@endpush