@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="novalidate" class="form-horizontal form-groups-bordered validate" method="post" id="dialstring_filter">
                <div class="form-group">
                    <label class="control-label" for="field-1">Prefix</label>
                    <input type="text" name="ft_dialstring" class="form-control">
                    <input name="ft_dialstringid" value="{{$id}}" type="hidden" >
                </div>
                <div class="form-group">
                    <label class="control-label">Charge Code</label>
                    <input type="text" name="ft_chargecode" class="form-control">
                </div>
                <div class="form-group">
                    <label class="control-label">Description</label>
                    <input type="text" name="ft_description" class="form-control">
                </div>
                <div class="form-group">
                    <label class="control-label">Forbidden</label><br/>
                    <p class="make-switch switch-small">
                        <input name="ft_forbidden" type="checkbox" value="1">
                    </p>
                </div>
                <div class="form-group">
                    <br/>
                    <button type="submit" class="btn btn-primary btn-md btn-icon icon-left">
                        <i class="entypo-search"></i>
                        Search
                    </button>
                </div>
            </form>
        </div>
    </div>
@stop


@section('content')

<ol class="breadcrumb bc-3">
    <li>
        <a href="{{URL::to('dashboard')}}"><i class="entypo-home"></i>Home</a>
    </li>
    <li>
            <a href="{{URL::to('dialstrings')}}">Dial Strings</a>
    </li>
    <li class="active">
        <strong>{{$DialStringName}}</strong>
    </li>
</ol>
<h3>Dial Strings</h3>

@if( User::checkCategoryPermission('DialStrings','Delete'))
    <button type="submit" id="delete-bulk-code" class="btn btn-danger btn-sm btn-icon icon-left pull-right" style="margin-left: 2px;">
        <i class="entypo-trash"></i>
        Delete Selected
    </button>
@endif
@if( User::checkCategoryPermission('DialStrings','Edit'))
    <a href="javascript:;"  id="changeSelectedCode" class="btn btn-primary btn-sm btn-icon icon-left pull-right" style="margin-left: 2px;" onclick="jQuery('#modal-6').modal('show', {backdrop: 'static'});" href="javascript:;" style="margin-left: 10px;">
        <i class="entypo-floppy"></i>
        Change Selected
    </a>
@endif
@if( User::checkCategoryPermission('DialStrings','Add') )
    <a href="javascript:;" id="add-new-code" class="btn btn-sm upload btn-primary btn-icon icon-left pull-right">
        <i class="entypo-plus"></i>
        Add New
    </a>
@endif

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

<ul class="nav nav-tabs bordered">
    <!-- available classes "bordered", "right-aligned" -->
    <li class="active">
        <a href="{{URL::to('/dialstrings/'.$id.'/dialstringcode')}}">
            <span>Dial String</span>
        </a>
    </li>
    @if( User::checkCategoryPermission('DialStrings','Upload') )
    <li><a href="{{URL::to('/dialstrings/'.$id.'/upload')}}">
            <span>Upload</span>
        </a></li>
    @endif
</ul>


<table class="table table-bordered datatable" id="table-4">
    <thead>
    <tr>
        <th width="5%"><input type="checkbox" id="selectall" name="codedeck[]" class="" />
        </th>
        <th width="20%">Prefix</th>
        <th width="20%">Charge Code</th>
        <th width="20%">Description</th>
        <th width="10%">Forbidden</th>
        <th width="25%">Actions</th>
    </tr>
    </thead>
    <tbody>


    </tbody>
</table>


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

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

        public_vars.$body = $("body");
        //show_loading_bar(40);

        $("#dialstring_filter").submit(function(e) {
            e.preventDefault();

            $searchFilter.ft_dialstring = $("#dialstring_filter [name='ft_dialstring']").val();
            $searchFilter.ft_chargecode = $("#dialstring_filter [name='ft_chargecode']").val();
            $searchFilter.ft_description = $("#dialstring_filter [name='ft_description']").val();
            $searchFilter.ft_dialstringid = $("#dialstring_filter [name='ft_dialstringid']").val();
            $searchFilter.ft_forbidden = $("#dialstring_filter [name='ft_forbidden']").prop("checked");

            if($searchFilter.ft_dialstringid == ''){
                ShowToastr("error",'Please Select DialString');
                return false;
            }


            data_table = $("#table-4").dataTable({
                "bDestroy": true,
                "bProcessing":true,
                "bServerSide":true,
                "sAjaxSource": baseurl + "/dialstrings/ajax_datagrid/type",
                "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
                "fnServerParams": function(aoData) {
                    aoData.push({"name":"ft_dialstring","value":$searchFilter.ft_dialstring},{"name":"ft_chargecode","value":$searchFilter.ft_chargecode},{"name":"ft_description","value":$searchFilter.ft_description},{"name":"ft_dialstringid","value":$searchFilter.ft_dialstringid},{"name":"ft_forbidden","value":$searchFilter.ft_forbidden});
                    data_table_extra_params.length = 0;
                    data_table_extra_params.push({"name":"ft_dialstring","value":$searchFilter.ft_dialstring},{"name":"ft_chargecode","value":$searchFilter.ft_chargecode},{"name":"ft_description","value":$searchFilter.ft_description},{"name":"ft_dialstringid","value":$searchFilter.ft_dialstringid},{"name":"ft_forbidden","value":$searchFilter.ft_forbidden},{ "name": "Export", "value": 1});
                },
                "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": [[1, 'ASC']],
                "aoColumns":
                        [
                            {"bSortable": false, //DialStringCodeID
                                mRender: function(id, type, full) {
                                    return '<div class="checkbox "><input type="checkbox" name="codedeck[]" value="' + id + '" class="rowcheckbox" ></div>';
                                }
                            },
                            {  "bSortable": true },//dialstring
                            { "bSortable": true },//chargecode
                            { "bSortable": true },//description
                            { "bSortable": true,
                                mRender:function( id, type, full) {

                                    var output;
                                    if (id == 1) {
                                        output = 'Y';
                                    } else {
                                        output = 'N';
                                    }
                                    return output;
                                }

                            },//forbidden

                            {
                                "bSortable": true,
                                mRender: function ( id, type, full ) {
                                    var action , edit_ , show_ , delete_;
                                    delete_ = "{{ URL::to('dialstrings/{id}/deletecode')}}";

                                    delete_ = delete_.replace( '{id}', full[0] );

                                    DialStringCodeID = full[0];
                                    DialString = full[1];
                                    ChargeCode = full[2];
                                    Description = full[3];
                                   // Forbidden = ( full[4] == null )? 1:full[4];
                                    Forbidden = full[4];
                                    action = '<div class = "hiddenRowData" >';
                                    action += '<input type = "hidden"  name = "DialStringCodeID" value = "' + DialStringCodeID + '" / >';
                                    action += '<input type = "hidden"  name = "DialString" value = "' + DialString + '" / >';
                                    action += '<input type = "hidden"  name = "ChargeCode" value = "' + ChargeCode + '" / >';
                                    action += '<input type = "hidden"  name = "Description" value = "' + Description + '" / >';
                                    action += '<input type = "hidden"  name = "Forbidden" value = "' +  Forbidden + '" / >' ;
                                    action += '</div>';