@extends('layout.main')

@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>Gateway</strong>
    </li>
</ol>
<h3>Gateway</h3>

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



<p style="text-align: right;">
@if( User::checkCategoryPermission('Gateway','Add') )
    <a href="#" id="add-new-config" class="btn btn-primary ">
        <i class="entypo-plus"></i>
        Add New
    </a>
@endif
</p>
<div class="row">
  <div class="tab-content">
    <div class="tab-pane active" id="customer" >
      <div class="col-md-12">
        <form novalidate class="form-horizontal form-groups-bordered filter validate" method="post" id="gateway_form">
          <div data-collapsed="0" class="panel panel-primary">
            <div class="panel-heading">
              <div class="panel-title">Filter</div>
              <div class="panel-options"> <a data-rel="collapse" href="#"><i class="entypo-down-open"></i></a> </div>
            </div>
            <div class="panel-body">
              <div class="form-group">
                <label class="col-sm-1 control-label" for="field-1">Gateway</label>
                <div class="col-sm-3"> {{ Form::select('Gateway',$gateway,$id,array("class"=>"select2")) }} </div>
              </div>
              <p style="text-align: right;">
                <button class="btn btn-primary btn-sm btn-icon icon-left" type="submit"> <i class="entypo-search"></i> Search </button>
              </p>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<table class="table table-bordered datatable" id="table-4">
    <thead>
    <tr>
        <th width="20%">Gateway Name</th>
        <th width="20%">IP</th>
        <th width="10%">Status</th>
        <th width="20%">Action</th>
    </tr>
    </thead>
    <tbody>


    </tbody>
</table>

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

        //show_loading_bar(40);
		 $searchFilter.Gateway = $("#gateway_form [name='Gateway']").val();
        var GatewayName = '{{$GatewayName}}';

        data_table = $("#table-4").dataTable({
            "bDestroy": true,
            "bProcessing":true,
            "bServerSide":true,
            "sAjaxSource": baseurl + "/gateway/ajax_datagrid/type",
            "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
            "sPaginationType": "bootstrap",
            "sDom": "<'row'<'col-xs-6 col-left'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>>",
            "fnServerParams": function(aoData) {
				  aoData.push({"name":"Gateway","value":$searchFilter.Gateway});
                data_table_extra_params.length = 0;
                data_table_extra_params.push({"name":"Export","value":1},{"name":"Gateway","value":$searchFilter.Gateway});
            },
            "aaSorting": [[0, 'asc']],
             "aoColumns":
            [
                {  "bSortable": true },  //0   name', '', '', '
                {  "bSortable": true },  //1   name', '', '', '
                {  mRender: function(status, type, full) {
                                                   if (status == 1)
                                                       return '<i style="font-size:22px;color:green" class="entypo-check"></i>';
                                                   else
                                                       return '<i style="font-size:28px;color:red" class="entypo-cancel"></i>';
                                               }
                }, //2   Status
                {                       //3
                   "bSortable": true,
                    mRender: function ( id, type, full ) {
                    var GatewayID = full[3]>0?full[3]:'';
                        var action ='';
                         action = '<div class = "hiddenRowData" >';
                         action += '<input type = "hidden"  name = "GatewayID" value = "' + GatewayID + '" / >';
                         action += '<input type = "hidden"  name = "CompanyGatewayID" value = "' + full[4] + '" / >';
                         action += '<input type = "hidden"  name = "Title" value = "' + full[0] + '" / >';
                         action += '<input type = "hidden"  name = "Status" value = "' + full[2] + '" / >';
                         action += '<input type = "hidden"  name = "IP" value = "' +( full[1]!==null?full[1]:'') + '" / >';
                        action += '<input type = "hidden"  name = "TimeZone" value = "' +( full[5]!==null?full[5]:'') + '" / >';
                        action += '<input type = "hidden"  name = "BillingTimeZone" value = "' +( full[6]!==null?full[6]:'') + '" / >';
                        action += '<input type = "hidden"  name = "ServiceID" value = "' +( full[7]!==null?full[7]:'') + '" / >';
                         action += '</div>';