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

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="" style="width:80%; margin:0 auto;">
                <div class="">
                    <div class="panel panel-default" style="background-color:#708090;">
                        <div class="panel-heading" style="padding-bottom:0px">
                            <div class="panel-title">
                                {!! $data['pageTitle'] !!}
                            </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"
                                style="width:100%" id="data-table">
                                <thead>
                                    <tr>
                                        <th width="30">SL#</th>
                                        <th>Name</th>

                                        <th style="width: 80px">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($data['configuration'] as $key => $item)
                                        <tr>
                                            <td>{{ ++$key }}</td>
                                            <td class="text-center border-bottom">{{ $item->name }}</td>
                                            <td class="text-center border-bottom">
                                                <a href="{{ url('hr/finalPayment/financialClaim/create?id=' . $item->id) }}"
                                                    class="btn btn-xs btn-success"><i class="fa fa-pencil"
                                                        aria-hidden="true"></i></a>
                                                {{-- <a href="#" class="btn btn-xs btn-danger"
                                                    onclick="deleteRecord({{ $item->id }})"><i
                                                        class="fa fa-trash"></i></a> --}}
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('footerAssets')
    <script>
        $('#data-table').dataTable({
            // "ordering": false,
            "paging": false,
            "bInfo": false
        });

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

            if (val == true) {
                $.ajax({
                    url: './financialClaim/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