@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 role="form" id="ticketgroup_filter" method="post" action="{{Request::url()}}" class="form-horizontal form-groups-bordered validate" novalidate>
                <div class="form-group">
                    <label for="field-1" class="control-label small_label">Search</label>
                    {{ Form::text('Search', '', array("class"=>"form-control")) }}
                </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>Ticket Groups</strong> </li>
</ol>
<h3>Ticket Groups</h3>
@if( User::checkCategoryPermission('TicketsGroups','Add'))<p class="text-right"> <a href="{{ URL::to('/ticketgroups/add') }}" class="btn btn-primary"> <i class="entypo-plus"></i> Add New </a></p> @endif

<table class="table table-bordered datatable" id="table-4">
  <thead>
    <tr>           
      <th>&nbsp;</th>
      <th>Name</th>
      <th>Email Address</th>
      <th>Total Agents</th>
      <th>Escalation Time</th>
      <th>Escalation User</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>
<script type="text/javascript">
	var $searchFilter = {};
    jQuery(document).ready(function($) {

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

        var EscalationTimes = {{$EscalationTimes_json}};
		// return EscalationTimes[full[7]];
		//$searchFilter.UsersID = $("#ticketgroup_filter select[name='UsersID']").val();
		$searchFilter.Search = $("#ticketgroup_filter [name='Search']").val();
		
        data_table = $("#table-4").dataTable({
            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": baseurl + "/ticketgroups/ajax_datagrid_groups/type",
            "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
            "sPaginationType": "bootstrap",
            //"sDom": 'T<"clear">lfrtip',
            "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>>",
            "aaSorting": [[1, 'asc']],
			"fnServerParams": function (aoData) {
                    aoData.push(
                            {"name": "Search", "value": $searchFilter.Search});
                    data_table_extra_params.length = 0;
                    data_table_extra_params.push({"name": "Search","value": $searchFilter.Search},                          
                            {"name": "Export", "value": 1});
                },
            "aoColumns":
                    [
                        {
                        "bSortable": false,
                        mRender: function (id, type, full) {
                            var action, action = '<div class = "hiddenRowData" >';  
                     action += '<div class="pull-left"><input type="checkbox" class="checkbox rowcheckbox" value="' + full[0] + '" name="GroupID[]"></div></div>';
                            return action;
                        }

                     },
                        {"bSortable": true },
                        {"bSortable": true,mRender: function(id, type, full) { if(id==null){return '';}  return "<span class='wrap-text'>"+id+"</span>";  } },
						{"bSortable": true },
						{"bSortable": true,mRender: function(id, type, full) { return EscalationTimes[id]; } },
                        {"bSortable": true,mRender: function(id, type, full) { if(id){return id;}else{return 'None';} } },
                        {
                            "bSortable": true,
                            mRender: function(id, type, full) { 
                                var action, edit_, show_,delete_;
                                edit_ = "{{ URL::to('ticketgroups/{id}/edit')}}";
                                edit_ = edit_.replace('{id}', full[0]);
								
                                action =  '';