{{--  <div class="overview-card is-metrics p-3">
     <div class="columns personnel-header">
         <div class="left">
             <div
                 class="fs-14 fw-600 text-dark @isset($margin) {{ $margin }} @endif">@lang('app.personnel_on_duty')</div>
         </div>
         @if ($show_all)
             <div class="right exclude-download" style="margin-right: -20px">
                 <a href="{{ route('dashboard.detail-personnel-on-duty') }}" class="text-warning acion-link"
                     id="show_all_personnel_on_duty" style="text-decoration: underline">@lang('app.show_all_data')</a>
             </div>
         @endif
     </div>
     <div class="columns">
         @foreach ($gates as $gate)
             <div class="column custom-column is-relative">
                 @if (!$loop->last)
                     <div class="vertical-line"></div>
                 @endif

                 <div class="metric">
                 <div class="fs-14 fw-500 text-grey has-text-centered mt-5">
                     {{ $gate->name }}
                 </div>
                 <div class="fs-42 fw-700 text-dark has-text-centered mt-3">
                     <span id="total_{{ $gate->id }}">0</span>
                 </div>
             </div>
         </div>
         @endforeach
     </div>
 </div>
 --}}

@if ($show_all)
     <div style="position: relative;">
        <a href="{{ route('dashboard.detail-personnel-on-duty') }}" class="txt-show-all" style="position: absolute;z-index: 1;cursor: pointer;margin-top: 3px;right: 0;margin-right: 40px;">
            @lang('app.show_all_data')
        </a>
    </div>
 @endif
 <div id="chart"></div>