@extends('template.coin.layouts.admin-base')
@section('title', __('Managers'))
@section('content')

<div class="tabs-content">
    <div class="tab-content">
        <div>
            <h5>Managers <span class="btn btn-primary" id="add-manager">Add Manager</span></h5>
            <div class="table-control auth-3">
                <div class="row">
                    <span>Download as</span>
                    <div class="actions-container">
                        <div class="dropdown bootstrap-select form-control">
                            <select class="selectpicker form-control" id="download-filetype" title="File format">
                                <option class="bs-title-option" value=""></option>
                                <option value="xls">Excel</option>
                                <option value="csv">CSV</option>
                            </select>
                            <button
                                type="button"
                                tabindex="-1"
                                class="btn dropdown-toggle btn-light bs-placeholder"
                                data-toggle="dropdown"
                                role="combobox"
                                aria-owns="bs-select-88"
                                aria-haspopup="listbox"
                                aria-expanded="false"
                                data-id="download-filetype"
                                title="File format"
                            >
                                <div class="filter-option">
                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">File format</div></div>
                                </div>
                            </button>
                            <div class="dropdown-menu">
                                <div class="inner show" role="listbox" id="bs-select-88" tabindex="-1"><ul class="dropdown-menu inner show" role="presentation"></ul></div>
                            </div>
                        </div>
                    </div>
                    <div class="action-helper">
                        <button class="btn btn-primary" data-action="download" id="download">Download</button>
                    </div>
                </div>
                <div class="row">
                    <span>Filter</span>
                    <div class="actions-container">
                        <div class="dropdown bootstrap-select form-control dropup">
                            <select class="selectpicker form-control" id="filters-list" title="Choose...">
                                <option class="bs-title-option" value=""></option>
                                <option value="+add">Add...</option>
                            </select>
                            <button
                                type="button"
                                tabindex="-1"
                                class="btn dropdown-toggle bs-placeholder btn-light"
                                data-toggle="dropdown"
                                role="combobox"
                                aria-owns="bs-select-89"
                                aria-haspopup="listbox"
                                aria-expanded="false"
                                data-id="filters-list"
                                title="Choose..."
                            >
                                <div class="filter-option">
                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">Choose...</div></div>
                                </div>
                            </button>
                            <div class="dropdown-menu" style="max-height: 102.75px; overflow: hidden; min-height: 0px;">
                                <div class="inner show" role="listbox" id="bs-select-89" tabindex="-1" style="max-height: 88.75px; overflow-y: auto; min-height: 0px;">
                                    <ul class="dropdown-menu inner show" role="presentation" style="margin-top: 0px; margin-bottom: 0px;">
                                        <li>
                                            <a role="option" class="dropdown-item" id="bs-select-89-0" tabindex="0"><span class="bs-ok-default check-mark"></span><span class="text">Add...</span></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="action-helper">
                        <button class="btn btn-primary" data-action="save-filter" id="save-filter">Save</button>
                        <button class="btn btn-red" data-action="delete-filter" id="delete-filter">Delete</button>
                    </div>
                </div>
                <div class="row">
                    <button class="btn btn-primary" data-action="clear" id="clear-filters">Clear Filters</button>
                </div>
                <div class="row absolute">
                    <div class="row" id="columns-selector">
                        <span>Columns</span>
                        <div class="actions-container">
                            <div class="dropdown bootstrap-select show-tick form-control columns-list">
                                <select class="selectpicker form-control columns-list" multiple="" title="Configure...">
                                    <option value="ID" selected="selected">ID</option>
                                    <option value="Full Name" selected="selected">Full Name</option>
                                    <option value="Public Name" selected="selected">Public Name</option>
                                    <option value="E-mail" selected="selected">E-mail</option>
                                    <option value="Registered" selected="selected">Registered</option>
                                    <option value="Role" selected="selected">Role</option>
                                    <option value="Sales Role" selected="selected">Sales Role</option>
                                    <option value="IB" selected="selected">IB</option>
                                    <option value="Online" selected="selected">Online</option>
                                    <option value="Last Online" selected="selected">Last Online</option>
                                    <option value="Action" selected="selected">Action</option>
                                </select>
                                <button
                                    type="button"
                                    tabindex="-1"
                                    class="btn dropdown-toggle btn-light"
                                    data-toggle="dropdown"
                                    role="combobox"
                                    aria-owns="bs-select-90"
                                    aria-haspopup="listbox"
                                    aria-expanded="false"
                                    title="ID, Full Name, Public Name, E-mail, Registered, Role, Sales Role, IB, Online, Last Online, Action"
                                >
                                    <div class="filter-option">
                                        <div class="filter-option-inner"><div class="filter-option-inner-inner">ID, Full Name, Public Name, E-mail, Registered, Role, Sales Role, IB, Online, Last Online, Action</div></div>
                                    </div>
                                </button>
                                <div class="dropdown-menu" style="max-height: 222px; overflow: hidden; min-height: 92px;">
                                    <div class="inner show" role="listbox" id="bs-select-90" tabindex="-1" aria-multiselectable="true" style="max-height: 208px; overflow-y: auto; min-height: 78px;">
                                        <ul class="dropdown-menu inner show" role="presentation" style="margin-top: 0px; margin-bottom: 0px;">
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-90-0" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">ID</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-90-1" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Full Name</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-90-2" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Public Name</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-90-3" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">E-mail</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-90-4" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Registered</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-90-5" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Role</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-90-6" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Sales Role</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-90-7" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">IB</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-90-8" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Online</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-90-9" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Last Online</span></a>
                                            </li>
                                            <li class="selected">
                                                <a role="option" class="dropdown-item selected" id="bs-select-90-10" tabindex="0" aria-selected="true"><span class="bs-ok-default check-mark"></span><span class="text">Action</span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <button class="btn btn-primary" id="columns-selector-toggler" title="Select Columns"><i class="material-icons">filter_alt</i></button>
                        <button class="btn btn-primary" data-action="refresh" id="refresh-table"><i class="material-icons">sync</i></button>
                    </div>
                </div>
            </div>
            <div id="table-managers_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
                <div class="row">
                    <div class="col-sm-2 col-md-2">
                        <div class="dataTables_length" id="table-managers_length">
                            <label>
                                Show
                                <select name="table-managers_length" aria-controls="table-managers" class="custom-select custom-select-sm form-control form-control-sm">
                                    <option value="10">10</option>
                                    <option value="25">25</option>
                                    <option value="50">50</option>
                                    <option value="100">100</option>
                                    <option value="250">250</option>
                                    <option value="500">500</option>
                                </select>
                                entries
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-9 col-md-9 invisible"></div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <table id="table-managers" class="dataTable no-footer" role="grid" style="width: 1144px;">
                            <thead>
                                <tr role="row">
                                    <th class="sorting_desc" tabindex="0" aria-controls="table-managers" rowspan="1" colspan="1" style="width: 27px;" aria-label="ID: activate to sort column ascending" aria-sort="descending">ID</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-managers" rowspan="1" colspan="1" style="width: 161px;" aria-label="Full Name: activate to sort column ascending">Full Name</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-managers" rowspan="1" colspan="1" style="width: 125px;" aria-label="Public Name: activate to sort column ascending">Public Name</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-managers" rowspan="1" colspan="1" style="width: 147px;" aria-label="E-mail: activate to sort column ascending">E-mail</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-managers" rowspan="1" colspan="1" style="width: 138px;" aria-label="Registered: activate to sort column ascending">Registered</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-managers" rowspan="1" colspan="1" style="width: 47px;" aria-label="Role: activate to sort column ascending">Role</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-managers" rowspan="1" colspan="1" style="width: 100px;" aria-label="Sales Role: activate to sort column ascending">Sales Role</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-managers" rowspan="1" colspan="1" style="width: 25px;" aria-label="IB: activate to sort column ascending">IB</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-managers" rowspan="1" colspan="1" style="width: 67px;" aria-label="Online: activate to sort column ascending">Online</th>
                                    <th class="sorting" tabindex="0" aria-controls="table-managers" rowspan="1" colspan="1" style="width: 141px;" aria-label="Last Online: activate to sort column ascending">Last Online</th>
                                    <th class="sorting_disabled" rowspan="1" colspan="1" style="width: 67px;" aria-label="Action">Action</th>
                                </tr>
                                <tr class="search-tab">
                                    <th></th>
                                    <th><input type="text" class="form-control" placeholder="Search" data-name="fullname" value="" /></th>
                                    <th><input type="text" class="form-control" placeholder="Search" data-name="alias" value="" /></th>
                                    <th><input type="text" class="form-control" placeholder="Search" data-name="email" value="" /></th>
                                    <th>
                                        <div class="dropdown bootstrap-select show-tick form-control">
                                            <select class="form-control selectpicker" data-name="created" multiple="">
                                                <option value="$gte=1641772801">Today</option>
                                                <option value="$gte=1641686401&amp;$lte=1641772801">Yesterday</option>
                                                <option value="$gte=1641772800">This Week</option>
                                                <option value="$gte=1641168000&amp;$lte=1641772800">Past Week</option>
                                                <option value="$gte=1640995200">This Month</option>
                                                <option value="$gte=1638316800&amp;$lte=1640995200">Past Month</option>
                                                <option value="$gte=1641168001">Last 7 days</option>
                                                <option value="$gte=1639180801">Last 30 days</option>
                                                <option value="_custom" class="time-filter-custom">Custom...</option>
                                            </select>
                                            <button
                                                type="button"
                                                tabindex="-1"
                                                class="btn dropdown-toggle btn-light bs-placeholder"
                                                data-toggle="dropdown"
                                                role="combobox"
                                                aria-owns="bs-select-91"
                                                aria-haspopup="listbox"
                                                aria-expanded="false"
                                                title="Nothing selected"
                                            >
                                                <div class="filter-option">
                                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">Nothing selected</div></div>
                                                </div>
                                            </button>
                                            <div class="dropdown-menu">
                                                <div class="bs-searchbox">
                                                    <input type="search" class="form-control" autocomplete="off" placeholder="Filter" role="combobox" aria-label="Search" aria-controls="bs-select-91" aria-autocomplete="list" />
                                                </div>
                                                <div class="bs-actionsbox">
                                                    <div class="btn-group btn-group-sm btn-block">
                                                        <button type="button" class="actions-btn bs-select-all btn btn-light">Check&nbsp;all</button>
                                                        <button type="button" class="actions-btn bs-deselect-all btn btn-light">Uncheck&nbsp;all</button>
                                                    </div>
                                                </div>
                                                <div class="inner show" role="listbox" id="bs-select-91" tabindex="-1" aria-multiselectable="true"><ul class="dropdown-menu inner show" role="presentation"></ul></div>
                                            </div>
                                        </div>
                                    </th>
                                    <th>
                                        <div class="dropdown bootstrap-select show-tick form-control">
                                            <select class="form-control selectpicker" data-name="role" multiple="">
                                                <option value="2">Agent</option>
                                                <option value="3">Manager</option>
                                                <option value="5">IB</option>
                                                <option value="10">Admin</option>
                                            </select>
                                            <button
                                                type="button"
                                                tabindex="-1"
                                                class="btn dropdown-toggle btn-light bs-placeholder"
                                                data-toggle="dropdown"
                                                role="combobox"
                                                aria-owns="bs-select-92"
                                                aria-haspopup="listbox"
                                                aria-expanded="false"
                                                title="Nothing selected"
                                            >
                                                <div class="filter-option">
                                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">Nothing selected</div></div>
                                                </div>
                                            </button>
                                            <div class="dropdown-menu">
                                                <div class="bs-searchbox">
                                                    <input type="search" class="form-control" autocomplete="off" placeholder="Filter" role="combobox" aria-label="Search" aria-controls="bs-select-92" aria-autocomplete="list" />
                                                </div>
                                                <div class="bs-actionsbox">
                                                    <div class="btn-group btn-group-sm btn-block">
                                                        <button type="button" class="actions-btn bs-select-all btn btn-light">Check&nbsp;all</button>
                                                        <button type="button" class="actions-btn bs-deselect-all btn btn-light">Uncheck&nbsp;all</button>
                                                    </div>
                                                </div>
                                                <div class="inner show" role="listbox" id="bs-select-92" tabindex="-1" aria-multiselectable="true"><ul class="dropdown-menu inner show" role="presentation"></ul></div>
                                            </div>
                                        </div>
                                    </th>
                                    <th>
                                        <div class="dropdown bootstrap-select show-tick form-control">
                                            <select class="form-control selectpicker" data-name="sales_status" multiple="">
                                                <option value="0">Sales</option>
                                                <option value="1">Retention</option>
                                                <option value="2">All</option>
                                            </select>
                                            <button
                                                type="button"
                                                tabindex="-1"
                                                class="btn dropdown-toggle btn-light bs-placeholder"
                                                data-toggle="dropdown"
                                                role="combobox"
                                                aria-owns="bs-select-93"
                                                aria-haspopup="listbox"
                                                aria-expanded="false"
                                                title="Nothing selected"
                                            >
                                                <div class="filter-option">
                                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">Nothing selected</div></div>
                                                </div>
                                            </button>
                                            <div class="dropdown-menu">
                                                <div class="bs-searchbox">
                                                    <input type="search" class="form-control" autocomplete="off" placeholder="Filter" role="combobox" aria-label="Search" aria-controls="bs-select-93" aria-autocomplete="list" />
                                                </div>
                                                <div class="bs-actionsbox">
                                                    <div class="btn-group btn-group-sm btn-block">
                                                        <button type="button" class="actions-btn bs-select-all btn btn-light">Check&nbsp;all</button>
                                                        <button type="button" class="actions-btn bs-deselect-all btn btn-light">Uncheck&nbsp;all</button>
                                                    </div>
                                                </div>
                                                <div class="inner show" role="listbox" id="bs-select-93" tabindex="-1" aria-multiselectable="true"><ul class="dropdown-menu inner show" role="presentation"></ul></div>
                                            </div>
                                        </div>
                                    </th>
                                    <th>
                                        <div class="dropdown bootstrap-select show-tick form-control">
                                            <select class="form-control selectpicker" data-name="ib" multiple="">
                                                <option value="0">None</option>
                                                <option value="6">Morning Star</option>
                                            </select>
                                            <button
                                                type="button"
                                                tabindex="-1"
                                                class="btn dropdown-toggle btn-light bs-placeholder"
                                                data-toggle="dropdown"
                                                role="combobox"
                                                aria-owns="bs-select-94"
                                                aria-haspopup="listbox"
                                                aria-expanded="false"
                                                title="Nothing selected"
                                            >
                                                <div class="filter-option">
                                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">Nothing selected</div></div>
                                                </div>
                                            </button>
                                            <div class="dropdown-menu">
                                                <div class="bs-searchbox">
                                                    <input type="search" class="form-control" autocomplete="off" placeholder="Filter" role="combobox" aria-label="Search" aria-controls="bs-select-94" aria-autocomplete="list" />
                                                </div>
                                                <div class="bs-actionsbox">
                                                    <div class="btn-group btn-group-sm btn-block">
                                                        <button type="button" class="actions-btn bs-select-all btn btn-light">Check&nbsp;all</button>
                                                        <button type="button" class="actions-btn bs-deselect-all btn btn-light">Uncheck&nbsp;all</button>
                                                    </div>
                                                </div>
                                                <div class="inner show" role="listbox" id="bs-select-94" tabindex="-1" aria-multiselectable="true"><ul class="dropdown-menu inner show" role="presentation"></ul></div>
                                            </div>
                                        </div>
                                    </th>
                                    <th>
                                        <div class="dropdown bootstrap-select show-tick form-control">
                                            <select class="form-control selectpicker" data-name="online" multiple="">
                                                <option value="0">Offline</option>
                                                <option value="1">Online</option>
                                            </select>
                                            <button
                                                type="button"
                                                tabindex="-1"
                                                class="btn dropdown-toggle btn-light bs-placeholder"
                                                data-toggle="dropdown"
                                                role="combobox"
                                                aria-owns="bs-select-95"
                                                aria-haspopup="listbox"
                                                aria-expanded="false"
                                                title="Nothing selected"
                                            >
                                                <div class="filter-option">
                                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">Nothing selected</div></div>
                                                </div>
                                            </button>
                                            <div class="dropdown-menu">
                                                <div class="bs-searchbox">
                                                    <input type="search" class="form-control" autocomplete="off" placeholder="Filter" role="combobox" aria-label="Search" aria-controls="bs-select-95" aria-autocomplete="list" />
                                                </div>
                                                <div class="bs-actionsbox">
                                                    <div class="btn-group btn-group-sm btn-block">
                                                        <button type="button" class="actions-btn bs-select-all btn btn-light">Check&nbsp;all</button>
                                                        <button type="button" class="actions-btn bs-deselect-all btn btn-light">Uncheck&nbsp;all</button>
                                                    </div>
                                                </div>
                                                <div class="inner show" role="listbox" id="bs-select-95" tabindex="-1" aria-multiselectable="true"><ul class="dropdown-menu inner show" role="presentation"></ul></div>
                                            </div>
                                        </div>
                                    </th>
                                    <th>
                                        <div class="dropdown bootstrap-select show-tick form-control">
                                            <select class="form-control selectpicker" data-name="last_online" multiple="">
                                                <option value="$gte=1641772801">Today</option>
                                                <option value="$gte=1641686401&amp;$lte=1641772801">Yesterday</option>
                                                <option value="$gte=1641772800">This Week</option>
                                                <option value="$gte=1641168000&amp;$lte=1641772800">Past Week</option>
                                                <option value="$gte=1640995200">This Month</option>
                                                <option value="$gte=1638316800&amp;$lte=1640995200">Past Month</option>
                                                <option value="$gte=1641168001">Last 7 days</option>
                                                <option value="$gte=1639180801">Last 30 days</option>
                                                <option value="_custom" class="time-filter-custom">Custom...</option>
                                            </select>
                                            <button
                                                type="button"
                                                tabindex="-1"
                                                class="btn dropdown-toggle btn-light bs-placeholder"
                                                data-toggle="dropdown"
                                                role="combobox"
                                                aria-owns="bs-select-96"
                                                aria-haspopup="listbox"
                                                aria-expanded="false"
                                                title="Nothing selected"
                                            >
                                                <div class="filter-option">
                                                    <div class="filter-option-inner"><div class="filter-option-inner-inner">Nothing selected</div></div>
                                                </div>
                                            </button>
                                            <div class="dropdown-menu">
                                                <div class="bs-searchbox">
                                                    <input type="search" class="form-control" autocomplete="off" placeholder="Filter" role="combobox" aria-label="Search" aria-controls="bs-select-96" aria-autocomplete="list" />
                                                </div>
                                                <div class="bs-actionsbox">
                                                    <div class="btn-group btn-group-sm btn-block">
                                                        <button type="button" class="actions-btn bs-select-all btn btn-light">Check&nbsp;all</button>
                                                        <button type="button" class="actions-btn bs-deselect-all btn btn-light">Uncheck&nbsp;all</button>
                                                    </div>
                                                </div>
                                                <div class="inner show" role="listbox" id="bs-select-96" tabindex="-1" aria-multiselectable="true"><ul class="dropdown-menu inner show" role="presentation"></ul></div>
                                            </div>
                                        </div>
                                    </th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr role="row" class="odd">
                                    <td class="sorting_1">6</td>
                                    <td class="pointer bold text-left">
                                        <a href="https://crm.fincorefinance.com/manager/6/personal" class="name-container">Morning Star<i class="material-icons">open_in_new</i></a>
                                    </td>
                                    <td>MS</td>
                                    <td>morning@star.com</td>
                                    <td>17.11.2021 12:14:00</td>
                                    <td>IB</td>
                                    <td>All</td>
                                    <td></td>
                                    <td><i class="material-icons online">lens</i></td>
                                    <td>10.01.2022 12:51:10</td>
                                    <td><i class="material-icons btn btn-red" title="Remove">delete_forever</i></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2 col-md-2">
                        <div class="dataTables_length">
                            <label>
                                Show
                                <select name="table-managers_length" aria-controls="table-managers" class="custom-select custom-select-sm form-control form-control-sm">
                                    <option value="10">10</option>
                                    <option value="25">25</option>
                                    <option value="50">50</option>
                                    <option value="100">100</option>
                                    <option value="250">250</option>
                                    <option value="500">500</option>
                                </select>
                                entries
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-9 col-md-9 invisible"></div>
                    <div class="col-sm-1 col-md-1">
                        <div class="dataTables_paginate paging_input" id="table-managers_paginate" style="display: none;">
                            <span class="first paginate_button page-item" id="table-managers_first">First</span><span class="previous paginate_button page-item" id="table-managers_previous">Previous</span><span>Page </span>
                            <input class="paginate_input" type="text" /><span> of </span><span class="paginate_total"></span><span></span><span class="next paginate_button page-item" id="table-managers_next">Next</span>
                            <span class="last paginate_button page-item" id="table-managers_last">Last</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <style id="table-style-table-managers"></style>
    </div>
</div>


@endsection