{{-- resources/views/admin/users/index.blade.php --}}
@extends('admin.layouts.app')

@section('content')
<div class="page-inner">
    <div class="page-header d-flex justify-content-between align-items-center mb-3">
        <h4 class="page-title mb-0">Manajemen Pengguna</h4>
        <ul class="breadcrumbs mb-0">
            <li class="nav-home">
                <a href="{{ route('admin.dashboard') }}">
                    <i class="icon-home"></i>
                </a>
            </li>
            <li class="separator">
                <i class="icon-arrow-right"></i>
            </li>
            <li class="nav-item">
                <a href="#">Manajemen User</a>
            </li>
            <li class="separator">
                <i class="icon-arrow-right"></i>
            </li>
            <li class="nav-item">
                <a href="#">
                    {{ isset($viewType) && $viewType == 'roles' ? 'Data Role' : 'Data User' }}
                </a>
            </li>
        </ul>
    </div>

    <div class="row">
        <div class="col-sm-6 col-md-4">
            <div class="card card-secondary">
                <div class="card-body skew-shadow">
                    <h1>{{ $totalUsers }}</h1>
                    <h5 class="op-8">Total Pengguna</h5>
                    <div class="pull-right">
                        <h3 class="fw-bold op-8"><i class="fas fa-users"></i></h3>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-6 col-md-4">
            <div class="card card-secondary bg-secondary-gradient">
                <div class="card-body bubble-shadow">
                    <h1>{{ $totalRoles }}</h1>
                    <h5 class="op-8">Total Role (Hak Akses)</h5>
                    <div class="pull-right">
                        <h3 class="fw-bold op-8"><i class="fas fa-user-tag"></i></h3>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-sm-6 col-md-4">
            <div class="card card-secondary bg-secondary-gradient">
                <div class="card-body curves-shadow">
                    <h1>{{ $newUsers }}</h1>
                    <h5 class="op-8">User Baru (Bulan Ini)</h5>
                    <div class="pull-right">
                        <h3 class="fw-bold op-8">+ New</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            @include('admin.users._sidebar-users')
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            @if(isset($viewType) && $viewType == 'roles')
                @include('admin.users._tabel-roles')
            @else
                @include('admin.users._tabel-users')
            @endif
        </div>
    </div>
</div>
@endsection