@extends('layouts.main')

@push('style')
    <link rel="stylesheet" href="{{ asset('assets/css/toastr.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/datatables/datatables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/themify-icons.css') }}">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
@endpush

@section('content')

    {{-- Preloader --}}
    <div class="preloader" id="preloader">
        <div class="loading">
            <img src="{{ asset('assets/img/loading-buffering.gif') }}" width="80">
            <p>Harap Tunggu</p>
        </div>
    </div>

    {{-- Page header --}}
    <div class="content__header content__boxed overlapping">
        <div class="content__wrap">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="{{ route('index-dashboard') }}">Home</a></li>
                    <li class="breadcrumb-item" aria-current="page">{{ $titleMenu }}</li>
                    <li class="breadcrumb-item active" aria-current="page">{{ $title }}</li>
                </ol>
            </nav>
            <h1 class="page-title mb-0 mt-2">{{ $titleMenu }} {{ $title }}</h1>
        </div>
    </div>

    {{-- Main content --}}
    <div class="content__boxed">
        <div class="content__wrap">
            <div class="row">
                <div class="col-sm-12 mt-2">
                    <div class="card">
                        <div class="card bg-info" style="min-height:5px;border-radius:1px;"></div>
                        <div class="card-body">
                        </div>{{-- card-body --}}
                    </div>{{-- card --}}
                </div>
            </div>
        </div>
    </div>

@endsection

@include('officeractivity::loan-summary.js')