@extends('layouts.default')
@section('content')
@include('layouts.header')
<div class="app-main">
    @include('layouts.sidebar')
    <div class="app-main__outer">
        <div class="app-main__inner">
            <div class="app-page-title">
                <div class="page-title-wrapper">
                    <div class="page-title-heading">
                        <div class="page-title-icon">
                            <i class="fa-solid fa-screwdriver-wrench icon-gradient bg-tempting-azure"></i>
                        </div>
                        <div>{{$title}}
                            <div class="page-title-subheading">Konfigurasi sistem</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4" id="jukirpoin">
                    <div class="card-shadow-primary border mb-3 card card-body border-primary text-center">
                        <i class="fa-brands fa-product-hunt fa-2xl my-3"></i>
                        <h5 id="text-jukirpoin" class="card-title mt-3">Jukir Poin</h5>
                        Mengatur Poin setiap selesai transaksi/checkout untuk Juru Parkir.
                        <button onclick="setJukirPoin()" id="set-jukirpoin" type="button" class="btn btn-primary btn-lg mt-3">Tampilkan</button>
                    </div>
                </div>
                <div class="col-md-4" id="share-profit">
                    <div class="card-shadow-warning border mb-3 card card-body border-warning text-center">
                        <i class="fa-solid fa-money-bill-transfer fa-2xl my-3"></i>
                        <h5 class="card-title mt-3">Share Profit</h5>
                        Mengatur pendapatan antara Juru Parkir, Aplikator dan Pelanggan dalam persentase.
                        <button id="set-share-profit" onclick="showShareProfit()" class="btn btn-primary btn-lg mt-3">Tampilkan</button>
                    </div>
                </div>
                <div class="col-md-4" id="mobile-bg">
                    <div class="card-shadow-success border mb-3 card card-body border-success text-center">
                        <i class="fa-solid fa-image fa-2xl my-3"></i>
                        <h5 class="card-title mt-3">Photo Mobile Login</h5>
                        Mengatur background foto layar utama pada aplikasi mobile
                        <button id="set-mobile-bg" onclick="setMobileBg()" class="btn btn-primary btn-lg mt-3">Tampilkan</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include('layouts.drawer')
@include('pages.configuration.modal_set_jukir_poin')
@include('pages.configuration.modal_edit_mobile_bg')
@include('pages.configuration.modal_profit_share')
@endsection
@section('scripts')
    @include('scripts.header')
    @include('scripts.sidebar')
    @include('scripts.configurations')
@endsection