@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="Name" class="control-label">Name</label>
                    <input class="form-control" name="Name" id="Name"  type="text" >
                </div>
                <div class="form-group">
                    <label for="Name" class="control-label">Contact Owner</label>
                    <select name="Owner" class="select2" data-allow-clear="true" data-placeholder="Select Account Owner...">
                        <option></option>
                        <optgroup label="Leads">
                            @if( count($lead_owners))
                            @foreach($lead_owners as $lead_owner)
                            @if(!empty($lead_owner->AccountName) && $lead_owner->Status == 1)
                            <option value="{{$lead_owner->AccountID}}">
                            {{$lead_owner->AccountName}}
                            </option>
                            @endif
                            @endforeach
                            @endif
                        </optgroup>
                        <optgroup label="Accounts">
                            @if( count($account_owners))
                            @foreach($account_owners as $account_owner)
                            @if(!empty($account_owner->AccountName) && $account_owner->Status == 1)
                            <option value="{{$account_owner->AccountID}}" >
                            {{$account_owner->AccountName}}
                            </option>
                            @endif
                            @endforeach
                            @endif
                        </optgroup>
                    </select>
                </div>
                <div class="form-group">
                    <label for="Phone" class="control-label">Phone</label>
                    <input class="form-control" name="Phone" id="Phone"  type="text" >
                </div>
                <div class="form-group">
                    <label for="Search" class="control-label">Email</label>
                    <input class="form-control" name="Search" id="Search"  type="text" >
                </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>Contacts</strong>
    </li>
</ol>
<h3>Contacts</h3>

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

<p style="text-align: right;">
@if(User::checkCategoryPermission('Contacts','Add'))
    <a href="{{URL::to('contacts/create')}}" 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>Contact Name</th>
        <th>Contact Owner</th>
        <th>Phone</th>
        <th>Email</th>
        <th>Actions</th>
    </tr>
    </thead>
    <tbody>
    </tbody>
</table>

<script type="text/javascript">
    jQuery(document).ready(function ($) {
        // Filter code start here 
        $('#filter-button-toggle').show();
        var $searchFilter = {};
        var update_new_url;
        $searchFilter.Name = $("#ratetable_filter [name='Name']").val();
        $searchFilter.Owner = $("#ratetable_filter [name='Owner']").val();
        $searchFilter.Phone = $("#ratetable_filter [name='Phone']").val();
        $searchFilter.Search = $('#ratetable_filter [name="Search"]').val();
        // End here
         data_table = $("#table-4").dataTable({

            "bProcessing":true,
            "bServerSide":true,
            "sAjaxSource": baseurl + "/contacts/ajax_datagrid",
            "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
            "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>>",
            "sPaginationType": "bootstrap",
            "oTableTools": {},
            "aaSorting"   : [[4, 'desc']],
            // Filter
            "fnServerParams": function(aoData) {
                aoData.push({"name":"Name","value":$searchFilter.Name},{"name":"Owner","value":$searchFilter.Owner},{"name":"Phone","value":$searchFilter.Phone},{"name":"Search","value":$searchFilter.Search});
                data_table_extra_params.length = 0;
                data_table_extra_params.push({"name":"Name","value":$searchFilter.Name},{"name":"Owner","value":$searchFilter.Owner},{"name":"Phone","value":$searchFilter.Phone},{"name":"Search","value":$searchFilter.Search});
            },
            "fnRowCallback": function(nRow, aData) {
                $(nRow).attr("id", "host_row_" + aData[2]);
            },
            // End
            "aoColumns":
             [
                { "bSortable": true }, //0 Fill name
                { "bSortable": true }, //1 Owner
                { "bSortable": true }, //2 Phone
                { "bSortable": true }, //3 Email
                {  // 4 Contact ID
                   "bSortable": true,
                    mRender: function ( id, type, full ) {
                        var action , edit_ , show_ ;
                        edit_ = "{{ URL::to('contacts/{id}/edit')}}";
                        show_ = "{{ URL::to('contacts/{id}/show')}}";
                        delete_ = "{{ URL::to('contacts/{id}/delete')}}";

                        edit_ = edit_.replace( '{id}', id );
                        show_ = show_.replace( '{id}', id );
                        delete_  = delete_ .replace( '{id}', id );
                        action = '';