@extends('frontend.layouts.split')

@section('title', __('labels.backend.access.users.management') . ' '.html_entity_decode("—", ENT_QUOTES, 'UTF-8').' ' . app_name())

@section('breadcrumb-links')
    @include('backend.auth.user.includes.breadcrumb-links')
@endsection
@section('content')
<div class="row row-top-margin">
    <div class="col-md-12">
        <!-- Begin: life time stats -->
        <div class="portlet light portlet-fit portlet-datatable bordered">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-basket font-green"></i>
                    <span class="caption-subject font-green sbold uppercase"> User Management </span>
                </div>
                <div class="actions">
                    @include('frontend.user.includes.header-buttons')
                </div>
            </div>
            <div class="portlet-body">
                <div class="order-list">
                    <div class="row">
                        <div class="col-md-12 p-0">
                            <div class="col-md-4 p-0 table-data-container">
                                @include('partials.user-table', compact('users', 'pageCount'))
                            </div>
                            <div class="col-md-8">
                                <div class="tabbable-custom nav-justified order-details-container box-shadow">
                                    <ul class="nav nav-pills nav-justified">
                                        <li class="nav-item">
                                            <a href="#tab_order" data-toggle="tab" class="nav-link active tab_order"> Details </a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab_order">
                                            <center><h3>Click to view <i class="fa fa-shopping-cart" aria-hidden="true"></i></h3></center>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="dt-more-container text-center">
                    <button type="button" class="btn blue mt-ladda-btn ladda-button btn-outline btn-circle" id="load-more-btn" data-style="slide-up" data-spinner-color="#333" data-attr="table-data-container"