@extends('layouts.appmin')

@section('tajuk')
Dashboard
@endsection


@section('breadcrumb')
    <ul class="breadcrumbs mb-3">
      <li class="nav-home">
        <a href="#">
          <i class="icon-home"></i>
        </a>
      </li>
      <li class="separator">
        <i class="icon-arrow-right"></i>
      </li>
      <li class="nav-item">
        <a href="#">Penjaja</a>
      </li>
    </ul>
@endsection

@section('content')
    
    <h3 class="fw-bold mb-3">Timeline</h3>
  <?php /*  <div class="row">
        <div class="col-md-4">
            <a href="{{route('penjaja-admin-mohon')}}" class="btn btn-primary">Daftar Lesen Penjaja</a>
        </div>
    </div>    */ ?>

    <div class="row">
      <div class="col-md-12">
        <ul class="timeline">
          <li>
            <div class="timeline-badge info">
              <i class="far fa-paper-plane"></i>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4 class="timeline-title">Permohonan Baru</h4>
              </div>
              <div class="timeline-body">
                <div class="row">
                  <div class="col-sm-12 col-md-8">
                    <div class="numbers">
                      <h2>{{$baru}}</h2>
                    </div>
                  </div>
                  <div class="col-sm-12 col-md-4 col-stats">              
                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                      <a href="{{route('pt.baru')}}" class="btn btn-primary btn-round">Papar</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li class="timeline-inverted">
            <div class="timeline-badge danger">
              <i class="fas fa-hand-holding-usd"></i>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4 class="timeline-title">Menunggu Bayaran Proses</h4>
              </div>
              <div class="timeline-body">
                <div class="row">
                  <div class="col-sm-12 col-md-8">
                    <div class="numbers">
                      <h2>{{$belum_bayar_proses}}</h2>
                    </div>
                  </div>
                  <div class="col-sm-12 col-md-4 col-stats">              
                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                      <a href="{{route('pt.proses')}}" class="btn btn-primary btn-round">Papar</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="timeline-badge info">
              <i class="fas fa-folder-open"></i>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4 class="timeline-title">Wang Proses Diterima/Buka Fail</h4>
              </div>
              <div class="timeline-body">
                <div class="row">
                  <div class="col-sm-12 col-md-8">
                    <div class="numbers">
                      <h2>{{$bayar_proses}}</h2>
                    </div>
                  </div>
                  <div class="col-sm-12 col-md-4 col-stats">              
                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                      <a href="{{route('pt.bukafail')}}" class="btn btn-primary btn-round">Papar</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li class="timeline-inverted">
            <div class="timeline-badge warning">
              <i class="fas fa-map-marked-alt"></i>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4 class="timeline-title">Perlu Pemeriksaan Tapak</h4>
              </div>
              <div class="timeline-body">
                <div class="row">
                  <div class="col-sm-12 col-md-8">
                    <div class="numbers">
                      <h2>{{$periksa_tapak}}</h2>
                    </div>
                  </div>
                  <div class="col-sm-12 col-md-4 col-stats">              
                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                      <a href="{{route('ik.pemeriksaan')}}" class="btn btn-primary btn-round">Papar</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="timeline-badge info">
              <i class="fas fa-folder-open"></i>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4 class="timeline-title">Daftar Lesen</h4>
              </div>
              <div class="timeline-body">
                <div class="row">
                  <div class="col-sm-12 col-md-8">
                    <div class="numbers">
                      <h2>{{$tiada_lesen}}</h2>
                    </div>
                  </div>
                  <div class="col-sm-12 col-md-4 col-stats">              
                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                      <a href="{{route('pt.daftarlesen')}}" class="btn btn-primary btn-round">Papar</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li class="timeline-inverted">
            <div class="timeline-badge secondary">
              <i class="fas fa-user-tie"></i>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4 class="timeline-title">Menunggu Cadangan Pegawai</h4>
              </div>
              <div class="timeline-body">
                <div class="row">
                  <div class="col-sm-12 col-md-8">
                    <div class="numbers">
                      <h2>{{$pegawai_belum_ulas}}</h2>
                    </div>
                  </div>
                  <div class="col-sm-12 col-md-4 col-stats">              
                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                      <a href="{{route('pegawai.cadangan')}}" class="btn btn-primary btn-round">Papar</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="timeline-badge primary">
              <i class="far fa-handshake"></i>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4 class="timeline-title">Menunggu Ulasan Pengarah</h4>
              </div>
              <div class="timeline-body">
                <div class="row">
                  <div class="col-sm-12 col-md-8">
                    <div class="numbers">
                      <h2>{{$pengarah_belum_ulas}}</h2>
                    </div>
                  </div>
                  <div class="col-sm-12 col-md-4 col-stats">              
                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                      <a href="{{route('pegawai.ulasan-cadangan')}}" class="btn btn-primary btn-round">Papar</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li class="timeline-inverted">
            <div class="timeline-badge info">
              <i class="fas fa-chalkboard-teacher"></i>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4 class="timeline-title">Perlu Dibawa Ke Mesyuarat</h4>
              </div>
              <div class="timeline-body">
                <div class="row">
                  <div class="col-sm-12 col-md-8">
                    <div class="numbers">
                      <h2>{{$bawa_mesyuarat}}</h2>
                    </div>
                  </div>
                  <div class="col-sm-12 col-md-4 col-stats">              
                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                      <a href="{{route('pt.mesyuarat')}}" class="btn btn-primary btn-round">Papar</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="timeline-badge info">
              <i class="fas fa-hourglass-half"></i>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4 class="timeline-title">Menunggu Keputusan Mesyuarat</h4>
              </div>
              <div class="timeline-body">
                <div class="row">
                  <div class="col-sm-12 col-md-8">
                    <div class="numbers">
                      <h2>{{$keputusan_mesyuarat}}</h2>
                    </div>
                  </div>
                  <div class="col-sm-12 col-md-4 col-stats">              
                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                      <a href="{{route('pt.keputusanmesyuarat')}}" class="btn btn-primary btn-round">Papar</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li class="timeline-inverted">
            <div class="timeline-badge info">
              <i class="far fa-address-card"></i>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4 class="timeline-title">Lesen Belum Bayar</h4>
              </div>
              <div class="timeline-body">
                <div class="row">
                  <div class="col-sm-12 col-md-8">
                    <div class="numbers">
                      <h2>{{$hutang_lesen}}</h2>
                    </div>
                  </div>
                  <div class="col-sm-12 col-md-4 col-stats">              
                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                      <a href="{{route('pt.lesenhutang')}}" class="btn btn-primary btn-round">Papar</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="timeline-badge success">
              <i class="fas fa-user-check"></i>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4 class="timeline-title">Selesai</h4>
              </div>
              <div class="timeline-body">
                <div class="row">
                  <div class="col-sm-12 col-md-8">
                    <div class="numbers">
                      <h2>{{$selesai}}</h2>
                    </div>
                  </div>
                  <div class="col-sm-12 col-md-4 col-stats">              
                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                      <a href="#" class="btn btn-primary btn-round">Papar</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
@endsection