<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="theme-color" content="#000000">
    <meta name="author" content="{{ website_config('main')->meta_author }}" />
    <meta name="keywords" content="{{ website_config('main')->meta_keywords }}" />
    <meta name="description" content="{{ website_config('main')->meta_description }}" />
    <title>{{ website_config('main')->website_name }} - SMM Termurah.</title>
    <link rel="shortcut icon" href="{{ url('file/images/'.website_config('main')->website_favicon.'') }}">
    <link rel="stylesheet" href="{{ asset('assets/other-template/css/dashlite.css?ver=1624949993') }}">
    <link id="skin-default" rel="stylesheet" href="{{ asset('assets/other-template/css/theme.css?ver=1624949993') }}">
    <link rel="stylesheet" href="{{ asset('assets/other-template/css/libs/fontawesome-icons.css?ver=2.7.0') }}">
    <link id="skin-blue" rel="stylesheet" href="{{ asset('assets/other-template/css/skins/theme-blue.css?ver=1624949993') }}">
    <link rel="stylesheet" href="{{ asset('assets/other-template/css/custom.css?ver=1624949993') }}">
    <script src="{{ asset('assets/other-template/js/bundle.js') }}"></script>
    <script src="{{ asset('assets/other-template/js/scripts.js') }}"></script>
    <link href="{{ asset('assets/custom.css') }}" rel="stylesheet" type="text/css" />
</head>
<body class="nk-body npc-crypto ui-clean pg-auth">
    <div class="nk-app-root">
        <div class="nk-split nk-split-page nk-split-md">
            <div class="nk-split-content nk-block-area nk-block-area-column nk-auth-container bg-white">
                <div class="absolute-top-right d-lg-none p-3 p-sm-5">
                    <a href="#" class="toggle btn-white btn btn-icon btn-light" data-target="about"><em class="icon ni ni-info"></em></a>
                </div>
                <div class="nk-block nk-block-middle nk-auth-body">
                    <div class="brand-logo pb-5" style="text-align:center;"> 
                        <a href="#" class="logo-link mx-auto">
                            @if (website_config('main')->website_logo_dark <> null)
                            <img class="logo-dark mx-auto" src="{{ url('file/images/'.website_config('main')->website_logo_dark.'') }}" style="width:200px; height:0 auto;">
                            @else
                            <a href="javascript:void(0);" class="logo text-uppercase text-dark" style="font-size: 20px; font-weight: Bold;">
                                <span clas="text-uppercase text-white">{{ website_config('main')->website_name }}</span>
                            </a>
                            @endif
                        </a>
                    </div>
                    <div class="nk-block-head">
                        <div class="nk-block-head-content">
                        </div>
                    </div>
                    @include('admin.layouts.alert')
                    @yield('content')
                </div>
                @php
                $tos = \App\Models\WebsitePage::where('slug', 'ketentuan-layanan')->first();
                $faq = \App\Models\WebsitePage::where('slug', 'pertanyaan-umum')->first();
                $contact_us = \App\Models\WebsitePage::where('slug', 'kontak-kami')->first();
                @endphp
                <div class="nk-block nk-auth-footer">
                    <div class="nk-block-between">
                        <ul class="nav nav-sm">
                            @if ($tos == true)
                            <li class="nav-item">
                                <a class="nav-link" href="{{ url('page/site/'.$tos->slug.'') }}">{{ $tos->title }}</a>
                            </li>
                            @endif
                            @if ($faq == true)
                            <li class="nav-item">
                                <a class="nav-link" href="{{ url('page/site/'.$faq->slug.'') }}">{{ $faq->title }}</a>
                            </li>
                            @endif
                            @if ($contact_us == true)
                            <li class="nav-item">
                                <a class="nav-link" href="{{ url('page/site/'.$contact_us->slug.'') }}">{{ $contact_us->title }}</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </div>
            </div>
            <div class="nk-split-content nk-split-stretch bg-lighter d-flex toggle-break-lg toggle-slide toggle-slide-right" data-content="about" data-toggle-screen="lg" data-toggle-overlay="true">
                <div class="slider-wrap w-100 w-max-550px p-3 p-sm-5 m-auto">
                    <div class="slider-init" data-slick='{"dots":true, "arrows":false}'>
                        <div class="slider-item">
                            <div class="nk-feature nk-feature-center">
                                <div class="nk-feature-img">
                                    <img class="round mx-auto" src="{{ asset('assets/other-template/library/mobile/icon/fast_working.svg') }}" alt="" style="height:200px;">
                                </div>
                                <div class="nk-feature-content py-4 p-sm-5">
                                    <h4>Layanan Terbaik</h4>
                                    <p>Kami menyediakan berbagai layanan terbaik untuk kebutuhan sosial media Anda.</p>
                                </div>
                            </div>
                        </div>
                        <div class="slider-item">
                            <div class="nk-feature nk-feature-center">
                                <div class="nk-feature-img">
                                    <img class="round mx-auto" src="{{ asset('assets/other-template/library/mobile/icon/thanks.svg') }}" alt="" style="height:200px;">
                                </div>
                                <div class="nk-feature-content py-4 p-sm-5">
                                    <h4>Pelayanan Bantuan</h4>
                                    <p>Kami selalu siap membantu jika Anda membutuhkan kami dalam penggunaan layanan kami.</p>
                                </div>
                            </div>
                        </div>
                        <div class="slider-item">
                            <div class="nk-feature nk-feature-center">
                                <div class="nk-feature-img">
                                    <img class="round mx-auto" src="{{ asset('assets/other-template/library/mobile/icon/fiture.svg') }}" alt="" style="height:200px;">
                                </div>
                                <div class="nk-feature-content py-4 p-sm-5">
                                    <h4>Desain Responsif</h4>
                                    <p>Kami menggunakan desain website yang dapat diakses dari berbagai device, baik Smartphone maupun PC.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="slider-dots"></div>
                    <div class="slider-arrows"></div>
                </div>
            </div>
        </div>
    </div>
    <script type="module" src="https://unpkg.com/ionicons@5.4.0/dist/ionicons/ionicons.js"></script>
    <script src="{{ asset('assets/other-template/library/mobile/js/plugins/jquery-marquee/jquery.marquee.min.js') }}"></script>
    <script src="{{ asset('assets/other-template/library/mobile/js/plugins/owl-carousel/owl.carousel.min.js') }}"></script>
    <script src="{{ asset('assets/other-template/library/mobile/js/plugins/jquery-circle-progress/circle-progress.min.js') }}"></script>
    <script src="{{ asset('assets/other-template/library/mobile/js/plugins/jquery-inputmask/inputmask.min.js') }}"></script>
    <script src="{{ asset('assets/other-template/library/mobile/js/plugins/jquery-inputmask/bindings/inputmask.binding.js') }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.13.0/dist/sweetalert2.all.min.js"></script>
    <script src="{{ asset('assets/other-template/js/app.js') }}"></script>
    @yield('script')
</body>
</html>
