@extends('layout.main')

@section('filter')
    <div id="datatable-filter" class="fixed new_filter">
        <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="communicationtaxrate_filter">
                <div class="form-group">
                    <label class="control-label">Jurisdiction</label>
                    <input class="form-control" name="Jurisdiction" id="Jurisdiction"  type="text" >
                </div>
                <div class="form-group">
                    <label class="control-label">County</label>
                    <input class="form-control" name="County" id="County"  type="text" >
                </div>
                <div class="form-group">
                    <label class="control-label">CountyFIPS</label>
                    <input class="form-control" name="CountyFIPS" id="CountyFIPS"  type="text" >
                </div>
                <div class="form-group">
                    <label class="control-label">Tax Rate</label>
                    {{ Form::select('TaxRateID', $TaxRateList, '', array("class"=>"select2")) }}
                </div>
                <div class="form-group">
                    <label class="control-label">ProcessID</label>
                    <input class="form-control" name="ProcessID" id="ProcessID"  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>Communication Tax Rate</strong>
    </li>
</ol>
<h3>Communication Tax Rate</h3>
<p style="text-align: right;">
    @if(User::checkCategoryPermission('CommunicationTaxRate','Add'))
        <a href="#" id="add-new-communication-tax-rate" class="btn btn-primary btn-sm btn-icon icon-left">
            <i class="entypo-plus"></i>
            Add New
        </a>
        <a id="btn-upload-communication-tax-rate" href="javascript:void(0);" class="btn btn-primary btn-sm btn-icon icon-left">
            <i class="entypo-upload"></i>
            Upload
        </a>
    @endif
    @if(User::checkCategoryPermission('CommunicationTaxRate','Delete') )
        <button id="btn-delete-bulk-communication-tax-rate" class="btn btn-danger btn-sm btn-icon icon-left pull-right" data-loading-text="Loading..."> <i class="entypo-trash"></i> Delete Selected </button>
    @endif
</p>

<div class="clear row">
    <div class="col-md-12">
        <table class="table table-bordered datatable" id="table-4">
            <thead>
                <tr>
                    <th>
                        <div class="checkbox ">
                            <input type="checkbox" id="selectall" name="checkbox[]" />
                        </div>
                    </th>
                    <th >Jurisdiction</th>
                    <th >Tax Rate</th>
                    <th >County</th>
                    <th >County FIPS</th>
                    <th >Adopted Rate</th>
                    <th >County Surtax Conversion Rate</th>
                    <th >Total Local Rate</th>
                    <th >Effective Date</th>
                    <th >Created At</th>
                    <th >Created By</th>
                    <th >ProcessID</th>
                    <th >Action</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>
<form id="delete-communication-tax-rate-form" >
    <input type="hidden" name="CommunicationTaxRateID" />
    <input type="hidden" name="criteria" />
</form>

<style>
    #selectcheckbox{
        padding: 15px 10px;
    }
</style>
<script type="text/javascript">

    var list_fields  = ['CommunicationTaxRateID','Jurisdiction','TaxRateName','County','CountyFIPS','AdoptedRate','CountySurtaxConversionRate','TotalLocalRate','EffectiveDate','CreatedAt','CreatedBy','ProcessID','TaxRateID'];

    jQuery(document).ready(function($) {
        var checked ='';

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

        var $searchFilter = {};
        var update_new_url;
        $searchFilter.Jurisdiction      = $("#communicationtaxrate_filter [name='Jurisdiction']").val();
        $searchFilter.County            = $('#communicationtaxrate_filter [name="County"]').val();
        $searchFilter.CountyFIPS        = $('#communicationtaxrate_filter [name="CountyFIPS"]').val();
        $searchFilter.TaxRateID         = $('#communicationtaxrate_filter [name="TaxRateID"]').val();
        $searchFilter.ProcessID         = $('#communicationtaxrate_filter [name="ProcessID"]').val();
        data_table = $("#table-4").dataTable({
            "bDestroy": true,
            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": baseurl + "/communication_tax_rate/ajax_datagrid/type",
            "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
            "sPaginationType": "bootstrap",
            "sDom": "<'row'<'col-xs-6 col-left '<'#selectcheckbox.col-xs-1'>'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":"Jurisdiction","value":$searchFilter.Jurisdiction},{"name":"County","value":$searchFilter.County},{"name":"CountyFIPS","value":$searchFilter.CountyFIPS},{"name":"TaxRateID","value":$searchFilter.TaxRateID},{"name":"ProcessID","value":$searchFilter.ProcessID});
                data_table_extra_params.length = 0;
                data_table_extra_params.push({"name":"Export","value":1},{"name":"Jurisdiction","value":$searchFilter.Jurisdiction},{"name":"County","value":$searchFilter.County},{"name":"CountyFIPS","value":$searchFilter.CountyFIPS},{"name":"TaxRateID","value":$searchFilter.TaxRateID},{"name":"ProcessID","value":$searchFilter.ProcessID});
            },
            "fnRowCallback": function(nRow, aData) {
                $(nRow).attr("id", "host_row_" + aData[2]);
            },
            "aoColumns":
                [
                    {
                        "bSortable": false,
                        mRender: function(id, type, full) {
                            return '<div class="checkbox "><input type="checkbox" name="checkbox[]" value="' + id + '" class="rowcheckbox" ></div>';
                        }
                    }, //0 Checkbox
                    {}, //1 Jurisdiction
                    {}, //2 PlaceFeatureID
                    {}, //3 County
                    {}, //4 CountyFIPS
                    {}, //5 AdoptedRate
                    {}, //6 CountySurtaxConversionRate
                    {}, //7 TotalLocalRate
                    {}, //8 EffectiveDate
                    {}, //9 CreatedAt
                    {}, //10 CreatedBy
                    {}, //11 ProcessID
                    {
                        mRender: function(id, type, full) {
                            var action, delete_;

                            delete_ = "{{ URL::to('/communication_tax_rate/delete')}}";
                            delete_ = delete_.replace('{id}', id);

                            action = '<div class = "hiddenRowData" >';
                            for(var i = 0 ; i< list_fields.length; i++){
                                action += '<input type="hidden" name = "' + list_fields[i] + '" value = "' + (full[i] != null?full[i]:'')+ '" / >';
                            }
                            action += '</div>';