@extends('admin.layout.app')

@section('title', 'User Management')

@section('content')
<div class="page-content-wrapper">
    <!-- TOPBAR -->
    <div class="top_bar page-content">
        <!-- LOADER -->
        <div class="loader">
            <div class="top_status_bar load">
                <div class="progress_bar bar" style="left: 0px;"></div>
            </div>
        </div>
        <!-- END LOADER -->
        <!-- BREADCRUMBS -->
        <div class="breadcrumbs">
            <ul>
                <li><a href="{{ route('admin.dashboard') }}">Home</a></li>
                <li><a href="#" class="breadcrumb_link" onclick="return false">User Management</a></li>
            </ul>
            <button class="btn btn-large pull-right help theme_btn help_btn">?</button>
        </div>
        <!-- END BREADCRUMBS -->
    </div>
    <!-- END TOPBAR -->

    <div class="page-content">
        <div class="row">
            <div class="col-md-12">
                <!-- Begin: life time stats -->
                <div class="portlet">
                    <div class="portlet-title">
                        <div class="caption">
                            <h2>User Management</h2>
                        </div>
                        <div class="actions success_actions" style="">
                            <ul class="nav navbar-nav netsec_menucontent">
                                <button class="theme_btn_round btn">
                                    <a data-href="{{ route('admin.users.create') }}" data-toggle="modal" data-target="#add_new_user" class="add_new">Add User</a>
                                </button>
                            </ul>
                        </div>
                    </div>

                    <div class="portlet-body flip-scroll user_management_wrap">
                        <!--------------------Search---------------------->
                        <div class="tb_search">
                            <input type="text" id="search_input_all" onkeyup="FilterkeyWord_all_table()"
                                placeholder="Search.." class="form-control">
                        </div>
                        <table id="table-users"
                            class="table filterable table-striped table-bordered table-hover custom_table">
                            <thead class="flip-content thead">
                                <tr>
                                    <th class="dp" style="vertical-align: top; width: 100px;">
                                    </th>
                                    <th class="th_2 name">Name</th>
                                    <th class="th_3 phone">Telephone</th>
                                    <th class="th_4 email">Email</th>
                                    <th class="th_5 role">Role</th>
                                    <th style="width: 50px; position: relative;">
                                        <img class="dots_menu_grey" src="{{ asset('images/dots_menu_grey.png') }}">
                                        <div class="dropdown_row table_option_checkboxes">
                                            <span class="dropdown_row_option head">Select Columns</span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked=""
                                                            style="height: auto !important;" name="table_option[]"
                                                            class="tb_options" value="1" id="name">
                                                        <label for="name"></label>
                                                    </div>
                                                </section>
                                                <span>Name</span>
                                            </span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked=""
                                                            style="height: auto !important;" name="table_option[]"
                                                            class="tb_options" value="2" id="phone">
                                                        <label for="phone"></label>
                                                    </div>
                                                </section>
                                                <span>Telephone</span>
                                            </span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked=""
                                                            style="height: auto !important;" name="table_option[]"
                                                            class="tb_options" value="3" id="email">
                                                        <label for="email"></label>
                                                    </div>
                                                </section>
                                                <span>Email</span>
                                            </span>
                                            <span class="dropdown_row_option">
                                                <section title="" class="section_squaredThree">
                                                    <div class="squaredThree">
                                                        <input type="checkbox" checked=""
                                                            style="height: auto !important;" name="table_option[]"
                                                            class="tb_options" value="4" id="role">
                                                        <label for="role"></label>
                                                    </div>
                                                </section>
                                                <span>Role</span>
                                            </span>

                                            <div class="tbl_actions">
                                                <button class="tbl_btn cancel_tbl_option">Cancel</button>
                                                <button class="tbl_btn apply_tbl_option">Apply</button>
                                            </div>
                                        </div>
                                    </th>
                                </tr>
                            </thead>
                            <tbody class="tbody">
                                <!--=====================-->

                                <!--=====================-->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END PAGE CONTENT -->

</div>
<div class="modal scrollable fade bs-modal right modal-fullscreen r_u_sure in" id="add_new_user" role="dialog"
    aria-hidden="false" style="">
    <div class="sweet-overlay" tabindex="-1"></div>
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

        </div>
    </div>
</div>

{{--  <!-- //UPLOAD SECTION START// -->  --}}
@include('admin.modules.general.file_upload')
{{--  <!-- //UPLOAD SECTION END// -->  --}}

@stop

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('css/sweetalert.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('global/bootstrap-toastr/toastr.min.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('css/croppie.css') }}" />
<style>
    a.theme_btn_round:focus,
    a.theme_btn_round:active,
    .theme_btn_round:hover {
        color: #fff !important;
        background: #74d1da;
        border-color: #74d1da;
    }

    table.dataTable thead .sorting_asc:after {
        display: none;
    }

    .user_management_wrap {
        margin-top: 50px;
    }

    .user_management_wrap .tb_search {
        margin-top: -43px;
    }

    .modal-fullscreen.modal .modal-body {
        overflow-x: hidden;
    }

    .modal.uplaod_wrap {
        z-index: 99999 !important;
    }

    .dropdown_row_option:last-child {
        color: #337ab7;
    }

    .dropdown_row_option:last-child:hover{
        color: #3e4b58;
        opacity: 1.5 !important;
    }

    body.modal-open {
    overflow-y: hidden !important;
    }

    .table_option_checkboxes {
        z-index: 9;
    }
</style>
@stop

@section('js')
@include('admin.modules.users.js.index')
@stop