<div class="col-md-{{ round(($dashboard_detail->size / 100) * 12)  }}">
    <div
        class="tw-mb-4 tw-transition-all lg:tw-col-span-2 tw-duration-200 tw-bg-white tw-shadow-sm tw-rounded-xl tw-ring-1 hover:tw-shadow-md  tw-ring-gray-200">
        <div class="tw-p-2 sm:tw-p-3">
            <div class="box-header text-center">
                <h3 class="tw-font-bold tw-text-base lg:tw-text-xl pull-left">{{ $dashboard_detail->heading  }}</h3>
            </div>
            <div class="tw-flow-root tw-border-gray-200">
                <div class="tw-overflow-x-auto">
                    <div class="tw-inline-block tw-min-w-full tw-py-2 tw-align-middle sm:tw-px-5">
                        <table class="table no-margin">
                            <tr>
                                <th class="bg-light-gray" colspan="2">@lang('home.today')</th>
                            </tr>
                            @forelse($todays_leaves as $leave)
                                <tr>
                                    <td>
                                        {{ @format_date($leave->start_date) }}
                                        - {{ @format_date($leave->end_date) }}
                                    </td>
                                    <td>
                                        {{ $leave->leave_type->leave_type }}
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="2" class="text-center">
                                        @lang('lang_v1.no_data')
                                    </td>
                                </tr>
                            @endforelse
                            <tr>
                                <td colspan="2">&nbsp;</td>
                            </tr>
                            <tr>
                                <th class="bg-light-gray" colspan="2">@lang('lang_v1.upcoming')</th>
                            </tr>
                            @forelse($upcoming_leaves as $leave)
                                <tr>
                                    <td>
                                        {{ @format_date($leave->start_date) }}
                                        - {{ @format_date($leave->end_date) }}
                                    </td>
                                    <td>
                                        {{ $leave->leave_type->leave_type }}
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="2" class="text-center">
                                        @lang('lang_v1.no_data')
                                    </td>
                                </tr>
                            @endforelse
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>