@extends('layouts.app')

@section('content')
    @include('layouts.headers.cards')
    


              <!-- Header -->
              <div class="header bg-primary pb-6">
                <div class="container-fluid">
                  <div class="header-body">
                    <div class="row align-items-center py-4">
                      <div class="col-lg-6 col-7">
    
                        <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                          <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i></a></li>
                            <li class="breadcrumb-item active" aria-current="page">Home</li>
                          </ol>
                        </nav>
                      </div>
                    </div>
                  </div>
                </div>
              </div>


    <div class="container-fluid mt--7">
    
            <div class="row d-flex justify-content-center">

                <div class="col-xl-2 col-sm-12">
                    <div class="card bg-light pl-2 pr-2 pb-2 h-70 mt-5">
                    <a href="{{ route('semaksag') }}" onclick="loadingbtn();"><div class="card mb-4 mb-xl-0 mt-2 bg-primary">
                        <div class="card-body text-center">
                                
                                <div class="col-auto">
                                    <div class="icon icon-shape text-white rounded-circle shadow">
                                        <i class="fas fa-clipboard-check text-warning" style="font-size:50px !important;"></i>
                                    </div>
                                </div>
                                <div class="col mt-2">
                                    <span class="h2 font-weight-bold text-white">SEMAK</span>
                                </div>
                        </div>
                    </div></a>
                    </div>
                </div>

                <div class="col-xl-2 col-sm-12">
                    <div class="card bg-light pl-2 pr-2 pb-2 h-70 mt-5">
                    <a href="{{ route('pembayaransag') }}" onclick="loadingbtn();"><div class="card mb-sm-0 mb-4 mb-xl-0 ml-sm-0 mt-2 bg-primary">
                        <div class="card-body text-center">
                                <div class="col-auto">
                                    <div class="icon icon-shape text-white rounded-circle shadow">
                                        <i class="fas fa-money-bill text-green" style="font-size:50px !important;"></i>
                                    </div>
                                </div>
                                <div class="col mt-2">
                                    <span class="h2 font-weight-bold mb-0 text-white">PEMBAYARAN</span>
                                </div>
                        </div>
                    </div></a>
                    </div>
                </div>

                <div class="col-xl-2 col-sm-12">
                    <div class="card bg-light pl-2 pr-2 pb-2 h-70 mt-5">
                    <a href="#" onclick="onclicktebus();"><div class="card mb-sm-0 mb-5 bg-primary mt-2">
                        <div class="card-body text-center">
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-yellow text-white rounded-circle shadow">
                                        <i class="fas fa-hand-holding text-secondary" style="font-size:50px !important;"></i>
                                    </div>
                                </div>
                                <div class="col mt-2">
                                    <span class="h2 font-weight-bold mb-0 text-white">TEBUS</span>
                                </div>
                        </div>
                    </div></a>
                    </div>
                </div>


                <div class="col-xl-2 col-sm-12">
                    <div class="card bg-light pl-2 pr-2 pb-2 h-70 mt-5">
                    <a href="{{ route('analisa.index') }}" onclick="loadingbtn();"><div class="card bg-primary mt-2">
                        <div class="card-body text-center">
                                <div class="col-auto">
                                    <div class="icon icon-shape text-white rounded-circle shadow">
                                        <i class="fas fa-chart-bar text-red" style="font-size:50px !important;"></i>
                                    </div>
                                </div>
                                <div class="col mt-2">
                                    <span class="h2 font-weight-bold mb-0 text-white">ANALISA</span>
                                </div>
                        </div>
                    </div></a>
                    </div>
                </div>
                

            </div>

            {{-- <div class="row mt-5 d-flex justify-content-center">
                
                <div class="col-xl-4 col-sm-12">
                    <a href="#"><div class="card mb-sm-0 mb-5 bg-primary">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-2">
                                    <h5 class="card-title text-uppercase text-muted mb-0">Traffic</h5> 
                                    <span class="h2 font-weight-bold mb-0 text-white">Tebus</span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-danger text-white rounded-circle shadow">
                                        <i class="fas fa-chart-bar"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div></a>
                </div>

                <div class="col-xl-5 col-sm-12">
                    <a href="#"><div class="card mb-sm-0 mb-xl-5 bg-primary">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-2">
                                     <h5 class="card-title text-uppercase text-muted mb-0">Traffic</h5> 
                                    <span class="h2 font-weight-bold mb-0 text-white">Penyata</span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-danger text-white rounded-circle shadow">
                                        <i class="fas fa-chart-bar"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div></a>
                </div>

                <div class="col-xl-5">
                    <a href="{{ route('analisa.index') }}"><div class="card mb-5 ml-5 bg-primary">
                        <div class="card-body">
                            <div class="row">
                                <div class="col mt-2">
                                    <h5 class="card-title text-uppercase text-muted mb-0">Traffic</h5>
                                    <span class="h2 font-weight-bold mb-0 text-white">Analisa</span>
                                </div>
                                <div class="col-auto">
                                    <div class="icon icon-shape bg-danger text-white rounded-circle shadow">
                                        <i class="fas fa-chart-bar"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div></a>
                </div>
            </div> --}}
      

      
    </div>

    <script>

        function onclicktebus()
        {
            $.notify({
            icon: 'fas fa-exclamation-triangle fa-2x',
            newest_on_top: true,
            message: "<strong style='font-size:15px;text-align:center;margin-left:100px;'>Halaman ini masih dalam pembinaan!</strong>"
            },{
                type: 'warning',
                allow_dismiss: false,
                placement:{ align:'center',from:'bottom'},
                animate: {
                    enter: 'animate__animated animate__bounce',

                    exit: 'animate__animated animate__bounceOutDown'
            }
            });
        }
       
      </script>

@endsection

@push('js')
    <script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>
@endpush