@extends('layout.main')

@section('filter')
    <div id="datatable-filter" class="fixed new_filter" data-current-user="Art Ramadani" data-order-by-status="1" data-max-chat-history="25">
        <div class="filter-inner">
            <h2 class="filter-header">
                <a href="#" class="filter-close" data-animate="1"><i class="entypo-cancel"></i></a>
                <i class="fa fa-filter"></i>
                Filter
            </h2>
            <form id="reseller_filter" method="get" class="form-horizontal form-groups-bordered validate" novalidate>
                <!--<div class="form-group">
                    <label for="field-1" class="control-label">Reseller Name</label>
                    {{ Form::text('ResellerName', '', array("class"=>"form-control")) }}
                </div>-->
                <div class="form-group">
                    <label for="field-1" class="control-label">Account Name</label>
                    {{ Form::select('AccountID', Account::getAccountList(['IsReseller'=>'1']), '', array("class"=>"select2","data-allow-clear"=>"true")) }}
					<input id="Status" name="Status" type="hidden" value="1">
					<input id="ResellerRefresh" type="hidden" value="1">
                </div>
                <!--
				<div class="form-group">
                    <label for="field-1" class="control-label">Status</label><br/>
                    <p class="make-switch switch-small">
                        <input id="Status" name="Status" type="checkbox" checked>
                        <input id="ResellerRefresh" type="hidden" value="1">
                    </p>
                </div>-->
                <div class="form-group">
                    <br/>
                    <button type="submit" class="btn btn-primary btn-md btn-icon icon-left">
                        <i class="entypo-search"></i>
                        Search
                    </button>
                </div>
            </form>
        </div>
    </div>
@stop


@section('content')

<ol class="breadcrumb bc-3">
    <li>
        <a href="{{action('dashboard')}}"><i class="entypo-home"></i>Home</a>
    </li>
    <li class="active">
        <strong>Reseller</strong>
    </li>
</ol>
<h3>Resellers</h3>
<p class="text-right">
@if(User::checkCategoryPermission('Reseller','Add'))
    <a href="#" id="add-reseller" data-action="showAddModal" data-type="reseller" data-modal="add-new-modal-reseller" class="btn btn-primary">
        <i class="entypo-plus"></i>
        Add New
    </a>
    <a href="#" id="copy-resellerdata" class="btn btn-primary">
        Copy Data
    </a>
@endif
</p>

<table class="table table-bordered datatable" id="table-4">
    <thead>
    <tr>
        <th width="5%"><input type="checkbox" id="selectall" name="checkbox[]" class="" /></th>
        <th>Reseller Account</th>
        <th>UserName</th>
        <th>Number Of Account</th>
        <th>Actions</th>
    </tr>
    </thead>
    <tbody>
 

    </tbody>
</table>

<script type="text/javascript">
    var $searchFilter = {};
    var checked = '';
    jQuery(document).ready(function ($) {

        $('#filter-button-toggle').show();

        $searchFilter.AccountID = $("#reseller_filter [name='AccountID']").val();
        $searchFilter.Status = $("#reseller_filter [name='Status']").val();
        //$searchFilter.Status = $("#reseller_filter [name='Status']").prop("checked");

        data_table = $("#table-4").dataTable({

            "bProcessing":true,
            "bServerSide":true,
            //"sDom": "<'row'<'col-xs-6 col-left'l><'col-xs-6 col-right'<'export-data'T>f>r>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
            "sDom": "<'row'<'col-xs-6 col-left '<'#selectcheckbox.col-xs-1'>'l><'col-xs-6 col-right'<'export-data'T>f>r>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
            "sAjaxSource": baseurl + "/reseller/ajax_datagrid",
            "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
            "sPaginationType": "bootstrap",
            "aaSorting"   : [[0, 'asc']],
            "fnServerParams": function(aoData) {
                aoData.push({"name":"AccountID","value":$searchFilter.AccountID},{"name":"Status","value":$searchFilter.Status});
                data_table_extra_params.length = 0;
                data_table_extra_params.push({"name":"AccountID","value":$searchFilter.AccountID},{"name":"Status","value":$searchFilter.Status},{ "name": "Export", "value": 1});
            },
            "aoColumns": 
             [
                 {"bSortable": false,
                     mRender: function(id, type, full) {
                         // checkbox for bulk action
                         return '<div class="checkbox "><input type="checkbox" name="checkbox[]" value="' + id + '" class="rowcheckbox" ></div>';
                     }
                 },// resellerid
                 { "bSortable": true }, //AccountName
                 { "bSortable": true }, //Email
                 { "bSortable": true }, //NumberOfAccount
                 //{ "bVisible": false, "bSortable": true  }, //Status
                 {
                   "bSortable": true,
                    mRender: function ( id, type, full ) {
                        var action , edit_ , show_, delete_ ;
                        action = '<div class = "hiddenRowData" >';
                        action += '<input type = "hidden"  name = "ResellerID" value = "' + (full[0] != null ? full[0] : 0) + '" / >';
                        action += '<input type = "hidden"  name = "AccountName" value = "' + (full[1] != null ? full[1] : '') + '" / >';
                        action += '<input type = "hidden"  name = "Email" value = "' + (full[2] != null ? full[2] : '') + '" / >';
                        action += '<input type = "hidden"  name = "NumberOfAccount" value = "' + (full[3] != null ? full[3] : '') + '" / >';
                        action += '<input type = "hidden"  name = "AccountID" value = "' + (full[4] != null ? full[4] : '') + '" / >';
                        action += '<input type = "hidden"  name = "Status" value = "' + (full[5] != null ? full[5] : 0) + '" / >';
                        action += '<input type = "hidden"  name = "AllowWhiteLabel" value = "' + (full[6] != null ? full[6] : 0) + '" / >';
                        action += '<input type = "hidden"  name = "CompanyID" value = "' + (full[7] != null ? full[7] : '') + '" / >';
                        action += '<input type = "hidden"  name = "ChildCompanyID" value = "' + (full[8] != null ? full[8] : 0) + '" / >';
                        action += '<input type = "hidden"  name = "ServiceID" value = "' + (full[9] != null ? full[9] : '') + '" / >';
                        action += '<input type = "hidden"  name = "pbx_username" value = "' + (full[10] != null ? full[10] : '') + '" / >';
                        action += '</div>';