@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 novalidate class="form-horizontal form-groups-bordered validate" method="post" id="ratetable_filter">
                <input type="hidden" name="level" value="S" class="level" data-type="level">
                <div class="form-group S">
                    <label class="control-label" for="field-1">Service</label>
                    {{ Form::select('services', $allservice, '', array("class"=>"select2","data-type"=>"service")) }}
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">Currency</label>
                    {{Form::select('Currency', $currencies, $CurrencyID ,array("class"=>"form-control select2 currency"))}}
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">Account</label>
                    {{Form::select('SourceCustomers[]', $all_customers, array() ,array("class"=>"form-control select2",'multiple','id'=>"Customerlist"))}}
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">SMS Rate Table</label>
                    {{Form::select('RateTableId', $rate_tables, array() ,array("class"=>"form-control select2","id"=>"RateTableId"))}}
                </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>
            <a href="{{URL::to('/sms_rate_tables')}}">SMS Rate Table</a>
        </li>
        <li class="active">
            <strong>Apply SMS Rate Table</strong>
        </li>
    </ol>
    <h3>Apply SMS Rate Table</h3>
    <p style="text-align: right;">
        @if(User::checkCategoryPermission('RateTables','Add'))
            <a href="#" id="add-new-rate-table" class="btn btn-primary" title="Apply SMS Rate table to Bulk Accounts">
                Change Selected
            </a>
        @endif

    </p>

    <div class="cler row">
        <div class="col-md-12">
            <form role="form" id="form1" method="post" class="form-horizontal form-groups-bordered validate" novalidate>

                <div class="form-group">
                    <div class="col-md-12">
                        {{-- Service Level --}}
                        <table class="table table-bordered datatable" id="table-service">
                            <thead>
                            <tr>
                                <th><input type="checkbox" class="table-service_selectall" id="table-service_selectall" name="service_selectall[]" /></th>
                                <th>Account Name</th>
                                <th>SMS Rate Table</th>
                                <th id="servicenametd">Service Name</th>
                                <th >Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>

                    </div>
                </div>

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

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

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

            $("#ratetable_filter").submit(function(e) {

                var $searchFilter = {};
                $searchFilter.RateTableId = $("#ratetable_filter [name='RateTableId']").val();
                $searchFilter.SourceCustomers = $("#ratetable_filter select[name='SourceCustomers[]']").val();
                $searchFilter.services = $('#ratetable_filter [name="services"]').val();
                $searchFilter.level = $('#ratetable_filter [name="level"]').val();
                $searchFilter.Currency = $("#ratetable_filter select[name='Currency']").val();
                if(jQuery.isEmptyObject($searchFilter.SourceCustomers) == false){
                    $searchFilter.SourceCustomers = $searchFilter.SourceCustomers.join(",");}

                if($searchFilter.level =='S'){
                    var checknoxid = 'service_selectcheckbox';
                    var tableid = 'table-service';

                    aoColumns = [
                        {"bSortable": false,
                            mRender: function(id, type, full) {
                                var account_service = full[0]+'_'+full[4];
                                return '<div class="checkbox "><input type="checkbox" name="customer[]" value="' + account_service + '" class="rowcheckbox" ></div>';
                            }
                        },
                        {"bSortable": true},
                        {"bSortable": true},
                        {"bSortable": true},
                        {
                            mRender: function(id, type, full) {
                                var action;
                                var account_service = full[0]+'_'+full[4];
                                action = '<a title="Edit" data-id="'+ account_service +'" data-Ratetable="'+full[6]+'" data-serviceId="'+full[4]+'" class="edit-ratetable btn btn-default btn-sm"><i class="entypo-pencil"></i></a>&nbsp;';
                                return action;
                            }
                        },
                    ]
                }

                if(typeof $searchFilter.Currency  == 'undefined' || $searchFilter.Currency == '' ){
                    setTimeout(function(){
                        $('.btn').button('reset');
                    },10);
                    toastr.error("Please Select a Currency", "Error", toastr_opts);
                    return false;
                }

                data_table = $("#"+tableid).dataTable({
                    "bDestroy": true,
                    "bProcessing": true,
                    "bServerSide": true,
                    "sAjaxSource": baseurl + "/sms_rate_tables/apply_rate_table/ajax_datagrid/type",
                    "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
                    "sPaginationType": "bootstrap",
                    "sDom": "<'row'<'col-xs-6 col-left'<'#"+checknoxid+".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>>",
                    "oTableTools": {},
                    "aaSorting": [[1, "asc"]],
                    "fnServerParams": function(aoData) {
                        aoData.push(
                            {"name":"Currency","value":$searchFilter.Currency},
                            {"name":"RateTableId","value":$searchFilter.RateTableId},
                            {"name":"SourceCustomers","value":$searchFilter.SourceCustomers},
                            {"name":"level","value":$searchFilter.level},
                            {"name":"services","value":$searchFilter.services},
                            {"name":"Search","value":$searchFilter.Search});
                        data_table_extra_params.length = 0;
                        data_table_extra_params.push(
                            {"name":"Currency","value":$searchFilter.Currency},
                            {"name":"RateTableId","value":$searchFilter.RateTableId},
                            {"name":"SourceCustomers","value":$searchFilter.SourceCustomers},
                            {"name":"level","value":$searchFilter.level},
                            {"name":"services","value":$searchFilter.services},
                            {"name":"Search","value":$searchFilter.Search},
                            {"name":"Export","value":1});
                    },

                    "aoColumns":aoColumns ,
                    "oTableTools":
                    {
                        "aButtons": [
                            {
                                "sExtends": "download",
                                "sButtonText": "EXCEL",
                                "sUrl": baseurl + "/sms_rate_tables/apply_rate_table/ajax_datagrid/xlsx",
                                sButtonClass: "save-collection btn-sm"
                            },
                            {
                                "sExtends": "download",
                                "sButtonText": "CSV",
                                "sUrl": baseurl + "/sms_rate_tables/apply_rate_table/ajax_datagrid/csv",
                                sButtonClass: "save-collection btn-sm"
                            }
                        ]
                    },
                    "fnDrawCallback": function() {
                        var table_select_all = tableid+'_selectall';
                        $('#'+tableid +' tbody tr').each(function (i, el) {
                            if (checked != '') {

                                $(this).find('.rowcheckbox').prop("checked", true).prop('disabled', true);
                                $(this).addClass('selected');
                                $('.selectallbutton').prop("checked", true);
                                $("#"+table_select_all).prop("checked", true).prop('disabled', true);

                            } else {

                                $("#"+table_select_all).prop("checked", false).prop('disabled', false);
                                $(this).find('.rowcheckbox').prop("checked", false).prop('disabled', false);
                                $(this).removeClass('selected');

                            }
                        });

                        $('.selectallbutton').click(function (ev) {
                            if ($(this).is(':checked')) {
                                checked = 'checked=checked disabled';
                                
                                $("#"+table_select_all).prop("checked", true).prop('disabled', true);
                                $('#'+tableid +' tbody tr').each(function (i, el) {
                                    $(this).find('.rowcheckbox').prop("checked", true).prop('disabled', true);
                                    $(this).addClass('selected');
                                });

                                $(".allpage").html('<input type="hidden" name="chk_Currency" value=' + $searchFilter.Currency + ' >' +
                                        '<input type="hidden" name="chk_RateTableId" value=' + $searchFilter.RateTableId + ' >' +
                                        '<input type="hidden" name="chk_SourceCustomers" value=' + $searchFilter.SourceCustomers + ' >' +
                                        '<input type="hidden" name="chk_services" value=' + $searchFilter.services + ' >' +
                                        '<input type="hidden" name="chk_allpageschecked" value="Y" >');

                            } else {
                                checked = '';
                                $("#"+table_select_all).prop("checked", false).prop('disabled', false);
                                $('#'+tableid +' tbody tr').each(function (i, el) {
                                    $(this).find('.rowcheckbox').prop("checked", false).prop('disabled', false);
                                    $(this).removeClass('selected');
                                });
                                $("input[name='chk_allpageschecked']").val('N');

                            }
                        });

                        $(".dataTables_wrapper select").select2({
                            minimumResultsForSearch: -1
                        });


                    }
                });
                $("#"+checknoxid).append('<input type="checkbox" class="selectallbutton" name="checkboxselect[]" class="" title="Select All Found Records" />');
                return false;

            });


            //Select Row on click
            $('#table-service tbody').on('click', 'tr', function () {
                $(this).toggleClass('selected');
                if ($(this).hasClass("selected")) {
                    $(this).find('.rowcheckbox').prop("checked", true);
                } else {
                    $(this).find('.rowcheckbox').prop("checked", false);
                }
            });

            // Select all by table-service
            $("#table-service_selectall").click(function (ev) {
                var is_checked = $(this).is(':checked');
                $('#table-service tbody tr').each(function (i, el) {
                    if (is_checked) {
                        $(this).find('.rowcheckbox').prop("checked", true);
                        $(this).addClass('selected');
                    } else {
                        $(this).find('.rowcheckbox').prop("checked", false);
                        $(this).removeClass('selected');
                    }
                });
            });





            $('table tbody').on('click','.edit-ratetable',function(ev){

                $("#add-new-form").trigger("reset");
                ev.preventDefault();
                ev.stopPropagation();
                $('#modal-add-new-rate-table').trigger("reset");

                /* For Service Level */
                $("#modal-add-new-rate-table [name='selected_customer']").val($(this).attr('data-id'));
                var RateTable_Id = $(this).attr('data-Ratetable')!= 'null' ?  $(this).attr('data-Ratetable') : '';

                $("#modal-add-new-rate-table [name='RateTable_Id']").select2('val', RateTable_Id);

                var level = $("#ratetable_filter input[name='level']").val();
                $("input[name='selected_level']").val(level);

                $('#modal-add-new-rate-table').modal('show');

            });

            $("#add-new-rate-table").click(function(ev) {

                ev.preventDefault();
                $("#modal-add-new-rate-table [name='RateTable_Id']").select2('val', '');

                $('#modal-add-new-rate-table').modal('show', {backdrop: 'static'});
                /* Get selected Customer */
                var favorite = [];
                $.each($("input[name='customer[]']:checked"), function(){
                    favorite.push($(this).val());
                });
                $.unique(favorite);
                $("input[name='selected_customer']").val(favorite.join(","));
                var level = $("#ratetable_filter input[name='level']").val();
                $("input[name='selected_level']").val(level);
                /* Get selected Customer */


            });

            $("#add-new-form").submit(function(ev){
                ev.preventDefault();
                update_new_url = baseurl + '/sms_rate_tables/apply_rate_table/store';
                submit_ajax(update_new_url,$("#add-new-form").serialize());
            });

            $(".currency").change(function(){
                var currencyID = $(this).val();
                if(currencyID > 0) {
                    $("#Customerlist").select2("val", "");
                    getRateTableAndAccountByCurrency(currencyID);
                }
            });
            getRateTableAndAccountByCurrency('{{$CurrencyID}}');

        });

        function getRateTableAndAccountByCurrency(currencyID){
            $.ajax({
                url: baseurl + "/sms_rate_tables/apply_rate_table/ajax_getRateTableAndAccountByCurrency",
                dataType: 'json',
                type: 'post',
                data: {id: currencyID},
                success: function (response) {
                    var ratetable = response.ratetablelist;
                    var key = "";
                    delete ratetable[key];
                    $('#RateTableId').html();
                    var $select = $('#RateTableId');
                    var $RateTable_Id = $('#RateTable_Id');
                    var select = '<option value="">Select</option>';
                    $.each(ratetable, function (key, value) {
                        select += '<option value=' + key + '>' + value + '</option>';
                    });
                    $select.html(select);
                    $RateTable_Id.html(select);


                    /* Accountlist as per Currency selected */
                    var accountlist = response.accountlist;
                    delete accountlist[key];
                    $('#RateTableId').html();
                    var $select = $('#Customerlist');
                    var select = '<option value="">Select</option>';
                    $.each(accountlist, function (key, value) {
                        select += '<option value=' + key + '>' + value + '</option>';
                    });
                    $select.html(select);

                }
            });
        }

    </script>

    @include('includes.errors')
    @include('includes.success')
    @include('currencies.currencymodal')
    <style>
        #service_selectcheckbox , #trunk_selectcheckbox{
            padding: 15px 10px;
        }
    </style>
@stop

@section('footer_ext')
    @parent
    <div class="modal fade" id="modal-add-new-rate-table">
        <div class="modal-dialog">
            <div class="modal-content">
                <form id="add-new-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 Apply Rate Table</h4>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" name="selected_customer">
                        <input type="hidden" name="selected_level">
                        <div class="allpage"><input type="hidden" name="chk_allpageschecked" value="N" ></div>
                        <div class="row S">
                            <div class="col-md-12">
                                <div class="form-group ">
                                    <label for="field-5" class="control-label">SMS Rate Table</label>
                                    {{Form::select('RateTable_Id', $rate_tables, '',array("class"=>"form-control select2","id"=>"RateTable_Id"))}}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" id="codedeck-update"  class="save btn btn-primary btn-sm btn-icon icon-left" data-loading-text="Loading...">
                            <i class="entypo-floppy"></i>
                            Apply
                        </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>
@stop