@extends('hr_main')
@section('title', '| ' . $data['pageTitle'])
@section('content')

<div class="row">
    <div class="col-md-12">
        <div class="" style="">
            <div class="">

                <div class="panel panel-default" style="background-color:#708090;">
                    <div class="panel-heading" style="padding-bottom:0px">
                        <div class="panel-title">
                            <h2>{!! $data['pageTitle'] !!}</h2>
                        </div>

                        <div class="panel-options">
                            <a href="{!! $data['addBtnUrl'] !!}" class="btn btn-info pull-right addViewBtn">
                                <i class="glyphicon glyphicon-plus-sign addIcon"></i>{!! $data['addBtnLabel'] !!}
                            </a>
                        </div>
                    </div>

                    <div class="panel-body panelBodyView">
                        <table class="table table-striped table-bordered table-condensed first-col-dark" id="datatable">
                            <thead>
                                <tr>
                                    <th style="width:1%">SL#</th>
                                    <th style="width:10%">Applicable For</th>
                                    <th style="width:10%">Effect From Date</th>
                                    <th style="width:10%">Effect Date Till</th>
                                    <th style="width:3%">Action</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<script>

    $(document).ready(function() {
        var dataTable = $('#datatable').DataTable({
            "sDom": "ltipr", // For removing default Search bar //
            "processing": true,
            "serverSide": true,
            "ordering": false,
            "language": {
                "processing": $('#loadingModal').show(),
            },
            "ajax": {
                "url": "{{ Request::url() }}",
                "type": "POST",
                "data": function(d) {
                    var inputs = {};
                        
                    $.each($('form').serializeArray(), function()
                    {
                        inputs[this.name] = this.value;
                    });

                    d._token = "{{ csrf_token() }}";
                    d.filter = inputs;
                }
            },

            "columns": [
                {
                    "data": "sl"
                },
                {   
                    "className": 'text-center',
                    "data": "applicable_for"
                },
                {   
                    "className": 'text-center',
                    "data": "effect_from_date"
                },
                {   
                    "className": 'text-center',
                    "data": "till_effect_date"
                },
                {   
                    "className": 'text-center',
                    "data": "model_id"
                }
            ],

            "columnDefs": [{
                "targets": -1,
                "data": "id",
                "render": function(data, type, row) {
                    var viewIcon = '<a href="view/' + data + '" class="btn btn-xs btn-info"><i class="fa fa-eye" aria-hidden="true"></i></a>';

                    var editIcon = deleteIcon = '';
                    if(row.edit_delete_action) {
                        var editIcon = '<a href="edit/' + data + '" class="btn btn-xs btn-success"><i class="fa fa-pencil" aria-hidden="true"></i></a>';
                        var deleteIcon = '<a href="#" class="btn btn-xs btn-danger" onclick="deleteRecord('+ data +')"><i class="fa fa-trash"></i></a>';
                    }

                    return (viewIcon + editIcon + deleteIcon);
                }
            }]
        });

        $("#searchForm").submit(function(e) {
            e.preventDefault();
            dataTable.draw();

        });
    });

    function deleteRecord(id) {   
        var val = confirm('Are you sure want to delete?');

        if(val == true) {   
            $.ajax({
                url: '../final-payment-reporting-boss-config/delete',
                type: 'POST',
                dataType: 'json',
                data: {
                    "id": id,
                    "_token": $('meta[name="_token"]').attr('content')
                },
                success: function(__response) {
                    if(__response.status == true) {
                        toastr.success(__response.message);                        
                        setTimeout(function(){ location.reload(); }, 500);
                    }
                    else if(__response.status == false) {
                        toastr.error(__response.message);               
                    }
                    else {
                        alert("something went wrong");
                    }
                },
                error: function(jqXhr, textStatus, errorThrown) {
                    alert('Something went wrong');
                }
            });
        }
    }
</script>
@endsection