@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 id="service_filter" method="get"    class="form-horizontal form-groups-bordered validate" novalidate>
                <div class="form-group">
                    <label for="field-1" class="control-label">Name</label>
                    {{ Form::text('ServiceName', '', array("class"=>"form-control")) }}
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">Gateway</label>
                    {{ Form::select('CompanyGatewayID',CompanyGateway::getCompanyGatewayIdList(),'', array("class"=>"select2 small")) }}
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">Status</label><br/>
                    <p class="make-switch switch-small">
                        <input id="ServiceStatus" name="ServiceStatus" type="checkbox" checked>
                        <input id="ServiceRefresh" type="hidden" 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="{{action('dashboard')}}"><i class="entypo-home"></i>Home</a>
    </li>
    <li class="active">
        <strong>Service</strong>
    </li>
</ol>
<h3>Services</h3>
<p class="text-right">
@if(User::checkCategoryPermission('Service','Add'))
    <a href="#" data-action="showAddModal" data-type="service" data-modal="add-new-modal-service" class="btn btn-primary">
        <i class="entypo-plus"></i>
        Add New
    </a>
@endif
</p>

<table class="table table-bordered datatable" id="table-4">
    <thead>
    <tr>
        <th>Status</th>
        <th>Name</th>
        <th>Type</th>
        <th>Gateway</th>
        <th>Actions</th>
    </tr>
    </thead>
    <tbody>
 

    </tbody>
</table>

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

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

        $searchFilter.ServiceName = $("#service_filter [name='ServiceName']").val();
        $searchFilter.CompanyGatewayID = $("#service_filter [name='CompanyGatewayID']").val();
        $searchFilter.ServiceStatus = $("#service_filter [name='ServiceStatus']").prop("checked");

        data_table = $("#table-4").dataTable({

            "bProcessing":true,
            "bServerSide":true,
            "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>>",
            "sAjaxSource": baseurl + "/services/ajax_datagrid",
            "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
            "sPaginationType": "bootstrap",
            "aaSorting"   : [[5, 'desc']],
            "fnServerParams": function(aoData) {
                aoData.push({"name":"ServiceName","value":$searchFilter.ServiceName},{"name":"CompanyGatewayID","value":$searchFilter.CompanyGatewayID},{"name":"ServiceStatus","value":$searchFilter.ServiceStatus});
                data_table_extra_params.length = 0;
                data_table_extra_params.push({"name":"ServiceName","value":$searchFilter.ServiceName},{"name":"CompanyGatewayID","value":$searchFilter.CompanyGatewayID},{"name":"ServiceStatus","value":$searchFilter.ServiceStatus},{ "name": "Export", "value": 1});
            },
            "aoColumns": 
             [
                { "bVisible": false, "bSortable": true  }, //Status
                { "bSortable": true }, //Name
                { "bSortable": true }, //Type
                { "bSortable": true }, //Gateway
                {
                   "bSortable": true,
                    mRender: function ( id, type, full ) {
                        var action , edit_ , show_, delete_ ;
                        action = '<div class = "hiddenRowData" >';
                        action += '<input type = "hidden"  name = "ServiceName" value = "' + (full[1] != null ? full[1] : '') + '" / >';
                        action += '<input type = "hidden"  name = "ServiceType" value = "' + (full[2] != null ? full[2] : '') + '" / >';
                        action += '<input type = "hidden"  name = "CompanyGatewayID" value = "' + (full[5] != null ? full[5] : '') + '" / >';
                        action += '<input type = "hidden"  name = "Status" value = "' + (full[0] != null ? full[0] : 0) + '" / ></div>';