@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('Name', '', array("class"=>"form-control")) }}
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">Type</label>
                    {{ Form::select('Type',['' => 'Select' , 'Fixed' => 'Fixed' , 'Percentage' => 'Percentage'],'', array("class"=>"select2 small")) }}
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">Late Fee Apply</label>
                    {{ Form::select('LateFeeApply',['' => 'Select' , 'Daily' => 'Daily' , 'Weekly' => 'Weekly' ,'Once' => 'Once' , 'Monthly' => 'Monthly' , '15 Days' => '15 Days'],'', array("class"=>"select2")) }}
                </div>
                <div class="form-group">
                    <label for="field-1" class="control-label">Status</label><br/>
                    <p class="make-switch switch-small">
                        <input id="Status" name="Status" type="checkbox" checked>
                    </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>Late Fee</strong>
    </li>
</ol>
<h3>Late Fee</h3>
<p class="text-right">
@if(User::checkCategoryPermission('Service','Add'))
    <a href="#" data-action="showAddModal" data-type="Late Fee" 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>Name</th>
        <th>Type</th>
        <th>Value</th>   
        <th>Late Fee Apply</th>
        <th>Status</th>
        <th>Actions</th>
    </tr>
    </thead>
    <tbody>
 

    </tbody>
</table>

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

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

        $searchFilter.Name = $("#service_filter [name='Name']").val();
        $searchFilter.LateFeeApply = $("#service_filter [name='LateFeeApply']").val();
        $searchFilter.Type = $("#service_filter [name='Type']").val();
        $searchFilter.Status = $("#service_filter [name='Status']").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 + "/latefee/ajax_datagrid",
            "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
            "sPaginationType": "bootstrap",
            "aaSorting"   : [[0, 'desc']],
            "fnServerParams": function(aoData) {
                aoData.push({"name":"Name","value":$searchFilter.Name},{"name":"LateFeeApply","value":$searchFilter.LateFeeApply},{"name":"Status","value":$searchFilter.Status},{"name":"Type","value":$searchFilter.Type});
                data_table_extra_params.length = 0;
                data_table_extra_params.push({"name":"Name","value":$searchFilter.Name},{"name":"LateFeeApply","value":$searchFilter.LateFeeApply},{"name":"Status","value":$searchFilter.Status},{"name":"Type","value":$searchFilter.Type},{ "name": "Export", "value": 1});
            },
            "aoColumns": 
             [
                { "bSortable": true  }, //Status
                { "bSortable": true }, //Name
                { "bSortable": true }, //Type
                { "bSortable": true }, //Gateway
                { "bSortable": true ,
                    mRender: function ( id, type, full ) {
                        if(id == 1){
                            var output = 'Active';
                        }else{
                            var output = 'Inactive';
                        }
                        return output;
                    }
                }, //Gateway
                {
                   "bSortable": true,
                    mRender: function ( id, type, full ) {
                        var action , edit_ , show_, delete_ ;
                        action = '<div class = "hiddenRowData" >';
                        action += '<input type = "hidden"  name = "LateFeeName" value = "' + (full[0] != null ? full[0] : '') + '" / >';
                        action += '<input type = "hidden"  name = "Type" value = "' + (full[1] != null ? full[1] : '') + '" / >';
                        action += '<input type = "hidden"  name = "Value" value = "' + (full[2] != null ? full[2] : '') + '" / >';
                        action += '<input type = "hidden"  name = "Apply" value = "' + (full[3] != null ? full[3] : '') + '" / >';
                        action += '<input type = "hidden"  name = "Status" value = "' + (full[4] != null ? full[4] : 0) + '" / ></div>';