@extends('layout.main')

@section('content')

<ol class="breadcrumb bc-3">
    <li>
        <a href="{{action('dashboard')}}"><i class="entypo-home"></i>Home</a>
    </li>
    <li class="active">
        <a href="{{URL::to('accounts')}}">Accounts</a>
    </li>
    <li>
        <a><span>{{customer_dropbox($id,["IsCustomer"=>1])}}</span></a>
    </li>
    <li class="active">
        <strong>Customer Rate</strong>
    </li>
</ol>

<h3>Customer Rate</h3>
@include('accounts.errormessage')
<ul class="nav nav-tabs bordered"><!-- available classes "bordered", "right-aligned" -->
    <li class="active">
        <a href="{{ URL::to('/customers_rates/'.$id) }}" >
            Customer Rate
        </a>
    </li>
    @if(User::checkCategoryPermission('CustomersRates','Settings'))
    <li  >
        <a href="{{ URL::to('/customers_rates/settings/'.$id) }}" >
            Settings
        </a>
    </li>
    @endif
    @if(User::checkCategoryPermission('CustomersRates','Download'))
    <li>
        <a href="{{ URL::to('/customers_rates/'.$id.'/download') }}" >
            Download Rate Sheet
        </a>
    </li>
    @endif
    @if(User::checkCategoryPermission('CustomersRates','History'))
    <li>
        <a href="{{ URL::to('/customers_rates/'.$id.'/history') }}" >
            History
        </a>
    </li>
    @endif
</ul>

<div class="tab-content">
    <div class="tab-pane active" id="customer_rate_tab_content">




        <div class="row">
            <div class="col-md-12">
                <form role="form" id="customer-rate-table-search" method="post"  action="{{Request::url()}}" class="form-horizontal form-groups-bordered validate" novalidate="novalidate">
                   <div class="panel panel-primary" data-collapsed="0">
                       <div class="panel-heading">
                           <div class="panel-title">
                               Search
                           </div>

                           <div class="panel-options">
                               <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                           </div>
                       </div>

                       <div class="panel-body">
                           <div class="form-group">
                               <label for="field-1" class="col-sm-1 control-label">Code</label>
                               <div class="col-sm-2">
                                   <input type="text" name="Code" class="form-control" id="field-1" placeholder="" value="{{Input::get('Code')}}" />
                               </div>

                               <label class="col-sm-1 control-label">Description</label>
                               <div class="col-sm-2">
                                   <input type="text" name="Description" class="form-control" id="field-1" placeholder="" value="{{Input::get('Description')}}" />

                               </div>

                               <label for="field-1" class="col-sm-1 control-label">Discontinued Codes</label>
                               <div class="col-sm-2">
                                   <p class="make-switch switch-small">
                                       {{Form::checkbox('DiscontinuedRates', '1', false, array("id"=>"DiscontinuedRates"))}}
                                   </p>
                               </div>

                              <label class="col-sm-2 control-label EffectiveBox">Show Applied Rates</label>
                               <div class="col-sm-1 EffectiveBox">
                                   <input id="Effected_Rates_on_off" class="icheck" name="Effected_Rates_on_off" type="checkbox" value="1" >
                               </div>

                           </div>
                           <div class="form-group">
                               <label for="field-1" class="col-sm-1 control-label">Country</label>
                               <div class="col-sm-2">
                                   {{ Form::select('Country', $countries, Input::get('Country') , array("class"=>"select2")) }}
                               </div>

                               <label for="field-1" class="col-sm-1 control-label">Trunk</label>
                               <div class="col-sm-2">
                                   {{ Form::select('Trunk', $trunks, $trunk_keys, array("class"=>"select2",'id'=>'ct_trunk')) }}
                               </div>

                               <label for="field-1" class="col-sm-1 control-label EffectiveBox">Effective</label>
                               <div class="col-sm-2 EffectiveBox">
                                   <select name="Effective" class="select2 small" data-allow-clear="true" data-placeholder="Select Effective">
                                       <option value="Now">Now</option>
                                       <option value="Future">Future</option>
                                       <option value="All">All</option>
                                       <option value="CustomDate">Custom Date</option>
                                   </select>
                               </div>

                               <label for="field-1" class="col-sm-1 control-label EffectiveBox CustomDateBox" style="display: none">Custom Date</label>
                               <div class="col-sm-2 EffectiveBox CustomDateBox" style="display: none">
                                   <input type="text" name="CustomDate" data-date-format="yyyy-mm-dd" placeholder="{{date('Y-m-d')}}" data-startdate="{{date('Y-m-d')}}" value="{{date('Y-m-d')}}" class="form-control datepicker">
                               </div>

                           </div>
                           <div class="form-group">

                               <label class="col-sm-1 control-label">Timezone</label>
                               <div class="col-sm-3">
                                   {{ Form::select('Timezones', $Timezones, '', array("class"=>"select2")) }}
                               </div>

                               <label for="field-1" class="col-sm-1 control-label RoutinePlan">Routing Plan</label>
                               <div class="col-sm-3">
                                   {{ Form::select('RoutinePlanFilter', $trunks_routing, '', array("class"=>"select2 RoutinePlan")) }}
                               </div>
                           </div>



                           <p style="text-align: right;">
                               <button type="submit" class="btn btn-primary btn-sm btn-icon icon-left">
                                   <i class="entypo-search"></i>
                                   Search
                               </button>
                           </p>
                       </div>
                   </div>
               </form>
            </div>
        </div>
        <div class="clear"></div>

        {{--<div class="row">
            <div class="col-md-12">
                <blockquote class="blockquote-red" style="padding: 6px;">
                    --}}{{--<p> <strong>Note</strong> </p>--}}{{--
                    <p> <small>In order to offer new rates use 'Bulk New Offer' OR 'New Offer Selected'.  In order to update rates use 'Update Selected Rates' OR 'Bulk Update'. To Delete rates use 'Bulk Clear' OR 'Clear Selected Rates'.</small> </p>
                </blockquote>
            </div>
        </div>--}}
        <div class="row">
            <div class="col-md-12">
                <div class="alert alert-danger" style="padding: 6px;">
                    In order to offer new rates use 'Bulk New Offer' OR 'New Offer Selected'.  In order to update rates use 'Update Selected Rates' OR 'Bulk Update'. To Delete rates use 'Bulk Clear' OR 'Clear Selected Rates'.
                </div>
            </div>
        </div>

        <div class="clear"></div>
        <div class="row">
         <div  class="col-md-12">
                <div class="input-group-btn pull-right" style="width:76px;" id="btn-action">
                    @if( User::checkCategoryPermission('CustomersRates','Edit,ClearRate'))
                    <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('CustomersRates','Edit'))
                            <li>
                                <a class="generate_rate create" id="addSelectedCustomerRates" href="javascript:;" >
                                    New Offer Selected
                                </a>
                            </li>
                            <li>
                                <a class="generate_rate create" id="insertBulkCustomerRates" href="javascript:;" >
                                    Bulk New Offer
                                </a>
                            </li>
                            <li>
                                <a class="generate_rate create" id="changeSelectedCustomerRates" href="javascript:;" >
                                    Update Selected Rates
                                </a>
                            </li>
                            <li>
                                <a class="generate_rate create" id="bulk_set_cust_rate" href="javascript:;" style="width:100%">
                                    Bulk Update
                                </a>
                            </li>
                        @endif
                        @if(User::checkCategoryPermission('CustomersRates','ClearRate'))
                        <li><a class="generate_rate create" id="clear-bulk-rate" href="javascript:;" style="width:100%">
                                Clear Selected Rates
                            </a></li>
                        <li><a class="generate_rate create" id="bulk_clear_cust_rate" href="javascript:;" style="width:100%">
                                Bulk Clear
                            </a></li>
                        @endif
                    </ul>
                    @endif
                    <form id="clear-bulk-rate-form" >
                        <input type="hidden" name="CustomerRateID" value="">
                        <input type="hidden" name="TrunkID" value="">
                        <input type="hidden" name="TimezonesID" value="">
                    </form>
                </div><!-- /btn-group -->
                 {{--@if( User::checkCategoryPermission('CustomersRates','Create'))
                     <button id="add-new-rate" class="btn btn-primary btn-icon icon-left pull-right">
                         <i class="fa fa-plus"></i>
                         Add New
                     </button>
                 @endif--}}
             <a class="btn btn-primary btn-sm btn-icon icon-left pull-right" href="{{URL::to('/archive_rates/customer/'.$id.'')}}"> <i class="fa fa-eye"></i>
                 View Archive Rates
             </a>
         </div>
            <div class="clear"></div>
            </div>
        <br>

        <table class="table table-bordered datatable" id="table-4">
            <thead>
                <tr>
                    <th width="2%"><input type="checkbox" id="selectall" name="checkbox[]" class="" /></th>
                    <th width="5%">Code</th>
                    <th width="20%">Description</th>
                    <th width="5%">Interval 1</th>
                    <th width="5%">Interval N</th>
                    <th width="5%">Connection Fee</th>
                    <th width="5%" class="routng_plan_cl">Routing plan</th>
                    <th width="5%">Rate1 ({{$CurrencySymbol}})</th>
                    <th width="5%">RateN ({{$CurrencySymbol}})</th>
                    <th width="8%">Effective Date</th>
                    <th width="8%">Rate Prefix</th>
                    <th width="8%" class="hidden">End Date</th>
                    <th width="8%">Modified Date</th>
                    <th width="8%">Modified By</th>
                    <th width="20%">Action</th>
                </tr>
            </thead>
            <tbody>



            </tbody>
        </table>
        <script type="text/javascript">
            var $searchFilter = {};
            var checked='';
            var update_new_url;
            var first_call = true;
            var list_fields  = ['RateID','Code','Description','Interval1','IntervalN','ConnectionFee','RoutinePlanName','Rate','RateN','EffectiveDate','RatePrefix','EndDate','LastModifiedDate','LastModifiedBy','CustomerRateId','TrunkID','RateTableRateId'];
            var routinejson ='{{json_encode($routine)}}';
                    jQuery(document).ready(function($) {
                        checkrouting($("#customer-rate-table-search select[name='Trunk']").val());
                        //var data_table;

                        //$searchFilter.Code = $("#customer-rate-table-search input[name='Code']").val();
                        //$searchFilter.Description = $("#customer-rate-table-search input[name='Description']").val();
                        //$searchFilter.Country = $("#customer-rate-table-search select[name='Country']").val();
                        //$searchFilter.Trunk = $("#customer-rate-table-search select[name='Trunk']").val();
                        //$searchFilter.Effective = $("#customer-rate-table-search select[name='Effective']").val();
                        //$searchFilter.RoutinePlan = $("#customer-rate-table-search select[name='RoutinePlan']").val();

                        $("#customer-rate-table-search").submit(function(e) {

                            e.preventDefault();
                            $searchFilter.Code = $("#customer-rate-table-search input[name='Code']").val();
                            $searchFilter.Description = $("#customer-rate-table-search input[name='Description']").val();
                            $searchFilter.Country = $("#customer-rate-table-search select[name='Country']").val();
                            $searchFilter.Trunk = $("#customer-rate-table-search select[name='Trunk']").val();
                            $searchFilter.Effective = $("#customer-rate-table-search select[name='Effective']").val();
                            $searchFilter.CustomDate = $("#customer-rate-table-search input[name='CustomDate']").val();
                            $searchFilter.Effected_Rates_on_off = $("#customer-rate-table-search input[name='Effected_Rates_on_off']").prop("checked");
                            $searchFilter.RoutinePlanFilter = $("#customer-rate-table-search select[name='RoutinePlanFilter']").val();
                            $searchFilter.DiscontinuedRates = DiscontinuedRates = $("#customer-rate-table-search input[name='DiscontinuedRates']").is(':checked') ? 1 : 0;
                            $searchFilter.Timezones = Timezones = $("#customer-rate-table-search select[name='Timezones']").val();

                            if($searchFilter.Trunk == '' || typeof $searchFilter.Trunk  == 'undefined'){
                               toastr.error("Please Select a Trunk", "Error", toastr_opts);
                               return false;
                            }

                            data_table = $("#table-4").DataTable({
                                "bDestroy": true, // Destroy when resubmit form
                                "bProcessing": true,
                                "bServerSide": true,
                                "sAjaxSource": baseurl + "/customers_rates/{{$id}}/search_ajax_datagrid/type",
                                "fnServerParams": function(aoData) {
                                    aoData.push({"name": "Code", "value": $searchFilter.Code}, {"name": "Description", "value": $searchFilter.Description}, {"name": "Country", "value": $searchFilter.Country}, {"name": "Trunk", "value": $searchFilter.Trunk}, {"name": "Effective", "value": $searchFilter.Effective},{"name": "Effected_Rates_on_off", "value": $searchFilter.Effected_Rates_on_off},{"name": "RoutinePlanFilter", "value": $searchFilter.RoutinePlanFilter}, {"name": "DiscontinuedRates", "value": DiscontinuedRates}, {"name": "CustomDate", "value": $searchFilter.CustomDate}, {"name": "Timezones", "value": $searchFilter.Timezones});
                                    data_table_extra_params.length = 0;
                                    data_table_extra_params.push({"name": "Code", "value": $searchFilter.Code}, {"name": "Description", "value": $searchFilter.Description}, {"name": "Country", "value": $searchFilter.Country}, {"name": "Trunk", "value": $searchFilter.Trunk}, {"name": "Effective", "value": $searchFilter.Effective},{"name": "RoutinePlanFilter", "value": $searchFilter.RoutinePlanFilter},{"name":"Export","value":1},{"name": "Effected_Rates_on_off", "value": $searchFilter.Effected_Rates_on_off}, {"name": "DiscontinuedRates", "value": DiscontinuedRates}, {"name": "CustomDate", "value": $searchFilter.CustomDate}, {"name": "Timezones", "value": $searchFilter.Timezones});
                                },
                                "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'<'export-data'T>f>r>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
                                 "aaSorting": [[9, "asc"]],
                                 "aoColumns":
                                        [
                                            {"bSortable": false, //RateID
                                                mRender: function(id, type, full) {
                                                    return '<div class="checkbox "><input type="checkbox" name="checkbox[]" value="' + id + '" class="rowcheckbox" ></div>';
                                                }
                                            }, //0Checkbox
                                            {}, //1 Code
                                            {}, //2Description
                                            {}, //3Interval1
                                            {}, //4IntervalN
                                            {}, //5 ConnectionFee
                                            {}, //6RoutinePlanName
                                            {}, //7Rate
                                            {}, //8RateN
                                            {}, //9Effective Date
                                            {}, //10 Rate Prefix
                                            {"bVisible": false}, //11End Date
                                            {}, //12LastModifiedDate
                                            {}, //13LastModifiedBy
                                            {// 14 CustomerRateId
                                                mRender: function(id, type, full) {
                                                    var action, edit_, delete_;
                                                    edit_ = "{{ URL::to('/customers_rates/{id}/edit')}}";
                                                    RateID = full[0];
                                                    //Trunk = $("#customer-rate-table-search select[name='Trunk']").val();

                                                    edit_ = edit_.replace('{id}', id);

                                                    CustomerRateID  = id;
                                                    RateID = full[0];

                                                    Rate = ( full[7] == null )? 0:full[7];
                                                    Interval1 = ( full[3] == null )? 1:full[3];
                                                    IntervalN = ( full[4] == null )? 1:full[4];
                                                    RoutinePlan = ( full[6] == null )? '':full[6];

                                                    date = new Date();
                                                    var month = date.getMonth()+1;
                                                    var day = date.getDate();
                                                    currentDate = date.getFullYear() + '-' +   (month<10 ? '0' : '') + month + '-' +     (day<10 ? '0' : '') + day;


                                                    if( full[7] == null ) EffectiveDate = currentDate;
                                                    else EffectiveDate = full[7];

                                                    clerRate_ = "{{ URL::to('/customers_rates/clear_rate')}}/"+CustomerRateID;


                                                    action = '<div class = "hiddenRowData" >';
                                                    for(var i = 0 ; i< list_fields.length; i++){
                                                        action += '<input type = "hidden"  name = "' + list_fields[i] + '"       value = "' + (full[i] != null?full[i]:'')+ '" / >';
                                                    }
                                                    action += '</div>';
                                                    if (CustomerRateID > 0) {