@php
    $start = parseFromFormat($item->start_date)->startOfDay();
    $end = parseFromFormat($item->end_date)->startOfDay();
    $days = $end->diffInDays($start) + 1;

    $weekDiff = $end->diffInWeeks($start);
@endphp

@if( ($parsed_date->gte($start) && $parsed_date->lte($end)))

    @php
        if($start->lt($from)) {
            $days -= $from->startOfDay()->diffInDays($start);
        }

        if($end->gt($to)) {
            $days -= $end->diffInDays($to->startOfDay());
        }

        if($type == "vacationhours") {
            $content = trans('forms.lbl_'.$item->status).' '. $item->type_name.' '.strtolower(trans('vacationhours.leave_label'));
        } elseif($type == "leaves") {
            $content = trans('forms.lbl_'.$item->status).' '. $item->type_name.' '.strtolower(trans('leaves.absence_sick_title'));
        } else {
            $content = trans('forms.lbl_'.$item->status).' '. $item->type_name.' '.strtolower(trans('forms.overtime_compensation_history'));
        }

        if($item->length == "partial") {
            $content .= " (".trans('forms.lbl_is_'.$item->length).")";
            $accepted .= $item->status === "accepted"?  " partial_hours" : "";
        }
    @endphp

    <div class="card {{ $item->status === "accepted" ? $accepted.' accepted_hours' : $requested.' requested_hours'}} w-full h-full flex justify-center items-center"
        {{-- style="width:{{ $days * 40 + ($weekDiff * 60)}}px !important;" --}}
        style="width:{{ $days * 40}}px !important;"
        data-toggle="tooltip"
        data-trigger="hover"
        data-placement="top"
        title="{{$content}}"
        data-id="{{ $employee->id }}"
        data-days="{{ $days }}"
        data-start="{{ $day }}">
            {{$item->hours}}
    </div>

    @php
        $employee->{$type} = $employee->{$type}->forget($key);
    @endphp
@endif