@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="lead_filter" method="get"  action="{{URL::to('leads/ajax_datagrid')}}" class="form-horizontal form-groups-bordered validate" novalidate>

                <div class="form-group">
                    <label for="field-1" class="control-label">Company</label>
                    <input class="form-control" name="account_name"  type="text" >
                </div>
                <div class="form-group">
                    <label class="control-label">Contact Name</label>
                    <input class="form-control" name="contact_name" type="text" >
                </div>
                <div class="form-group">
                    <label class="control-label">Tag</label>
                    <input class="form-control leadTags" name="tag" type="text" >
                </div>
                <div class="form-group">
                    <label class="control-label">Active</label><br/>
                    <p class="make-switch switch-small">
                        <input id="account_active" name="account_active" type="checkbox" value="1" checked="checked">
                    </p>
                </div>
                <div class="form-group">
                    @if(User::is_admin())
                        <label for="field-1" class="control-label">Owner</label>
                        {{Form::select('account_owners',$account_owners,Input::get('account_owners'),array("class"=>"select2"))}}
                    @endif
                </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>Leads</strong>
    </li>
</ol>
<h3>Leads</h3>

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

<div class="clear"></div>
@if(User::checkCategoryPermission('Leads','Email,Edit'))
<div class="row">
    <div  class="col-md-12">
        <div class="input-group-btn pull-right hidden dropdown" style="width:70px;">
            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Action <span class="caret"></span></button>
            <ul class="dropdown-menu dropdown-menu-left" role="menu" style="background-color: #000; border-color: #000; margin-top:0px;">
                @if(User::checkCategoryPermission('Leads','Email'))
                <li>
                    <a href="javascript:void(0)" class="sendemail">
                        <i class="entypo-mail"></i>
                        <span>Bulk Email</span>
                    </a>
                </li>
                @endif
                @if(User::checkCategoryPermission('Leads','Edit'))
                    <li>
                        <a href="javascript:void(0)" id="bulk-tags">
                            <i class="entypo-tag"></i>
                            <span>Bulk Tags</span>
                        </a>
                    </li>
                @endif
                <li>
                    <a href="{{URL::to('/import/leads')}}">
                        <i class="entypo-user-add"></i>
                        <span>Import</span>
                    </a>
                </li>
            </ul>
        </div><!-- /btn-group -->

        @if(User::checkCategoryPermission('Leads','Add'))
            <a href="{{URL::to('leads/create')}}" class="btn btn-primary pull-right">
                <i class="entypo-plus"></i>
                Add New
            </a>
        @endif
    </div>
    <div class="clear"></div>
</div>
@endif
<br>
<!--<p style="text-align: right;">
    <a href="javascript:void(0)" id="selectallbutton" class="btn btn-primary ">
        <i class="entypo-check"></i>
        <span>Select all found leads</span>
    </a>
</p>
<br />-->
<table class="table table-bordered datatable hidden" id="table-4">
<thead>
<tr>
    <th width="10%"><input type="checkbox" id="selectall" name="checkbox[]" class="" /></th>
    <th width="15%">Company</th>
    <th width="15%">Name</th>
    <th width="15%">Phone</th>
    <th width="15%">Email</th>
	<th width="15%">Created At</th>
    <th width="30%">Actions</th>
</tr>
</thead>
<tbody>
</tbody>
</table>

<script type="text/javascript">
    var editor_options 	 	=  		{"leadoptions":true};
    var $searchFilter = {};
    var checked = '';
    var view = 1;
    var leadview = getCookie('leadview');
    if(leadview=='list'){
        view = 2;
    }
    jQuery(document).ready(function ($) {

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

        $searchFilter.account_name = $("#lead_filter [name='account_name']").val();
        $searchFilter.account_number = $("#lead_filter [name='account_number']").val();
        $searchFilter.contact_name = $("#lead_filter [name='contact_name']").val();
        $searchFilter.tag = $("#lead_filter [name='tag']").val();

        $searchFilter.account_owners = $("#lead_filter [name='account_owners']").val();
        $searchFilter.account_active = $("#lead_filter [name='account_active']").prop("checked");
            data_table = $("#table-4").dataTable({

                "bProcessing": true,
                "bServerSide": true,
                "bDestroy": true,
                "sAjaxSource": baseurl + "/leads/ajax_datagrid",
                "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
                "fnServerParams": function(aoData) {
                    aoData.push({"name":"account_name","value":$searchFilter.account_name},{"name":"account_number","value":$searchFilter.account_number},{"name":"contact_name","value":$searchFilter.contact_name},{"name":"account_active","value":$searchFilter.account_active},{"name":"account_owners","value":$searchFilter.account_owners},{"name":"tag","value":$searchFilter.tag});
                    data_table_extra_params.length = 0;
                    data_table_extra_params.push({"name":"account_name","value":$searchFilter.account_name},{"name":"account_number","value":$searchFilter.account_number},{"name":"contact_name","value":$searchFilter.contact_name},{"name":"account_active","value":$searchFilter.account_active},{"name":"account_owners","value":$searchFilter.account_owners},{"name":"tag","value":$searchFilter.tag});
                },
                "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>>",
                "oTableTools": {},
                "aaSorting": [[1, 'asc']],
                "aoColumns": [
                    {"bSortable": false,
                        mRender: function(id, type, full) {
                            return '<div class="checkbox "><input type="checkbox" name="checkbox[]" value="' + full[5] + '" class="rowcheckbox" ></div>';
                        }
                    }, //0Checkbox
                    {"bSortable": true,
                        mRender: function(id, type, full) {
                            return full[0];
                        }
                    },
                    {"bSortable": true,
                        mRender: function(id, type, full) {
                            return full[1];
                        }
                    },
                    {"bSortable": true,
                        mRender: function(id, type, full) {
                            return full[2];
                        }
                    },
                    {"bSortable": true,
                        mRender: function(id, type, full) {
                            return full[3];
                        }
                    },
					{"bSortable": true,
                        mRender: function(id, type, full) {
                            return full[4];
                        }
                    },
                    {
                        "bSortable": false,
                        mRender: function (id, type, full) {
							
                            var action, edit_, show_;
                            id = full[5];
							console.log(id);
                            edit_ = "{{ URL::to('leads/{id}/edit')}}";
                            clone_ = "{{ URL::to('leads/{id}/clone')}}";
							show_ = "{{ URL::to('leads/{id}/show')}}";

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