@extends('layouts.app')

@section('title', 'Profil Desa')

@push('style')
    <!-- CSS Libraries -->
@endpush

@section('main')
    <div class="main-content">
        <section class="section">
            <div class="section-header">
                <h1>Profil Desa</h1>
                <div class="section-header-breadcrumb">
                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
                    <div class="breadcrumb-item">Profil Desa</div>
                </div>
            </div>

            <div class="section-body">

                <div class="row">
                    <div class="col-lg-6">
                        <div class="card card-large-icons">
                            <div class="card-icon bg-primary text-white">
                                <i class="fas fa-clock-rotate-left"></i>
                            </div>
                            <div class="card-body">
                                <h3>Sejarah Desa</h3>
                                <br>
                                <a href="{{ route('settings.check', ['menu'=>'sejarah-desa']) }}"
                                    class="card-cta">Edit <i class="fas fa-chevron-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="card card-large-icons">
                            <div class="card-icon bg-primary text-white">
                                <i class="fas fa-paper-plane"></i>
                            </div>
                            <div class="card-body">
                                <h3>Visi & Misi</h3>
                                <br>
                                <a href="{{ route('settings.check', ['menu'=>'visi-dan-misi-desa']) }}"
                                    class="card-cta">Edit <i class="fas fa-chevron-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="card card-large-icons">
                            <div class="card-icon bg-primary text-white">
                                <i class="fas fa-map-location"></i>
                            </div>
                            <div class="card-body">
                                <h3>Peta Wilayah Desa</h3>
                                <br>
                                <a href="{{ route('settings.check', ['menu'=>'peta-wilayah-desa']) }}"
                                    class="card-cta">Edit <i class="fas fa-chevron-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="card card-large-icons">
                            <div class="card-icon bg-primary text-white">
                                <i class="fas fa-user"></i>
                            </div>
                            <div class="card-body">
                                <h3>Profil & Potensi Desa</h3>
                                <br>
                                <a href="{{ route('settings.check', ['menu'=>'profil-dan-potensi-desa']) }}"
                                    class="card-cta">Edit <i class="fas fa-chevron-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection

@push('scripts')
@if (session('success'))
<script>
    $(document).ready(function(){
        iziToast.success({
        title: 'Success!',
        message: '{{ session('success') }}',
        position: 'topRight'
    });
    });
</script>
@endif
@endpush