@extends('layouts.app')
@section('title')
PKKP {{date('Y')}}
@endsection
@section('content')
<div class="container" style="margin-top: 120px; margin-bottom: 50px;">
    <div class="row justify-content-center text-center">
        <div class="col-6 col-sm-3">
            <a href="{{ url('/participant/absent') }}">
                <div class="grid d-flex justify-content-center center align-items-center col-md-3">
                    <figure class="effect-chico center shadow">
                        {{-- <img src="//:0" alt="" /> --}}
                        <img src="https://img.freepik.com/free-vector/man-holding-clock-time-management-concept_23-2148823171.jpg?w=740&t=st=1707808375~exp=1707808975~hmac=e5f7d2428a949d404286eeca6410a3f9b35544a4207f8063eb577d33a5f1f773" alt="foto">
                        <figcaption class="grid d-flex justify-content-center center align-items-center">
                            <h3 class="fw-bold rounded p-2" style="background: rgba(44, 58, 139, 0.5);"
                            >ABSENSI</h3>
                        </figcaption>
                    </figure>
                </div>
            </a>
        </div>
        <div class="col-6 col-sm-3">
            <a href="{{ url('/participant/logbook') }}">
                <div class="grid d-flex justify-content-center center align-items-center col-md-3">
                    <figure class="effect-chico center shadow">
                        {{-- <img src="//:0" alt="" /> --}}
                        <img src="https://img.freepik.com/free-vector/hand-drawn-spiral-book-mockup-illustration_23-2149575507.jpg?w=740&t=st=1707807846~exp=1707808446~hmac=79b1e19f056894f92ae235e07e16fb8b300fcebb52847b4f5164e6723ad7e251" alt="foto">
                        <figcaption class="grid d-flex justify-content-center center align-items-center">
                            <h3 class="fw-bold rounded p-2" style="background: rgba(44, 58, 139, 0.5);">LOGBOOK</h3>
                        </figcaption>
                    </figure>
                </div>
            </a>
        </div>
        <div class="col-6 col-sm-3">
            <a href="{{ url('/participant/product') }}">
                <div class="grid d-flex justify-content-center center align-items-center col-md-3">
                    <figure class="effect-chico center shadow">
                        {{-- <img src="//:0" alt="" /> --}}
                        <img src="https://img.freepik.com/free-vector/man-using-augmented-reality-smartphones_23-2148753331.jpg?w=740&t=st=1707808192~exp=1707808792~hmac=6efa5e0166ec28e93bcb142a9535dd251a4cc964527065d41b655ef2fe44fdb6" alt="foto">
                        <figcaption class="grid d-flex justify-content-center center align-items-center">
                            <h3 class="fw-bold rounded p-2" style="background: rgba(44, 58, 139, 0.5);">UPLOAD PRODUK</h3>
                        </figcaption>
                    </figure>
                </div>
            </a>
        </div>
        <div class="col-6 col-sm-3">
            <a href="{{ url('/participant/report') }}">
                <div class="grid d-flex justify-content-center center align-items-center col-md-3">
                    <figure class="effect-chico center shadow">
                        {{-- <img src="//:0" alt="" /> --}}
                        <img src="https://img.freepik.com/free-vector/data-report-illustration-concept_114360-883.jpg?w=740&t=st=1707808661~exp=1707809261~hmac=09438e17cde8468e557fbe69fa1b0faa16d42dc8283efc0e5eb20cdb1e7bef2f" alt="foto">
                        <figcaption class="grid d-flex justify-content-center center align-items-center">
                            <h3 class="fw-bold rounded p-2" style="background: rgba(44, 58, 139, 0.5);">LAPORAN</h3>
                        </figcaption>
                    </figure>
                </div>
            </a>
        </div>
        <div class="col-6 col-sm-3">
            <a href="{{ url('/lihat_profile') }}">
                <div class="grid d-flex justify-content-center center align-items-center col-md-3">
                    <figure class="effect-chico center shadow">
                        {{-- <img src="//:0" alt="" /> --}}
                        <img src="https://img.freepik.com/free-vector/community-social-media-people_24877-50711.jpg?w=740&t=st=1708490916~exp=1708491516~hmac=4bacb19cfb90316e5e3524e4fa42554ad84f7dbed16b47d205caef2dcd8ddf48" alt="foto">
                        <figcaption class="grid d-flex justify-content-center center align-items-center">
                            <h3 class="fw-bold rounded p-2" style="background: rgba(44, 58, 139, 0.5);">PROFILE</h3>
                        </figcaption>
                    </figure>
                </div>
            </a>
        </div>
        <div class="col-6 col-sm-3">
            <a href="{{ url('/participant/data-bisnis') }}">
                <div class="grid d-flex justify-content-center center align-items-center col-md-3">
                    <figure class="effect-chico center shadow">
                        {{-- <img src="//:0" alt="" /> --}}
                        <img src="https://img.freepik.com/free-vector/hand-drawn-flat-design-gathering-data-business-concept_23-2149145880.jpg?w=740&t=st=1708316047~exp=1708316647~hmac=43947ba311814189504d39669f435557787d00e2b0f702e964be49a25c11943b" alt="foto">
                        <figcaption class="grid d-flex justify-content-center center align-items-center">
                            <h3 class="fw-bold rounded p-2" style="background: rgba(44, 58, 139, 0.5);">DATA BISNIS</h3>
                        </figcaption>
                    </figure>
                </div>
            </a>
        </div>
    </div>
</div>
@endsection

@section('script')
    <script src="{{ asset('js/sweetalert2.js') }}"></script>
    @if (Session::has('status') && Session::get('status') == 'has-submit')
    <script>
        Swal.fire({
            icon: 'warning',
            title: 'Ups!',
            text: 'Anda sudah upload produk.',
            showConfirmButton: false,
            timer: 1200
        })
    </script>
    @elseif (Session::has('status') && Session::get('status') == 'product-done')
    <script>
        Swal.fire({
            icon: 'success',
            title: 'Selamat!',
            text: 'Produk berhasil ter-upload.',
            showConfirmButton: false,
            timer: 1000
        })
    </script>
    @elseif (Session::has('status') && Session::get('status') == 'product-edit-done')
    <script>
        Swal.fire({
            icon: 'success',
            title: 'Selamat!',
            text: 'Berhasil memperbarui produk.',
            showConfirmButton: false,
            timer: 1000
        })
    </script>
    @elseif (Session::has('status') && Session::get('status') == 'report-done')
    <script>
        Swal.fire({
            icon: 'success',
            title: 'Selamat!',
            text: 'Laporan bulanan berhasil ter-upload.',
            showConfirmButton: false,
            timer: 1000
        })
    </script>
    @endif
@endsection