{{-- @push('styles')
    <style>
        .widget-review-by-doctor.is-active {
            background-color: #48A8EF !important;
            opacity: 80%;
        }
    </style>
@endpush

<div class="overview-card is-metrics p-3">
    <div class="columns personnel-header">
        <div class="left">
            <div class="fs-14 fw-600 text-dark">@lang('app.review_data_doctor')</div>
        </div>
        @if ($show_all)
            <div class="right exclude-download" style="margin-right: -20px">
                <a href="{{ route('dashboard.review-by-doctor') }}" class="text-warning acion-link"
                    id="show_all_data_doctor" style="text-decoration: underline">@lang('app.show_all_data')</a>
            </div>
        @endif
    </div>
    <div class="columns">
        <div class="column custom-column is-relative widget-review-by-doctor" data-type="all"
            style="cursor: {{ $cursor }}">
            <div class="vertical-line"></div>
            <div class="metric">
                <div class="fs-14 fw-500 text-grey has-text-centered mt-5">
                    @lang('app.all_data')
                </div>
                <div class="fs-42 fw-700 text-dark has-text-centered mt-3">
                    <span id="total_all_data_by_doctor">0</span>
                </div>
            </div>
        </div>
        <div class="column custom-column is-relative widget-review-by-doctor" data-type="worker"
            style="cursor: {{ $cursor }}">
            <div class="vertical-line"></div>
            <div class="metric">
                <div class="fs-14 fw-500 text-grey has-text-centered mt-5">
                    @lang('app.worker')
                </div>
                <div class="fs-42 fw-700 text-dark has-text-centered mt-3">
                    <span id="total_worker_by_doctor">0</span>
                </div>
            </div>
        </div>
        <div class="column custom-column is-relative widget-review-by-doctor" data-type="visitor"
            style="cursor: {{ $cursor }}">
            <div class="metric">
                <div class="fs-14 fw-500 text-grey has-text-centered mt-5">
                    @lang('app.visitor')
                </div>
                <div class="fs-42 fw-700 text-dark has-text-centered mt-3">
                    <span id="total_visitor_by_doctor">0</span>
                </div>
            </div>
        </div>
    </div>
</div> --}}

{{-- <div class="columns is-multiline">
    <div class="column is-6">
        <div class="txt-dsh-4">Need to Review</div>
    </div>
    <div class="column is-6" align="right">
        @if ($show_all)
            <a href="{{ route('dashboard.review-by-doctor') }}" class="txt-show-all">
                @lang('app.show_all_data')
            </a>
        @endif
    </div>
    <div class="column is-4">
        <div class="card-medical">
            <div class="txt-content-mc">@lang('app.all_data')</div>
            <div class="txt-title-mc"><span id="total_all_data_by_doctor">0</span></div>

        </div>
    </div>
    <div class="column is-4">
        <div class="card-medical">
            <div class="txt-content-mc">@lang('app.worker')</div>
            <div class="txt-title-mc"><span id="total_worker_by_doctor">0</span></div>
        </div>
    </div>
    <div class="column is-4">
        <div class="card-medical">
            <div class="txt-content-mc">@lang('app.visitor')</div>
            <div class="txt-title-mc"><span id="total_visitor_by_doctor">0</span></div>
        </div>
    </div>
</div> --}}

<div class="columns is-multiline">
    <div class="column is-4">
      <div class="card-medical-2" onclick="redirectToWorker('Need Review')" oncontextmenu="event.preventDefault(); window.open('{{ route('employee.index') }}?status=Need Review&from_dashboard=1', '_blank');">
          <table width="100%">
              <tr>
                  <td style="vertical-align: middle;" width="90">
                      <img src="{{url('assets/img/icons/icon-dashboard-1.svg')}}" class="img-icons-dashboards">
                  </td>
                  <td style="vertical-align: middle;">
                      <div class="txtTitleDsb">Worker Approval</div>
                      <div class="txtTitleDsb2" id="total_worker_by_doctor"></div>
                  </td>
              </tr>
          </table>
      </div>
    </div>
    <div class="column is-4">
      <div class="card-medical-2" onclick="redirectToVisitor('Need Review')" oncontextmenu="event.preventDefault(); window.open('{{ route('gate-in.visitor') }}?status=Need Review&from_dashboard=1', '_blank');">
          <table width="100%">
              <tr>
                  <td style="vertical-align: middle;" width="90">
                      <img src="{{url('assets/img/icons/icon-dashboard-2.svg')}}" class="img-icons-dashboards">
                  </td>
                  <td style="vertical-align: middle;">
                      <div class="txtTitleDsb">Visitor Approval</div>
                      <div class="txtTitleDsb2" id="total_visitor_by_doctor"></div>
                  </td>
              </tr>
          </table>
      </div>
    </div>
    <div class="column is-4">
      <div class="card-medical-2" onclick="showAllData('all')" oncontextmenu="event.preventDefault(); window.open('{{ route('dashboard.review-by-doctor') }}?data=all', '_blank');">
          <table width="100%">
              <tr>
                  <td style="vertical-align: middle;" width="90">
                      <img src="{{url('assets/img/icons/icon-dashboard-3.svg')}}" class="img-icons-dashboards">
                  </td>
                  <td style="vertical-align: middle;">
                      <div class="txtTitleDsb">All Data Reviewed</div>
                      <div class="txtTitleDsb2" id="total_all_data_by_doctor"></div>
                  </td>
              </tr>
          </table>
      </div>
    </div>
</div>

@push('scripts')
<script>
    function redirectToWorker(status) {
        window.location.href = '{{ route('employee.index') }}?status=' + status + '&from_dashboard=1';
    }
    function redirectToVisitor(status) {
        window.location.href = '{{ route('gate-in.visitor') }}?status=' + status + '&from_dashboard=1';
    }
  function showAllData(id) {
    window.location.href = '{{ route('dashboard.review-by-doctor') }}?data='+id;
  }
</script>
@endpush