@extends('layout.header')

@section('title')
    ALIAN | Salesperson
@endsection
@section('main')

    <div class="m-grid__item m-grid__item--fluid m-wrapper">
        <!-- BEGIN: Subheader -->
        <div class="m-subheader ">
            <div class="d-sm-flex align-items-center subheader_border_bottom">
                <div class="mr-auto">
                    <h3 class="m-subheader__title m-subheader__title--separator">
                        User List
                    </h3>
                    <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                        <li class="m-nav__item m-nav__item--home">
                            <a href="#" class="m-nav__link m-nav__link--icon">
                                <i class="m-nav__link-icon la la-home"></i>
                            </a>
                        </li>
                        <li class="m-nav__separator">
                            -
                        </li>
                        <li class="m-nav__item">
                            <a href="" class="m-nav__link">
                                            <span class="m-nav__link-text">
                                                User Management
                                            </span>
                            </a>
                        </li>
                        <li class="m-nav__separator">
                            -
                        </li>
                        <li class="m-nav__item">
                            <a href="" class="m-nav__link">
                                            <span class="m-nav__link-text">
                                                User List
                                            </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- END: Sub header -->
        <!-- START :: main Content-->
        <div class="m-content">
            <div class="m-portlet m-portlet--mobile margin_bottom_30">
                <div class="m-portlet__head">
                    <div class="m-portlet__head-caption">
                        <div class="m-portlet__head-title">
                            <h3 class="m-portlet__head-text">
                                User List
                            </h3>
                        </div>
                    </div>
                </div>
                <div class="m-portlet__body admin_orders_table table_style_2">
                    <div class="m-portlet__head-tools">
                        <ul class="m-portlet__nav admin_form_record">
                            <li class="m-portlet__nav-item">
                                {{--<form class="search_form">--}}
                                {{--<input type="text" class="input_text" placeholder="Search">--}}
                                {{--<button type="submit" class="input_button"><i class="la-search line_awsome"></i></button>--}}
                                {{--</form>--}}
                            </li>
                            <li class="m-portlet__nav-item">
                                <a href="AddNewUser" class="new_order_btn" >
                                                <span>
                                                    <i class="la la-plus"></i>
                                                    <span>
                                                        Add New User
                                                    </span>
                                                </span>
                                </a>
                            </li>
                        </ul>
                    </div>


                    <!--begin: Datatable -->
                    <div class="m_datatable m-datatable m-datatable--default m-datatable--loaded m-portlet__body m-datatable__body p-0">
                        <div id="m_table_1_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
                            <div class="row m-0">
                                <div class="col-sm-12 p-0 table_style_2">
                                    {{--<div class="col-sm-12 p-0 table_style_2">--}}
                                        {{--<select id="select_designation" class="col-lg-1 form-control-range">--}}
                                            {{--<option value="">Select</option>--}}
                                            {{--<option value="Sales">Sales</option>--}}
                                            {{--<option value="Admin">Admin</option>--}}
                                            {{--<option value="Marketing">Marketing</option>--}}
                                        {{--</select>--}}
                                    {{--</div>--}}
                                    {{--<br>--}}
                                    <table id="server_salesperson" class="table table-striped table-bordered" style="width:100%">
                                        <thead>
                                        <tr>
                                            <th>Name</th>
                                            <th>Email</th>
                                            <th>Designation</th>
                                            <th>Phone No.</th>
                                            <th>Action</th>
                                        </tr>
                                        </thead>
                                    </table>
                                    {{--</div>--}}


                                    {{--</div>--}}
                                </div>
                            </div>
                        </div>
                    {{--</div>--}}
                    {{--</div>--}}
                    {{--</div>--}}
                    <!--  END: currently registered users table-->

                    </div>
                    <!--end: Datatable -->
                </div>
            </div>
            {{--<!-- END EXAMPLE TABLE PORTLET-->--}}
            {{--</div>--}}
        </div>
        <!-- END :: main Content-->
    </div>

    <script src="{{URL::asset('https://code.jquery.com/jquery-3.3.1.js')}}"></script>
    <script src="{{URL::asset('https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{URL::asset('https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js')}}"></script>
    <script>

        $('#server_store_list').DataTable({
            "processing": true,
            "serverSide": true,
            "searching":true,
            "ajax": {
                "url":"