@extends('layouts.app')

@section('title', 'Pengaturan')

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

@section('main')
    <div class="main-content">
        <section class="section">
            <div class="section-header">
                <h1>Pengaturan</h1>
                <div class="section-header-breadcrumb">
                    <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
                    <div class="breadcrumb-item">Pengaturan</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"></i>
                            </div>
                            <div class="card-body">
                                <h3>Jam Kerja</h3>
                                <br>
                                <a href="{{ route('settings.websiteWorkHour') }}"
                                    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-share-nodes"></i>
                            </div>
                            <div class="card-body">
                                <h3>Sosial Media</h3>
                                <br>
                                <a href="{{ route('settings.websiteSosmed') }}"
                                    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-home"></i>
                            </div>
                            <div class="card-body">
                                <h3>Beranda</h3>
                                <br>
                                <a href="{{ route('settings.websiteBeranda') }}"
                                    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