@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="account_filter" method=""  action="" class="form-horizontal form-groups-bordered validate" novalidate>
                <div class="form-group">
                    <label for="field-1" class="control-label">Name</label>
                    <input class="form-control" name="account_name"  type="text" >
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">Number</label>
                    <input class="form-control" name="account_number" type="text"  >
                </div>
                <div class="form-group">
                    <label class="control-label">Contact Name</label>
                    <input class="form-control" name="contact_name" type="text" >
                </div>
                <div class="form-group">
                    <label class="control-label">Tag</label>
                    <input class="form-control tags" name="tag" type="text" >
                </div>
                <div class="form-group">
                    <label class="control-label">Low Balance</label><br/>
                    <p class="make-switch switch-small">
                        <input id="low_balance" name="low_balance" type="checkbox" value="1">
                    </p>
                </div>
                <div class="form-group">
                    <label class="control-label"  >Customer</label><br/>
                    <p class="make-switch switch-small">
                        <input id="Customer_on_off" name="customer_on_off" type="checkbox" value="1" >
                    </p>
                </div>
                <div class="form-group">
                    <label class="control-label"  >Vendor</label><br/>
                    <p class="make-switch switch-small">
                        <input id="Vendor_on_off" name="vendor_on_off" type="checkbox" value="1">
                    </p>
                </div>
                <div class="form-group">
                    <label class="control-label"  >Reseller</label><br/>
                    <p class="make-switch switch-small">
                        <input id="Reseller_on_off" name="reseller_on_off" type="checkbox" value="1">
                    </p>
                </div>
                <div class="form-group">
                    <label class="control-label" for="field-1">Account Reseller</label>
                    {{ Form::select('ResellerOwner',$reseller_owners,'', array("class"=>"select2")) }}
                </div>
                <div class="form-group">
                    <label class="control-label"  >Active</label><br/>
                    <p class="make-switch switch-small">
                        <input id="account_active" name="account_active" type="checkbox" value="1" checked="checked">
                    </p>
                </div>
                <div class="form-group">
                    <label class="control-label">Status</label>
                    {{Form::select('verification_status',Account::$doc_status,Account::VERIFIED,array("class"=>"select2 small"))}}
                </div>
                <div class="form-group">
                    @if(User::is_admin())
                        <label for="field-1" class="control-label">Owner</label>
                        {{Form::select('account_owners',$account_owners,Input::get('account_owners'),array("class"=>"select2"))}}
                    @endif
                </div>
                <div class="form-group">
                    <label for="field-5" class="control-label">IP/CLI</label>
                    <input type="text" name="IPCLIText" class="form-control">
                </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="{{URL::to('dashboard')}}"><i class="entypo-home"></i>Home</a>
    </li>
    <li class="active">
        <strong>Accounts</strong>
    </li>
</ol>
<h3>Accounts</h3>

@include('includes.errors')
@include('includes.success')

<div class="clear"></div>
@if(User::checkCategoryPermission('Account','Email,Edit'))
<div class="row">
    <div  class="col-md-12">
        <div class="input-group-btn pull-right hidden dropdown" style="width:70px;">
            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Action <span class="caret"></span></button>
            <ul class="dropdown-menu dropdown-menu-left" role="menu" style="background-color: #000; border-color: #000; margin-top:0px;">
                @if(User::checkCategoryPermission('Account','Email'))
                <li>
                    <a href="javascript:void(0)" class="sendemail">
                        <i class="entypo-mail"></i>
                        <span>Bulk Email</span>
                    </a>
                </li>
                @endif
                @if(User::checkCategoryPermission('Account','Edit'))
                <li>
                    <a href="javascript:void(0)" id="bulk-tags">
                        <i class="entypo-tag"></i>
                        <span>Bulk Tags</span>
                    </a>
                </li>
                
                <li>
                    <a href="javascript:void(0)" id="bulk-Actions">
                        <i class="entypo-tag"></i>
                        <span>Bulk Actions</span>
                    </a>
                </li>
                
                @endif
                @if(User::checkCategoryPermission('Account','Email'))
                <li>
                    <a href="javascript:void(0)" id="bulk-Ratesheet">
                        <i class="entypo-mail"></i>
                        <span>Bulk Rate sheet Email</span>
                    </a>
                </li>
                @endif
                @if(User::checkCategoryPermission('Account','Add'))
                <li>
                   <a href="{{ URL::to('/import/account') }}" >
                        <i class="entypo-user-add"></i>
                        <span>Import</span>
                   </a>
                </li>
                <li>
                   <a href="{{ URL::to('/import/ips') }}" >
                        <i class="entypo-user-add"></i>
                        <span>Import IPs</span>
                   </a>
                </li>
                <li class="li_active">
                   <a class="type_active_deactive" type_ad="active" href="javascript:void(0);" >
                        <i class="fa fa-plus-circle"></i>
                        <span>Activate</span>
                   </a>
                </li>
                <li class="li_deactive">
                   <a class="type_active_deactive" type_ad="deactive" href="javascript:void(0);" >
                        <i class="fa fa-minus-circle"></i>
                        <span>Deactivate</span>
                   </a>
                </li>
                @endif
            </ul>
        </div><!-- /btn-group -->

        @if(User::checkCategoryPermission('Account','Add'))
            <a href="{{URL::to('accounts/create')}}" class="btn btn-primary pull-right">
                <i class="entypo-plus"></i>
                Add New
            </a>
        @endif
    </div>
    <div class="clear"></div>
</div>
@endif
<br>
<!--<p style="text-align: right;">
    <a href="javascript:void(0)" id="selectallbutton" class="btn btn-primary ">
        <i class="entypo-check"></i>
        <span>Select all found Accounts</span>
    </a>
</p>
<br />-->
<table class="table table-bordered datatable hidden" id="table-4">
    <thead>
    <tr>
        <th width="5%"><input type="checkbox" id="selectall" name="checkbox[]" class="" /></th>
        <th width="10%" >No.</th>
        <th width="15%" >Account Name</th>
        <th width="10%" >Name</th>
        <th width="10%">Phone</th>
        <th width="8%">OS</th>
        <th width="5%">UA</th>
        <th width="5%">CL</th>
        <th width="5%">AE</th>
        <th width="7%">Email</th>
        <th width="25%">Actions</th>
    </tr>
    </thead>
    <tbody>



    </tbody>
</table>

<script type="text/javascript">
    var $searchFilter = {};
    var checked = '';
    var view = 1;
    var accountview = getCookie('accountview');
    if(accountview=='list'){
        view = 2;
    }
    var readonly = ['Company','Phone','Email','ContactName'];
    var editor_options 	  =  		{"leadoptions":true};
    jQuery(document).ready(function ($) {

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

		function check_status(){
            var selected_active_type =  $("#account_filter [name='account_active']").prop("checked");
			if(selected_active_type){


				$('.li_active').hide();
				$('.li_deactive').show();
			}else{
				$('.li_active').show();
				$('.li_deactive').hide();		
			}
		}
		
		$('.type_active_deactive').click(function(e) {
			
            var type_active_deactive  =  $(this).attr('type_ad');
			var SelectedIDs 		  =  getselectedIDs();	
			var criteria_ac			  =  '';
			
			if($('#selectallbutton').is(':checked')){
				criteria_ac = 'criteria';
			}else{
				criteria_ac = 'selected';				
			}
			
			if(SelectedIDs=='' || criteria_ac=='')
			{
				alert("Please select atleast one account.");
				return false;
			}
			
			account_ac_url =  '{{ URL::to('accounts/update_bulk_account_status')}}';
			$.ajax({
				url: account_ac_url,
				type: 'POST',
				dataType: 'json',
				success: function(response) {
					   if(response.status =='success'){
							toastr.success(response.message, "Success", toastr_opts);
							data_table.fnFilter('', 0);
						}else{
							toastr.error(response.message, "Error", toastr_opts);
                   	 	}				
					},				
				data: {
			"account_name":$("#account_filter [name='account_name']").val(),
			"account_number":$("#account_filter [name='account_number']").val(),
			"contact_name":$("#account_filter [name='contact_name']").val(),
			"tag":$("#account_filter [name='tag']").val(),
			"verification_status":$("#account_filter [name='verification_status']").val(),
			"account_owners":$("#account_filter [name='account_owners']").val(),			
			"ResellerOwner":$("#account_filter [name='ResellerOwner']").val(),
			"customer_on_off":$("#account_filter [name='customer_on_off']").prop("checked"),
			"reseller_on_off":$("#account_filter [name='reseller_on_off']").prop("checked"),
			"vendor_on_off":$("#account_filter [name='vendor_on_off']").prop("checked"),
            "low_balance":$("#account_filter [name='low_balance']").prop("checked"),
			"account_active":$("#account_filter [name='account_active']").prop("checked"),
			"SelectedIDs":SelectedIDs,
			"criteria_ac":criteria_ac,	
			"type_active_deactive":type_active_deactive,
			}			
				
			});
			
        });
		

        //["tblAccount.Number",
        // "tblAccount.AccountName",
        // DB::raw("(tblUser.FirstName+' '+tblUser.LastName) as Ownername"),
        // "tblAccount.Phone",
        // "tblAccount.Email",
        // "tblAccount.AccountID",
        // "tblAccount.IsCustomer",
        // "tblAccount.IsVendor",
        // 'tblAccount.VerificationStatus']

        var varification_status = [{{Account::NOT_VERIFIED}},{{Account::VERIFIED}}];
        var varification_status_text = ["{{Account::$doc_status[Account::NOT_VERIFIED]}}","{{Account::$doc_status[Account::VERIFIED]}}"];

        $searchFilter.account_name = $("#account_filter [name='account_name']").val();
        $searchFilter.account_number = $("#account_filter [name='account_number']").val();
        $searchFilter.contact_name = $("#account_filter [name='contact_name']").val();
        $searchFilter.tag = $("#account_filter [name='tag']").val();
        $searchFilter.verification_status = $("#account_filter [name='verification_status']").val();
        $searchFilter.account_owners = $("#account_filter [name='account_owners']").val();
        $searchFilter.ResellerOwner = $("#account_filter [name='ResellerOwner']").val();
        $searchFilter.customer_on_off = $("#account_filter [name='customer_on_off']").prop("checked");
        $searchFilter.reseller_on_off = $("#account_filter [name='reseller_on_off']").prop("checked");
        $searchFilter.vendor_on_off = $("#account_filter [name='vendor_on_off']").prop("checked");
        $searchFilter.low_balance = $("#account_filter [name='low_balance']").prop("checked");
        $searchFilter.account_active = $("#account_filter [name='account_active']").prop("checked");
        $searchFilter.ipclitext = $("#account_filter [name='IPCLIText']").val();

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

                    "bProcessing":true,
                    "bDestroy": true,
                    "bServerSide":true,
                    "sAjaxSource": baseurl + "/accounts/ajax_datagrid/type",
                    "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
                    "sPaginationType": "bootstrap",
                    "sDom": "<'row'<'col-xs-6 col-left '<'#selectcheckbox.col-xs-1'>'l><'col-xs-6 col-right'<'change-view'><'export-data'T>f>r><'gridview'>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
                    "aaSorting"   : [[2, 'asc']],
                      "fnServerParams": function(aoData) {
                        aoData.push(
                                {"name":"account_name","value":$searchFilter.account_name},
                                {"name":"account_number","value":$searchFilter.account_number},
                                {"name":"tag","value":$searchFilter.tag},
                                {"name":"contact_name","value":$searchFilter.contact_name},
                                {"name":"customer_on_off","value":$searchFilter.customer_on_off},
                                {"name":"reseller_on_off","value":$searchFilter.reseller_on_off},
                                {"name":"vendor_on_off","value":$searchFilter.vendor_on_off},
                                {"name":"low_balance","value":$searchFilter.low_balance},
                                {"name":"account_active","value":$searchFilter.account_active},
                                {"name":"verification_status","value":$searchFilter.verification_status},
                                {"name":"account_owners","value":$searchFilter.account_owners},
                                {"name":"ResellerOwner","value":$searchFilter.ResellerOwner},
                                {"name":"ipclitext","value":$searchFilter.ipclitext}
                        );
                        data_table_extra_params.length = 0;
                        data_table_extra_params.push(
                                {"name":"account_name","value":$searchFilter.account_name},
                                {"name":"account_number","value":$searchFilter.account_number},
                                {"name":"tag","value":$searchFilter.tag},
                                {"name":"contact_name","value":$searchFilter.contact_name},
                                {"name":"customer_on_off","value":$searchFilter.customer_on_off},
                                {"name":"reseller_on_off","value":$searchFilter.reseller_on_off},
                                {"name":"vendor_on_off","value":$searchFilter.vendor_on_off},
                                {"name":"low_balance","value":$searchFilter.low_balance},
                                {"name":"account_active","value":$searchFilter.account_active},
                                {"name":"verification_status","value":$searchFilter.verification_status},
                                {"name":"account_owners","value":$searchFilter.account_owners},
                                {"name":"ResellerOwner","value":$searchFilter.ResellerOwner},
                                {"name":"ipclitext","value":$searchFilter.ipclitext},
                                {"name":"Export","value":1}
                        );
                    },
                    "aoColumns":
                    [
                        {"bSortable": false,
                            mRender: function(id, type, full) {
                                return '<div class="checkbox "><input type="checkbox" name="checkbox[]" value="' + id + '" class="rowcheckbox" ></div>';
                            }
                        }, //0Checkbox
                        { "bSortable": true}, //AccountName
                        { "bSortable": true}, //Name
                        { "bSortable": true}, //Phone
                        { "bSortable": true},
                        { "bSortable": true,
                            mRender:function(id, type, full){
                                if(id !== null) {
                                    popup_html = "<label class='col-sm-6' >Invoice Outstanding:</label><div class='col-sm-6' >" + id + "</div>";
                                    popup_html += "<div class='clear'></div><label class='col-sm-6' >Customer Unbilled Amount:</label><div class='col-sm-6' >" + (full[21] !== null ? full[21] : '')  + "</div>";
                                    popup_html += "<div class='clear'></div><label class='col-sm-6' >Vendor Unbilled Amount:</label><div class='col-sm-6' >" + (full[22] !== null ? full[22] : '') + "</div>";
                                    popup_html += "<div class='clear'></div><label class='col-sm-6' >Account Exposure:</label><div class='col-sm-6' >" + (full[23] !== null ? full[23] : '') + "</div>";
                                    popup_html += "<div class='clear'></div><label class='col-sm-6' >Available Credit Limit:</label><div class='col-sm-6' >" + (full[24] !== null ? full[24] : '') + "</div>";
                                    popup_html += "<div class='clear'></div><label class='col-sm-6' >Balance Threshold:</label><div class='col-sm-6' >" + (full[25] !== null ? full[25] : '') + "</div>";

                                    return '<div class="pull-left" data-toggle="popover" data-trigger="hover" data-original-title="aaa" data-content="'+popup_html+'">' +id+ '</div>';
                                }else{
                                    return '';
                                }
                            }
                        },
						{ "bSortable": true,
                            mRender:function(id, type, full){
                                if(id !== null) {
                                    return '<a class="unbilled_report" data-id="' + full[0] + '">' + id + '</a>';
                                }else{
                                    return '';
                                }

                            }
                        },
						{ "bSortable": true},
                        { "bSortable": true},//Account exposure
                        { "bSortable": true},
                        {
                            "bSortable": false,
                            mRender: function ( id, type, full ) {
                                var action , edit_ , show_,chart_,credit_;
                                action='';
                                edit_ = "{{ URL::to('accounts/{id}/edit')}}";
                                show_ = "{{ URL::to('accounts/{id}/show')}}";
                                log_ = "{{ URL::to('accounts/{id}/log')}}";
                                chart_ = "{{ URL::to('accounts/activity/{id}')}}";
                                credit_ = "{{ URL::to('account/get_credit/{id}')}}";
                                customer_rate_ = "{{Url::to('/customers_rates/{id}')}}";
                                movement_report = "{{Url::to('/customer/daily_report/{id}')}}";
                                vendor_blocking_ = "{{Url::to('/vendor_rates/{id}')}}";
								additional_ = "{{ URL::to('account_oneofcharge/')}}?id={id}";
								subscriptions_ = "{{ URL::to('account_subscription/')}}?id={id}";
								authenticate_ = "{{Url::to('/accounts/authenticate/{id}')}}";

                                edit_ = edit_.replace( '{id}', full[0] );
                                show_ = show_.replace( '{id}', full[0] );
                                log_ = log_.replace( '{id}', full[0] );
                                chart_ = chart_.replace( '{id}', full[0] );
                                credit_ = credit_.replace( '{id}', full[0] );
                                customer_rate_ = customer_rate_.replace( '{id}', full[0] );
                                movement_report = movement_report.replace( '{id}', full[0] );
                                vendor_blocking_ = vendor_blocking_.replace( '{id}', full[0] );
                                additional_ = additional_.replace( '{id}', full[0] );
								subscriptions_ = subscriptions_.replace( '{id}', full[0] );
								authenticate_ = authenticate_.replace( '{id}', full[0] );

								action = '';