@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/inventoryEquipment/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>
        @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: './inventoryEquipment/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