@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="get" id="ratetable_filter">
                <div class="form-group">
                    <label for="Search" class="control-label">CodeRule</label>
                    <input class="form-control" name="CodeRule" id="CodeRule"  type="text" >
                </div>
                <div class="form-group">
                    <label class="control-label" for="field-1">Trunk</label>
                    {{ Form::select('TrunkID', $trunks, '', array("class"=>"select2","data-type"=>"trunk")) }}
                </div>

                <div class="form-group">
                    <label for="Search" class="control-label">Vendor</label>
                    {{Form::select('VendorID', $all_accounts, '' ,array("class"=>"form-control select2"))}}
                </div>
                <div class="form-group">
                    <br/>
                    <button type="submit" class="btn btn-primary btn-md btn-icon icon-left">
                        <i class="entypo-search"></i>
                        Search
                    </button>
                </div>
            </form>
        </div>
    </div>
@stop


@section('content')
<ol class="breadcrumb bc-3">
    <li>
        <a href="{{URL::to('/dashboard')}}"><i class="entypo-home"></i>Home</a>
    </li>

    <li class="active">
        <strong>Sippy Vendor Destination </strong>
    </li>
</ol>
<h3>Sippy Vendor Destination</h3>
<p style="text-align: right;">
@if(User::checkCategoryPermission('AutoRateImport','Add'))
    <a href="#" id="add-new-account-setting" class="btn btn-primary ">
        <i class="entypo-plus"></i>
        Add New
    </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">
                            <table class="table table-bordered datatable" id="table-4">
                                <thead>
                                    <tr>
                                        <th >Vendor Name</th>
                                        <th >Code-Rule</th>
                                        <th >Trunk</th>
                                        <th >Destination Set</th>
                                        <th >Created At</th>
                                        <th >Modified By</th>

                                        <th >Action</th>
                                    </tr>
                                </thead>
                                <tbody>


                                </tbody>
                            </table>
                        </div>
                    </div>
        </form>
    </div>
</div>
<script type="text/javascript">
jQuery(document).ready(function($) {

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

    var $searchFilter = {};
    var update_new_url;
        $searchFilter.TrunkID = $("#ratetable_filter [name='TrunkID']").val();
        $searchFilter.VendorID = $("#ratetable_filter [name='VendorID']").val();
		$searchFilter.CodeRule = $('#ratetable_filter [name="CodeRule"]').val();
        $searchFilter.SettingType = 1;
        data_table = $("#table-4").dataTable({
            "bDestroy": true,
            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": baseurl + "/sippy_vendor_destination/ajax_datagrid/1",
            "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
            "sPaginationType": "bootstrap",
            "sDom": "<'row'<'col-xs-6 col-left '<'#selectcheckbox.col-xs-1'>'l><'col-xs-6 col-right'<'change-view'><'export-data'T>f>r><'gridview'>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
            "aaSorting": [[4, "desc"]],
            "fnServerParams": function(aoData) {
                aoData.push({"name":"TrunkID","value":$searchFilter.TrunkID},{"name":"SettingType","value":$searchFilter.SettingType},{"name":"VendorID","value":$searchFilter.VendorID},{"name":"CodeRule","value":$searchFilter.CodeRule});
                data_table_extra_params.length = 0;
                data_table_extra_params.push({"name":"TrunkID","value":$searchFilter.TrunkID},{"name":"SettingType","value":$searchFilter.SettingType},{"name":"VendorID","value":$searchFilter.VendorID},{"name":"CodeRule","value":$searchFilter.CodeRule},{"name":"Export","value":1});
            },
            "fnRowCallback": function(nRow, aData) {
                $(nRow).attr("id", "host_row_" + aData[2]);
            },
            "aoColumns":
                    [
                        {"bSortable": true},
                        {"bSortable": false},
                        {"bSortable": false},
                        {"bSortable": false},
                        {"bSortable": true},
                        {"bSortable": false},

                        {
                            mRender: function(id, type, full) {
                                var action, delete_;
                                delete_ = "{{ URL::to('/sippy_vendor_destination/{id}/delete')}}";

                                delete_ = delete_.replace('{id}', id);
                                @if(User::checkCategoryPermission('AutoRateImport','Add'))
                                action = '<a title="Edit" data-id="'+id+'" data-VendorID="'+full[7]+'" data-TrunkID="'+full[8]+'" data-DestinationSet="'+full[9]+'" data-CodeRule="'+full[1]+'" class="edit-sippyVendorDesti btn btn-default btn-sm"><i class="entypo-pencil"></i></a>&nbsp;';
                                action += ' <a data-name = "' + full[1] + '" data-id="' + id + '" data-VendorID="'+full[7]+'" data-TrunkID="'+full[8]+'" data-DestinationSet="'+full[9]+'" data-CodeRule="'+full[1]+'" title="CLone" class="clone-product btn btn-default btn-smtooltip-primary" data-original-title="Clone" title="" data-placement="top" data-toggle="tooltip"><i class="fa fa-clone"></i>&nbsp;</a>';
                                @endif