<style>
#table-subscription_processing{
    position: absolute;
}
</style>
<div class="panel panel-primary" data-collapsed="0">
    <div class="panel-heading">
        <div class="panel-title">
            Subscriptions
        </div>
        <div class="panel-options">
            <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
        </div>
    </div>
    <div class="panel-body">

         <div id="subscription_filter" method="get" action="#" >
                                <div class="panel panel-primary panel-collapse" data-collapsed="1">
                                    <div class="panel-heading">
                                        <div class="panel-title">
                                            Filter
                                        </div>
                                        <div class="panel-options">
                                            <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                                        </div>
                                    </div>
                                    <div class="panel-body" style="display: none;">
                                        <div class="form-group">
                                            <label for="field-1" class="col-sm-1 control-label">Name</label>
                                            <div class="col-sm-2">
                                                <input type="text" name="SubscriptionName" class="form-control" value="" />
                                            </div>
                                            <label for="field-1" class="col-sm-1 control-label">Invoice Description</label>
                                            <div class="col-sm-2">
                                                <input type="text" name="SubscriptionInvoiceDescription" class="form-control" value="" />
                                            </div>
                                            <label for="field-1" class="col-sm-1 control-label">Active</label>
                                            <div class="col-sm-2">
                                                <p class="make-switch switch-small">
                                                    <input id="SubscriptionActive" name="SubscriptionActive" type="checkbox" value="1" checked="checked" >
                                                </p>
                                            </div>
											<div class="col-sm-3">
												<p style="text-align: right">
												<button class="btn btn-primary btn-sm btn-icon icon-left" id="subscription_submit">
													<i class="entypo-search"></i>
													Search
												</button>
												</p>
											</div>
                                        </div>
                                    </div>
                                </div>
        </div>
        <div class="text-right">
            <a  id="add-subscription" class=" btn btn-primary btn-sm btn-icon icon-left"><i class="entypo-plus"></i>Add New</a>
            <div class="clear clearfix"><br></div>
        </div>

        <div class="dataTables_wrapper">
            <table id="table-subscription" class="table table-bordered datatable">
                <thead>
                <tr>
                    <th width="3%"></th>
                    <th width="5%">No</th>
                    <th width="5%">Subscription</th>
                    <th width="20%">Invoice Description</th>
                    <th width="5%">Qty</th>
                    <th width="10%">Start Date</th>
                    <th width="10%">End Date</th>
                    <th width="5%">Activation Fee</th>
                    <th width="5%">Daily Fee</th>
                    <th width="5%">Weekly Fee</th>
                    <th width="10%">Monthly Fee</th>
                    <th width="10%">Quarterly Fee</th>
                    <th width="10%">Yearly Fee</th>
                    <th width="20%">Action</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <script type="text/javascript">
            /**
            * JQuery Plugin for dataTable
            * */
          //  var list_fields_activity  = ['SubscriptionName','InvoiceDescription','StartDate','EndDate'];
            $("#subscription_filter").find('[name="SubscriptionName"]').val('');
            $("#subscription_filter").find('[name="SubscriptionInvoiceDescription"]').val('');
            var data_table_subscription;
            var account_id='<?php echo $account->AccountID; ?>';
            var ServiceID='<?php echo $ServiceID; ?>';
            var update_new_url;
            var postdata;

            jQuery(document).ready(function ($) {

                $(document).on('change','#subscription-form [name="AnnuallyFee"],#subscription-form [name="QuarterlyFee"],#subscription-form [name="MonthlyFee"]',function(e){
                    e.stopPropagation();
                    var name = $(this).attr('name');
                    var Yearly = '';
                    var quarterly = '';
                    var monthly = '';
                    var decimal_places = 2;
                    if(name=='AnnuallyFee'){
                        var t = $(this).val();
                        t = parseFloat(t);
                        monthly = t/12;
                        quarterly = monthly * 3;
                    }else if(name=='QuarterlyFee'){
                        var t = $(this).val();
                        t = parseFloat(t);
                        monthly = t / 3;
                        Yearly  = monthly * 12;
                    } else if(name=='MonthlyFee'){
                        var monthly = $(this).val();
                        monthly = parseFloat(monthly);
                        Yearly  = monthly * 12;
                        quarterly = monthly * 3;
                    }

                    var weekly =  parseFloat(monthly / 30 * 7);
                    var daily = parseFloat(monthly / 30);

                    if(Yearly != '') {
                        $('#subscription-form [name="AnnuallyFee"]').val(Yearly.toFixed(decimal_places));
                    }
                    if(quarterly != '') {
                        $('#subscription-form [name="QuarterlyFee"]').val(quarterly.toFixed(decimal_places));
                    }
                    if(monthly != '' && name != 'MonthlyFee') {
                        $('#subscription-form [name="MonthlyFee"]').val(monthly.toFixed(decimal_places));
                    }

                    $('#subscription-form [name="WeeklyFee"]').val(weekly.toFixed(decimal_places));
                    $('#subscription-form [name="DailyFee"]').val(daily.toFixed(decimal_places));
                });

            var list_fields  = ["AID","SequenceNo", "Name", "InvoiceDescription", "Qty", "StartDate", "EndDate" ,"tblBillingSubscription.ActivationFee","tblBillingSubscription.DailyFee","tblBillingSubscription.WeeklyFee","tblBillingSubscription.MonthlyFee", "tblBillingSubscription.QuarterlyFee", "tblBillingSubscription.AnnuallyFee", "AccountSubscriptionID", "SubscriptionID","ExemptTax","Status","DiscountAmount","DiscountType","AnnuallyFee","QuarterlyFee","MonthlyFee","WeeklyFee","DailyFee","ActivationFee"];

            public_vars.$body = $("body");
            var $search = {};
            var subscription_add_url = baseurl + "/accounts/<?php echo $account->AccountID; ?>/subscription/store";
            var subscription_edit_url = baseurl + "/accounts/<?php echo $account->AccountID; ?>/subscription/{id}/update";
            var subscription_delete_url = baseurl + "/accounts/<?php echo $account->AccountID; ?>/subscription/{id}/delete";
            var subscription_datagrid_url = baseurl + "/accounts/<?php echo $account->AccountID; ?>/subscription/ajax_datagrid";
            $("#subscription_submit").click(function(e) {
                e.preventDefault();

                    $search.SubscriptionName = $("#subscription_filter").find('[name="SubscriptionName"]').val();
                    $search.SubscriptionInvoiceDescription = $("#subscription_filter").find('[name="SubscriptionInvoiceDescription"]').val();
                    $search.SubscriptionActive = $("#subscription_filter").find("[name='SubscriptionActive']").prop("checked");
                        data_table_subscription = $("#table-subscription").dataTable({
                            "bDestroy": true,
                            "bProcessing":true,
                            "bServerSide": true,
                            "sAjaxSource": subscription_datagrid_url,
                            "fnServerParams": function (aoData) {
                                aoData.push({"name": "account_id", "value": account_id},
                                        {"name": "ServiceID", "value": ServiceID},
                                        {"name": "SubscriptionName", "value": $search.SubscriptionName},
                                        {"name": "SubscriptionInvoiceDescription", "value": $search.SubscriptionInvoiceDescription},
                                        {"name": "SubscriptionActive", "value": $search.SubscriptionActive});

                                data_table_extra_params.length = 0;
                                data_table_extra_params.push({"name": "account_id", "value": account_id},
                                        {"name": "ServiceID", "value": ServiceID},
                                        {"name": "SubscriptionName", "value": $search.SubscriptionName},
                                        {"name": "SubscriptionInvoiceDescription", "value": $search.SubscriptionInvoiceDescription},
                                        {"name": "SubscriptionActive", "value": $search.SubscriptionActive});

                            },
                            "iDisplayLength": 10,
                            "sPaginationType": "bootstrap",
                            "sDom": "<'row'<'col-xs-6 col-left 'l><'col-xs-6 col-right'f>r>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
                            "aaSorting": [[0, 'asc']],
                            "aoColumns": [
                        {  "bSortable": false,
                            mRender: function(id, type, full) {
                                return '<div class="details-control subscription_'+full[0]+'" style="text-align: center; cursor: pointer;"><i class="entypo-plus-squared" style="font-size: 20px;"></i></div>';
                            }
                        },
                        {  "bSortable": true },  // 0 Sequence NO
                        {  "bSortable": true },  // 1 Subscription Name
                        {  "bSortable": true },  // 2 InvoiceDescription
                        {  "bSortable": true },  // 3 Qty
                        {  "bSortable": true },  // 4 StartDate
                        {  "bSortable": true },  // 5 EndDate
                        {  "bSortable": true },  // 6 ActivationFee
                        {  "bSortable": true },  // 7 DailyFee
                        {  "bSortable": true },  // 8 WeeklyFee
                        {  "bSortable": true },  // 9 MonthlyFee
                        {  "bSortable": true },  // 10 QuarterlyFee
                        {  "bSortable": true },  // 11 AnnuallyFee
                        {                        // 12 Action
                           "bSortable": false,
                            mRender: function ( id, type, full ) {
                                 action = '<div class = "hiddenRowData" >';
                                 for(var i = 0 ; i< list_fields.length; i++){
									list_fields[i] =  list_fields[i].replace("tblBillingSubscription.",'');
                                    action += '<input disabled type = "hidden"  name = "' + list_fields[i] + '"       value = "' + (full[i] != null?full[i]:'')+ '" / >';
                                 }
                                 action += '</div>';
                                 action += ' <a href="' + subscription_edit_url.replace("{id}",id) +'" title="Edit" class="edit-subscription btn btn-default btn-sm"><i class="entypo-pencil"></i>&nbsp;</a>'
                                 action += ' <a href="' + subscription_delete_url.replace("{id}",id) +'" title="Delete" class="delete-subscription btn btn-danger btn-sm"><i class="entypo-trash"></i></a>'
                                 return action;
                            }
                          }
                         ],
                            "oTableTools": {
                                "aButtons": [
                                    {
                                        "sExtends": "download",
                                        "sButtonText": "Export Data",
                                        "sUrl": subscription_datagrid_url,
                                        sButtonClass: "save-collection"
                                    }
                                ]
                            },
                            "fnDrawCallback": function() {
                                               $(".dataTables_wrapper select").select2({
                                                   minimumResultsForSearch: -1
                                               });
                             }

                        });
                    });

                    /*$("#subscription_filter").submit(function(e) {
                        e.preventDefault();
                        $search.InvoiceDescription = $("#subscription_filter").find('[name="InvoiceDescription"]').val();
                        $search.StartDate = $("#subscription_filter").find('[name="StartDate"]').val();
                        $search.EndDate = $("#subscription_filter").find('[name="EndDate"]').val();
                        data_table_subscription.fnFilter('', 0);
                    });     */

                $('#subscription_submit').trigger('click');
                //inst.myMethod('I am a method');
                $('#add-subscription').click(function(ev){
                        ev.preventDefault();
                        $('#subscription-form').trigger("reset");
                        $('#modal-subscription h4').html('Add Subscription');
                        $("#subscription-form [name=SubscriptionID]").select2().select2('val',"");

                        $('#subscription-form').attr("action",subscription_add_url);
                        $('#modal-subscription').modal('show');
                });
                $('table tbody').on('click', '.edit-subscription', function (ev) {
                        ev.preventDefault();
                        $('#subscription-form').trigger("reset");
                        var edit_url  = $(this).attr("href");
                        $('#subscription-form').attr("action",edit_url);
                        $('#modal-subscription h4').html('Edit Subscription');
                        var cur_obj = $(this).prev("div.hiddenRowData");
                        for(var i = 0 ; i< list_fields.length; i++){
                            $("#subscription-form [name='"+list_fields[i]+"']").val(cur_obj.find("input[name='"+list_fields[i]+"']").val());
                            if(list_fields[i] == 'SubscriptionID'){
                                $("#subscription-form [name='"+list_fields[i]+"']").select2().select2('val',cur_obj.find("input[name='"+list_fields[i]+"']").val());
                            }else if(list_fields[i] == 'ExemptTax'){
                                if(cur_obj.find("input[name='ExemptTax']").val() == 1 ){
                                    $('[name="ExemptTax"]').prop('checked',true);
                                }else{
                                    $('[name="ExemptTax"]').prop('checked',false);
                                }

                            }else if(list_fields[i] == 'Status'){
                                if(cur_obj.find("input[name='Status']").val() == 1 ){
                                    $('[name="Status"]').prop('checked',true).change();
                                }else{
                                    $('[name="Status"]').prop('checked',false).change();
                                }
                            }
                        }
                        $('#modal-subscription').modal('show');
                });
                $('table tbody').on('click', '.delete-subscription', function (ev) {
                        ev.preventDefault();
                        result = confirm("Are you Sure?");
                       if(result){
                           var delete_url  = $(this).attr("href");
                           submit_ajax_datatable( delete_url,"",0,data_table_subscription);
                            //data_table_subscription.fnFilter('', 0);
                           //console.log('delete');
                          // $('#subscription_submit').trigger('click');
                       }
                       return false;
                });

               $("#subscription-form").submit(function(e){

                   e.preventDefault();
                   var _url  = $(this).attr("action");
                   submit_ajax_datatable(_url,$(this).serialize(),0,data_table_subscription);
                   //data_table_subscription.fnFilter('', 0);
                   //console.log('edit');
                  // $('#subscription_submit').trigger('click');
               });
               $('#subscription-form [name="SubscriptionID"]').change(function(e){

                       id = $(this).val();
				   		var UrlGetSubscription1 	= 	"<?php echo URL::to('/billing_subscription/{id}/getSubscriptionData_ajax'); ?>";
					   	var UrlGetSubscription		=	UrlGetSubscription1.replace( '{id}', id );
					 $.ajax({
						url: UrlGetSubscription,
						type: 'POST',
						dataType: 'json',
						async :false,

						success: function(response) {
								if(response){
									$("#subscription-form [name='InvoiceDescription']").val(response.InvoiceLineDescription);
                                    $("#subscription-form [name='AnnuallyFee']").val(response.AnnuallyFee);
                                    $("#subscription-form [name='QuarterlyFee']").val(response.QuarterlyFee);
									$("#subscription-form [name='MonthlyFee']").val(response.MonthlyFee);
									$("#subscription-form [name='WeeklyFee']").val(response.WeeklyFee);
									$("#subscription-form [name='DailyFee']").val(response.DailyFee);
									$("#subscription-form [name='ActivationFee']").val(response.ActivationFee);
								}
							}
					});

                    /*   getTableFieldValue("billing_subscription",id,"InvoiceLineDescription",function(description){
                           if( description != undefined && description.length > 0){
                                $("#subscription-form [name='InvoiceDescription']").val(description);
                           }

                       });*/


                });

                //fetch discount plans click on '+' sign
                $('#table-subscription tbody').on('click', 'td div.details-control', function () {
                    var tr = $(this).closest('tr');
                    var row = data_table_subscription.api().row(tr);

                    if (row.child.isShown()) {
                        $(this).find('i').toggleClass('entypo-plus-squared entypo-minus-squared');
                        row.child.hide();
                        tr.removeClass('shown');
                    } else {
                        $(this).find('i').toggleClass('entypo-plus-squared entypo-minus-squared');
                        var hiddenRowData = tr.find('.hiddenRowData');
                        var AccountSubscriptionID = hiddenRowData.find('input[name="AccountSubscriptionID"]').val();
                        var ServiceID = <?php echo json_encode($ServiceID); ?>;

                        $.ajax({
                            url: baseurl + "/accounts/<?php echo $account->AccountID; ?>/subscription/get_discountplan",
                            type: 'POST',
                            data: "AccountSubscriptionID=" + AccountSubscriptionID + "&ServiceID=" + ServiceID,
                            dataType: 'json',
                            cache: false,
                            success: function (response) {

                                var table = $('<table class="table table-bordered datatable dataTable no-footer" style="margin-left: 4%;width: 92% !important;"></table>');

                                table.append('<thead><tr><th><input class="checkall_discount" name="chkall[]" onclick="check_all('+AccountSubscriptionID+')" type="checkbox"></th><th>Account Name</th><th>Account CLI</th><th>Inbound Discount Plan</th><th>Outbound Discount Plan</th><th>Actions <a class="btn btn-primary btn-sm entypo-plus" title="Add New" onClick="javascript:add_discountplan('+AccountSubscriptionID+');"></a></th></tr></thead>');
                                var tbody = $("<tbody></tbody>");

                                response.forEach(function (data) {
                                    //alert(data.InboundDiscountPlans);
                                    if(data.AccountCLI == null)
                                        data.AccountCLI = '';
                                    if(data.AccountName == null)
                                        data.AccountName = '';
                                    if(data.InboundDiscountPlans == 0 || data.InboundDiscountPlans == null)
                                        data.InboundDiscountPlans = '';
                                    if(data.OutboundDiscountPlans == 0 || data.OutboundDiscountPlans == null)
                                        data.OutboundDiscountPlans = '';
                                    var html = "";
                                    html += "<tr class='no-selection'>";
                                    html += "<td><input name='chk[]' class='check_discount' type='checkbox' value='0' disc-id="+ data['SubscriptionDiscountPlanID'] + "></td>";
                                    html += "<td>" + data['AccountName'] + "</td>";
                                    html += "<td>" + data['AccountCLI'] + "</td>";
                                    html += '<td>' + data["InboundDiscountPlans"] + '&nbsp;&nbsp;<a href="javascript:void(0);" onclick ="view_discountplan('+ data["SubscriptionDiscountPlanID"] + ','+AccountSubscriptionID+','+"<?php echo AccountDiscountPlan::INBOUND; ?>"+')" class="btn btn-sm btn-primary tooltip-primary" data-original-title="View Detail" title="" data-placement="top" data-toggle="tooltip" data-loading-text="Loading..."><i class="fa fa-eye"></i></a></td>';
                                    html += '<td>' + data["OutboundDiscountPlans"] + '&nbsp;&nbsp;<a href="javascript:void(0);" onclick ="view_discountplan('+ data["SubscriptionDiscountPlanID"] + ','+AccountSubscriptionID+','+"<?php echo AccountDiscountPlan::OUTBOUND; ?>"+')" class="btn btn-sm btn-primary tooltip-primary" data-original-title="View Detail" title="" data-placement="top" data-toggle="tooltip" data-loading-text="Loading..."><i class="fa fa-eye"></i></a></td>';
                                    html += '<td><a href="javascript:void(0);" title="Edit" onclick ="edit_discountplan('+ data["SubscriptionDiscountPlanID"] + ')" class="edit-discountplan btn btn-default btn-sm"><i class="entypo-pencil"></i>&nbsp;</a><a href="javascript:void(0);" onclick ="delete_discountplan('+ data["SubscriptionDiscountPlanID"] + ','+ AccountSubscriptionID +')" title="Delete" class="delete-discountplan btn btn-danger btn-sm"><i class="entypo-trash"></i></a></td>';
                                    html += "</tr>";

                                    table.append(html);
                                });
                                table.append(tbody);
                                row.child(table).show();
                                row.child().addClass('no-selection child-row subrow_'+AccountSubscriptionID+'');
                                tr.addClass('shown');
                            }
                        });
                    }
                });

                //add & update discount plans
                $("#add_discountplan_form").submit(function(e){
                    e.preventDefault();
                    var _url  = $(this).attr("action");
                    var AccountSubscriptionID = $('[name="AccountSubscriptionID_dp"]').val();
                    //submit_ajax_datatable(_url,$(this).serialize(),0,data_table_subscription);
                    $.ajax({
                        url: _url,
                        type: 'POST',
                        data: $(this).serialize(),
                        dataType: 'json',
                        cache: false,
                        success: function (response) {
                            $(".btn").button('reset');
                            if (response.status == 'success') {
                                $('.modal').modal('hide');
                                toastr.success(response.message, "Success", toastr_opts);
                                $('.subscription_'+AccountSubscriptionID).click();
                                $('.subscription_'+AccountSubscriptionID).click();
                                return false;
                            } else {
                                toastr.error(response.message, "Error", toastr_opts);
                            }
                        }
                    });
                });

                //bulkedit discount plans
                $("#bulkedit_discountplan_form").submit(function(e){
                    e.preventDefault();
                    var AccountSubscriptionID = $('[name="AccountSubscriptionID_bulk"]').val();
                    var _url  = $(this).attr("action");
                     $.ajax({
                         url: _url,
                         type: 'POST',
                         data: $(this).serialize(),
                         dataType: 'json',
                         cache: false,
                         success: function (response) {
                             $(".btn").button('reset');
                             if (response.status == 'success') {
                                 $('.modal').modal('hide');
                                 toastr.success(response.message, "Success", toastr_opts);
                                 $('.subscription_'+AccountSubscriptionID).click();
                                 $('.subscription_'+AccountSubscriptionID).click();
                                 return false;
                             } else {
                                 toastr.error(response.message, "Error", toastr_opts);
                             }
                         }
                     });
                });

            });

            //check-uncheck all checkbox of subrow
            function check_all(AccountSubscriptionID){
                $('.subrow_'+AccountSubscriptionID+' .check_discount').prop("checked", $('.subrow_'+AccountSubscriptionID+' .checkall_discount').is(":checked"));
            }

            var discountplan_bulkedit_url = baseurl + "/accounts/<?php echo $account->AccountID; ?>/subscription/bulkupdate_discountplan";
            var discountplan_bulkdelete_url = baseurl + "/accounts/<?php echo $account->AccountID; ?>/subscription/bulkdelete_discountplan";
            function bulk_edit(AccountSubscriptionID)
            {
                var chklength = $("input:checkbox[name='chk[]']:checked").length;
                if(chklength > 0) {
                    $('#bulkedit_discountplan_form').trigger("reset");
                    $('#modal-bulkedit_discountplan h4').html('Bulk Edit Account');
                    $('#bulkedit_discountplan_form').attr("action", discountplan_bulkedit_url);
                    var temparr = [];
                    $("input:checkbox[name='chk[]']:checked").each(function () {
                        //alert($(this).attr('disc-id'));
                        temparr.push($(this).attr('disc-id'));
                    });
                    $('[name="AccountSubscriptionID_bulk"]').attr("value", AccountSubscriptionID);
                    $('[name="AllSubscriptionDiscountPlanID"]').attr("value", temparr);
                    $('[name="BulkInboundDiscountPlans"]').select2().select2('val','');
                    $('[name="BulkOutboundDiscountPlans"]').select2().select2('val','');
                    $('#modal-bulkedit_discountplan').modal('show');
                }
                else
                {
                    toastr.error("Select Atleast One Record", "Error", toastr_opts);
                    return false;
                }
            }

            function bulk_delete(AccountSubscriptionID)
            {
                var chklength = $("input:checkbox[name='chk[]']:checked").length;
                if(chklength > 0) {
                    var temparr = [];
                    $("input:checkbox[name='chk[]']:checked").each(function () {
                        temparr.push($(this).attr('disc-id'));
                    });

                    result = confirm("Are you Sure?");
                    if (result) {
                        $.ajax({
                            url: discountplan_bulkdelete_url,
                            type: 'POST',
                            data: "SubscriptionDiscountPlanID=" + temparr,
                            dataType: 'json',
                            cache: false,
                            success: function (response) {
                                if (response.status == 'success') {
                                    toastr.success(response.message, "Success", toastr_opts);
                                    $('.subscription_'+AccountSubscriptionID).click();
                                    $('.subscription_'+AccountSubscriptionID).click();
                                    return false;
                                } else {
                                    toastr.error(response.message, "Error", toastr_opts);
                                }
                            }
                        });
                        return false;
                    }
                }
                else
                {
                    toastr.error("Select Atleast One Record", "Error", toastr_opts);
                    return false;
                }

            }

            var discountplan_add_url = baseurl + "/accounts/<?php echo $account->AccountID; ?>/subscription/store_discountplan";
            var discountplan_edit_url = baseurl + "/accounts/<?php echo $account->AccountID; ?>/subscription/update_discountplan";
            function add_discountplan(AccountSubscriptionID){
                $('#add_discountplan_form').trigger("reset");
                $('[name="AccountName"]').attr("value","");
                $('[name="AccountCLI"]').attr("value","");
                $('[name="InboundDiscountPlans"]').select2().select2('val','');
                $('[name="OutboundDiscountPlans"]').select2().select2('val','');
                $('#modal-add_discountplan h4').html('Add Account');
                $('#add_discountplan_form').attr("action",discountplan_add_url);
                $('[name="AccountSubscriptionID_dp"]').attr("value",AccountSubscriptionID);
                $(".namehide").removeAttr('readonly');
                $('#modal-add_discountplan').modal('show');
            }
            function edit_discountplan(SubscriptionDiscountPlanID){
                $('#add_discountplan_form').trigger("reset");
                $('#modal-add_discountplan h4').html('Edit Account');
                $('#add_discountplan_form').attr("action",discountplan_edit_url);

                $.ajax({
                    url: baseurl + "/accounts/<?php echo $account->AccountID; ?>/subscription/edit_discountplan",
                    type: 'POST',
                    data: "SubscriptionDiscountPlanID=" + SubscriptionDiscountPlanID,
                    dataType: 'json',
                    cache: false,
                    success: function (response) {
                        response.forEach(function (data) {
                            $('[name="AccountName"]').attr("value",data.AccountName);
                            $('[name="AccountCLI"]').attr("value",data.AccountCLI);
                            $('[name="InboundDiscountPlans"]').select2().select2('val',data.InboundDiscountPlans);
                            $('[name="InboundDiscountPlans"] option:selected').val(data.InboundDiscountPlans);
                            $('[name="OutboundDiscountPlans"]').select2().select2('val',data.OutboundDiscountPlans);
                            $('[name="OutboundDiscountPlans"] option:selected').val(data.OutboundDiscountPlans);
                            $('[name="AccountSubscriptionID_dp"]').attr("value",data.AccountSubscriptionID);
                        });

                        $('[name="SubscriptionDiscountPlanID"]').attr("value",SubscriptionDiscountPlanID);
                        $(".namehide").attr('readonly','true');
                        $('#modal-add_discountplan').modal('show');
                    }
                });
            }

            function delete_discountplan(SubscriptionDiscountPlanID,AccountSubscriptionID) {
                result = confirm("Are you Sure?");
                if (result) {
                    $.ajax({
                        url: baseurl + "/accounts/<?php echo $account->AccountID; ?>/subscription/delete_discountplan",
                        type: 'POST',
                        data: "SubscriptionDiscountPlanID=" + SubscriptionDiscountPlanID,
                        dataType: 'json',
                        cache: false,
                        success: function (response) {
                            if (response.status == 'success') {
                                toastr.success(response.message, "Success", toastr_opts);
                                $('.subscription_'+AccountSubscriptionID).click();
                                $('.subscription_'+AccountSubscriptionID).click();
                                return false;
                            } else {
                                toastr.error(response.message, "Error", toastr_opts);
                            }
                        }
                    });
                    return false;
                }
            }

            function view_discountplan(SubscriptionDiscountPlanID,AccountSubscriptionID,Type){
                var update_new_url 	= 	baseurl + '/account/used_discount_plan/<?php echo $account->AccountID; ?>';
                var ServiceID = '<?php echo $ServiceID; ?>';
                $.ajax({
                    url: update_new_url,  //Server script to process data
                    type: 'POST',
                    data:'SubscriptionDiscountPlanID='+SubscriptionDiscountPlanID+'&AccountSubscriptionID='+AccountSubscriptionID+'&Type='+Type+'&ServiceID='+ServiceID,
                    dataType: 'html',
                    success: function (response) {
                        $('#minutes_report').button('reset');
                        $('#inbound_minutes_report').button('reset');
                        $('#minutes_report-modal').modal('show');
                        $('#used_minutes_report').html(response);
                    }
                });
                return false;
            }

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



<?php $__env->startSection('footer_ext'); ?>
@parent
<div class="modal fade" id="minutes_report-modal">
    <div class="modal-dialog" style="width: 70%;">
        <div class="modal-content">
            <form id="add-minutes_report-form" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title"><strong> Discount Plan Detail</strong></h4>
                </div>
                <div class="modal-body">
                    <div class="row" id="used_minutes_report">

                    </div>
                </div>
                <div class="modal-footer">
                    <button  type="button" class="btn btn-danger btn-sm btn-icon icon-left" data-dismiss="modal"> <i class="entypo-cancel"></i> Close </button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade in" id="modal-subscription">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="subscription-form" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Subscription</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                        <div class="form-group">
                            <label for="field-5" class="control-label">Subscription</label>
                            <?php echo Form::select('SubscriptionID', BillingSubscription::getSubscriptionsArray($account->CompanyId,$account->CurrencyId) , '' , array("class"=>"select2")); ?>

                        </div>
                    </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="field-5" class="control-label">Invoice Description</label>
                                <input type="text" name="InvoiceDescription" class="form-control" value="" />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="field-5" class="control-label">No</label>
                                <input type="text" name="SequenceNo" class="form-control" placeholder="AUTO" value=""  />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="field-5" class="control-label">Qty</label>
                                <input type="text" name="Qty" class="form-control" value="" />
                            </div>
                        </div>
                    </div>
                    <!-- -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="AnnuallyFee" class="control-label">Yearly Fee</label>
                                <input type="text" name="AnnuallyFee" class="form-control"   maxlength="10" id="AnnuallyFee" placeholder="" value="" />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="QuarterlyFee" class="control-label">Quarterly Fee</label>
                                <input type="text" name="QuarterlyFee" class="form-control"   maxlength="10" id="QuarterlyFee" placeholder="" value="" />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="MonthlyFee" class="control-label">Monthly Fee</label>
                               <input type="text" name="MonthlyFee" class="form-control"   maxlength="10" id="MonthlyFee" placeholder="" value="" />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="WeeklyFee" class="control-label">Weekly Fee</label>
                                <input type="text" name="WeeklyFee" id="WeeklyFee" class="form-control" value="" />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                         <div class="col-md-12">
                            <div class="form-group">
                                <label for="DailyFee" class="control-label">Daily Fee</label>
                                <input type="text" name="DailyFee" id="DailyFee" class="form-control" value="" />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                         <div class="col-md-12">
                            <div class="form-group">
                                <label for="ActivationFee" class="control-label">Activation Fee</label>
                                <input type="text" name="ActivationFee" id="ActivationFee" class="form-control" value="" />
                            </div>
                        </div>
                    </div>
                    <!-- -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="field-5" class="control-label">Start Date</label>
                                <input type="text" name="StartDate" class="form-control datepicker"  data-date-format="yyyy-mm-dd" value=""   />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="field-5" class="control-label">End Date</label>
                                <input type="text" name="EndDate" class="form-control datepicker"  data-date-format="yyyy-mm-dd" value=""  />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="field-5" class="control-label">Discount</label>
                                <input type="text" name="DiscountAmount" class="form-control" value=""  />
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="field-5" class="control-label">Discount Type</label>
                                <?php echo Form::select('DiscountType', array('Flat' => 'Flat', 'Percentage' => 'Percentage') ,'', array("class"=>"form-control") ); ?>

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

                    <div class="row">
                        <div class="col-md-12">
                        <div class="form-group">
                            <label for="field-5" class="control-label">Exempt From Tax</label>
                            <div class="clear">
                                <p class="make-switch switch-small">
                                    <input type="checkbox" name="ExemptTax" value="0">
                                </p>
                            </div>
                        </div>
                    </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="field-5" class="control-label">Active</label>
                                <div class="clear">
                                    <p class="make-switch switch-small">
                                        <input type="checkbox" name="Status" value="1" checked="checked">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <input type="hidden" name="AccountSubscriptionID">
                <input type="hidden" name="ServiceID" value="<?php echo $ServiceID; ?>">
                <div class="modal-footer">
                     <button type="submit" class="btn btn-primary print btn-sm btn-icon icon-left" data-loading-text="Loading...">
                        <i class="entypo-floppy"></i>
                        Save
                     </button>
                    <button  type="button" class="btn btn-danger btn-sm btn-icon icon-left" data-dismiss="modal">
                        <i class="entypo-cancel"></i>
                        Close
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade in" id="modal-add_discountplan">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="add_discountplan_form" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Add Account</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="field-5" class="control-label">Account Name</label>
                                <input type="text" name="AccountName" class="form-control namehide" value="" />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="field-5" class="control-label">Account CLI</label>
                                <input type="text" name="AccountCLI" class="form-control namehide" value="" />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="field-5" class="control-label">Inbound Discount Plan</label>
                                <!--<input type="text" name="InboundDiscountPlans" class="form-control" value="" />-->
                                <?php echo Form::select('InboundDiscountPlans',$DiscountPlan,'',array('class'=>'form-control select2')); ?>

                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="field-5" class="control-label">Outbound Discount Plan</label>
                                <!--<input type="text" name="OutboundDiscountPlans" class="form-control" value="" />-->
                                <?php echo Form::select('OutboundDiscountPlans',$DiscountPlan,'',array('class'=>'form-control select2')); ?>

                            </div>
                        </div>
                    </div>
                </div>
                <input type="hidden" name="ServiceID" value="<?php echo $ServiceID; ?>">
                <input type="hidden" name="AccountSubscriptionID_dp">
                <input type="hidden" name="SubscriptionDiscountPlanID">
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary print btn-sm btn-icon icon-left" data-loading-text="Loading...">
                        <i class="entypo-floppy"></i>
                        Save
                    </button>
                    <button  type="button" class="btn btn-danger btn-sm btn-icon icon-left" data-dismiss="modal">
                        <i class="entypo-cancel"></i>
                        Close
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade in" id="modal-bulkedit_discountplan">
    <div class="modal-dialog">
        <div class="modal-content">
            <form id="bulkedit_discountplan_form" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Bulk Edit Account</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <input id="InboundCheckbox" name="InboundCheckbox" type="checkbox" value="0" >
                                <label for="InboundCheckbox" class="control-label">Inbound Discount Plan</label>
                                <?php echo Form::select('BulkInboundDiscountPlans',$DiscountPlan,'',array('class'=>'form-control select2')); ?>

                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <input id="OutboundCheckbox" name="OutboundCheckbox" type="checkbox" value="0" >
                                <label for="OutboundCheckbox" class="control-label">Outbound Discount Plan</label>
                                <?php echo Form::select('BulkOutboundDiscountPlans',$DiscountPlan,'',array('class'=>'form-control select2')); ?>

                            </div>
                        </div>
                    </div>
                </div>
                <input type="hidden" name="ServiceID" value="<?php echo $ServiceID; ?>">
                <input type="hidden" name="AccountSubscriptionID_bulk">
                <input type="hidden" name="AllSubscriptionDiscountPlanID">
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary print btn-sm btn-icon icon-left" data-loading-text="Loading...">
                        <i class="entypo-floppy"></i>
                        Save
                    </button>
                    <button  type="button" class="btn btn-danger btn-sm btn-icon icon-left" data-dismiss="modal">
                        <i class="entypo-cancel"></i>
                        Close
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>