@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="novalidate" class="form-horizontal form-groups-bordered validate" method="post" id="codedesk_filter">
                <div class="form-group">
                    <label class="control-label hide_country" for="field-1">Country</label>
                    <div class="hide_country">
                        {{ Form::select('ft_country', $countries, Input::get('Country') , array("class"=>"select2")) }}
                        <input name="ft_codedeckid" value="{{$id}}" type="hidden" >
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label" for="field-1">Code</label>
                    <input type="text" name="ft_code" class="form-control">
                </div>
                <div class="form-group">
                    <label class="control-label">Description</label>
                    <input type="text" name="ft_description" 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>
            <a href="{{URL::to('codedecks')}}">Code Decks</a>
    </li>
    <li>
        <a><span>{{basecodedeck_dropbox($id)}}</span></a>
    </li>
    <li class="active">
        <strong>{{$CodeDeckName}}</strong>
    </li>
</ol>
<h3>Code Decks</h3>

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


<!--<script src="{{URL::to('/')}}/assets/js/neon-fileupload.js" type="text/javascript"></script>-->

<div style="text-align: right;padding:10px 0 ">

    @if( User::checkCategoryPermission('CodeDecks','Upload') )
        <a href="javascript:;" id="upload-codedeck" class="btn btn-sm upload btn-primary ">
            <i class="entypo-upload"></i>
            Upload
        </a>
    @endif
    @if(User::checkCategoryPermission('CodeDecks','Add') )
        <a href="javascript:;" id="add-new-code" class="btn btn-sm btn-primary ">
            <i class="entypo-plus"></i>
            Add New
        </a>
    @endif

    @if( User::checkCategoryPermission('CodeDecks','Edit'))
    <a href="javascript:;"  id="changeSelectedCodedeck" class="btn btn-primary btn-sm btn-icon icon-left" onclick="jQuery('#modal-6').modal('show', {backdrop: 'static'});" href="javascript:;">
        <i class="entypo-floppy"></i>
        Change Selected
    </a>
    @endif
    @if( User::checkCategoryPermission('CodeDecks','Delete'))
    <button type="submit" id="delete-bulk-codedeck-selected" class="btn btn-danger btn-sm btn-icon icon-left">
        <i class="entypo-trash"></i>
        Delete Selected
    </button>
    <!--<button type="submit" id="delete-bulk-codedeck-all" class="btn btn-danger btn-sm btn-icon icon-left">
            <i class="entypo-cancel"></i>
            Delete All Codedeck
    </button>-->
    @endif

</div>
<table class="table table-bordered datatable" id="table-4">
    <thead>
    <tr>
        <th width="5%"><input type="checkbox" id="selectall" name="codedeck[]" class="" />
            <!--<button type="button" id="selectallbutton"  class="btn btn-primary btn-xs" title="Select All Codedeck" alt="Select All Codedeck"><i class="entypo-check"></i></button>-->
        </th>
        <th width="10%">ISO Code</th>
        <th width="15%" class="hide_country">Country</th>
        <th width="15%">Code</th>
        <th width="20%">Description</th>
        <th width="10%">Interval 1</th>
        <th width="10%">Interval N</th>
        <th width="15%">Actions</th>
    </tr>
    </thead>
    <tbody>


    </tbody>
</table>

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

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

        public_vars.$body = $("body");
        //show_loading_bar(40);
        $("#codedesk_filter").submit(function(e) {
        e.preventDefault();

        $searchFilter.ft_country = $("#codedesk_filter [name='ft_country']").val();
        $searchFilter.ft_code = $("#codedesk_filter [name='ft_code']").val();
        $searchFilter.ft_description = $("#codedesk_filter [name='ft_description']").val();
        $searchFilter.ft_codedeckid = $("#codedesk_filter [name='ft_codedeckid']").val();

        if($searchFilter.ft_codedeckid == ''){
            ShowToastr("error",'Please Select Codedeck');
            return false;
        }


        data_table = $("#table-4").dataTable({
            "bDestroy": true,
            "bProcessing":true,
            "bServerSide":true,
            "sAjaxSource": baseurl + "/codedecks/ajax_datagrid",
            "iDisplayLength": parseInt('{{CompanyConfiguration::get('PAGE_SIZE')}}'),
            "fnServerParams": function(aoData) {
                aoData.push({"name":"ft_country","value":$searchFilter.ft_country},{"name":"ft_code","value":$searchFilter.ft_code},{"name":"ft_description","value":$searchFilter.ft_description},{"name":"ft_codedeckid","value":$searchFilter.ft_codedeckid});
                data_table_extra_params.length = 0;
                data_table_extra_params.push({"name":"ft_country","value":$searchFilter.ft_country},{"name":"ft_code","value":$searchFilter.ft_code},{"name":"ft_description","value":$searchFilter.ft_description},{"name":"ft_codedeckid","value":$searchFilter.ft_codedeckid});
            },
            "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": [[3, 'asc']],
            "aoColumns":
            [
                {"bSortable": false, //RateID
                    mRender: function(id, type, full) {
                        return '<div class="checkbox "><input type="checkbox" name="codedeck[]" value="' + id + '" class="rowcheckbox" ></div>';
                    }
                },
                {  "bSortable": true }, //ISO Code
                { "bSortable": true }, //Country
                { "bSortable": true }, //Code
                { "bSortable": true }, //Description
                { "bSortable": true }, //Interval1
                { "bSortable": true }, //IntervalN
                {
                   "bSortable": true,
                    mRender: function ( id, type, full ) {
                        var action , edit_ , show_ , delete_;
                        edit_ = "{{ URL::to('codedecks/{id}/edit')}}";

                        edit_ = edit_.replace( '{id}', full[0] );

                        RateID = full[0];
                        ISO_CODE = full[1];
                        country = full[2];
                        code = full[3];
                        description = full[4];
                        Interval1 = ( full[5] == null )? 1:full[5];
                        IntervalN = ( full[6] == null )? 1:full[6];
                        action = '<div class = "hiddenRowData" >';
                        action += '<input type = "hidden"  name = "RateID" value = "' + RateID + '" / >';
                        action += '<input type = "hidden"  name = "Country" value = "' + country + '" / >';
                        action += '<input type = "hidden"  name = "Code" value = "' + code + '" / >';
                        action += '<input type = "hidden"  name = "Description" value = "' + description + '" / >';
                        action += '<input type = "hidden"  name = "Interval1" value = "' +  Interval1 + '" / >' ;
                        action += '<input type = "hidden"  name = "IntervalN" value = "' +  IntervalN + '" / >' ;
                        action += '</div>';