@extends('layoutsV2.public')
@push('style')
    <style>
        .radius-10 {
            border-radius: 10px !important;
        }

        .border-info {
            border-left: 5px solid #0dcaf0 !important;
        }

        .border-danger {
            border-left: 5px solid #fd3550 !important;
        }

        .border-success {
            border-left: 5px solid #15ca20 !important;
        }

        .border-warning {
            border-left: 5px solid #ffc107 !important;
        }


        .card {
            position: relative;
            display: flex;
            flex-direction: column;
            min-width: 0;
            word-wrap: break-word;
            background-color: #fff;
            background-clip: border-box;
            border: 0px solid rgba(0, 0, 0, 0);
            border-radius: .25rem;
            margin-bottom: 1.5rem;
            box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
        }

        .bg-gradient-scooter {
            background: #17ead9;
            background: -webkit-linear-gradient(
                45deg, #17ead9, #6078ea) !important;
            background: linear-gradient(
                45deg, #17ead9, #6078ea) !important;
        }

        .widgets-icons-2 {
            width: 56px;
            height: 56px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #ededed;
            font-size: 27px;
            border-radius: 10px;
        }

        .rounded-circle {
            border-radius: 50% !important;
        }

        .text-white {
            color: #fff !important;
        }

        .ms-auto {
            margin-left: auto !important;
        }

        .bg-gradient-bloody {
            background: #f54ea2;
            background: -webkit-linear-gradient(
                45deg, #f54ea2, #ff7676) !important;
            background: linear-gradient(
                45deg, #f54ea2, #ff7676) !important;
        }

        .bg-gradient-ohhappiness {
            background: #00b09b;
            background: -webkit-linear-gradient(
                45deg, #00b09b, #96c93d) !important;
            background: linear-gradient(
                45deg, #00b09b, #96c93d) !important;
        }

        .bg-gradient-blooker {
            background: #ffdf40;
            background: -webkit-linear-gradient(
                45deg, #ffdf40, #ff8359) !important;
            background: linear-gradient(
                45deg, #ffdf40, #ff8359) !important;
        }
    </style>
@endpush

@section('_content')

@include('pagesV2.public.sections.hero')

@include('pagesV2.public.sections.counts')

@include('pagesV2.public.sections.about')

@include('pagesV2.public.sections.details')

@include('pagesV2.public.sections.sakip')

@include('pagesV2.public.sections.visitor')

@include('pagesV2.public.sections.testimonials')

@endsection

@push('plugin-scripts')
    {!! Html::script('https://cdn.jsdelivr.net/npm/sweetalert2@11') !!}
    <script>
        Swal.fire({
            icon: 'info',
            title: 'Anda berada di SAKIP V2 ({{ $periodeAktif->tahun_awal.'-'.$periodeAktif->tahun_akhir }})',
            footer: `<a href="${window.location.origin}">Klik disini untuk ke SAKIP V1 (2019 - 2020)</a>`,
            showConfirmButton: false,
            showCloseButton: true,
        });
    </script>
@endpush