{{-- <div class="column is-8">
    <div class="card-head">
        <div class="text-dark fs-14 fw-600">
            @lang('app.on_duty_approval')
        </div>
        @if ($show_all)
            <div class="fs-12 fw-400 exclude-download">
                <a href="{{ route('dashboard.detail-on-duty-approval') }}" class="text-warning"
                    style="text-decoration: underline">@lang('app.show_all_data')</a>
            </div>
        @endif
    </div>
    <div class="card-metric mt-2" style="height: 65px">
        <div class="text-grey-light fs-12 fw-400">
            @lang('app.information_on_duty')
        </div>
    </div>
    <div class="card-foot mt-5">
        <div>
            <span class="fs-14 fw-500" id="percentage_personnel_not_approved">0</span>
            <span class="text-grey-light fs-12 fw-400" id="text_onduty_approval">{{ strtolower(__('app.since_last_week')) }}</span>
        </div>
    </div>
</div>
<div class="column is-4 has-text-centered">
    <div class="text-warning fs-100 fw-700" style="margin-top: -35px !important" id="total_personnel_not_approved">
        0
    </div>
    <div class="text-grey fs-21 fw-500">
        @lang('app.personnel')
    </div>
</div> --}}


<div class="card-chart">
    <div class="txt-number-chart color-orange">
        <span id="total_personnel_not_approved">
            0
        </span>
    </div>
    <div class="txt-dsh-1">
        @lang('app.on_duty_approval')
        @if ($show_all)
            <a href="{{ route('dashboard.detail-on-duty-approval') }}" class="txt-show-all">
                @lang('app.show_all_data')
            </a>
        @endif
    </div>
    <div class="txt-dsh-2 mgbt">@lang('app.information_on_duty')</div>
    <div class="txt-dsh-3 color-red">
        <span id="percentage_personnel_not_approved">0</span>
        <img src="{{url('assets/img/icons/trending_down.svg')}}"> <span class="txt-dsh-2" id="text_onduty_approval">since last week</span>
    </div>
</div>