@extends('admin.layout.master')
@section('content')
@include('flash-message')
 <div class="card sina-card">
    <div class="card-header d-flex justify-content-between align-items-center ">
        <h5 class="font-weight-bold mb-0">{{__('obs.increment_type')}}</h5>
        <button type="button" class="btn btn-light btn-sm" onclick="resetIncrementmodal()">
            {{__('obs.add_increment_type')}}
        </button>
    </div>
        <div class="col-lg-12">
            <div class="card-body">
                <div class="cl-table-container" id="print" style="max-height: calc(100vh - 140px);">
                    <table class="table cl-table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>{{__('obs.sl')}}</th>
                            <th>{{__('obs.name')}}</th>
                            <th>{{__('obs.description')}}</th>
                            <th>{{__('obs.status')}}</th>
                            <th>{{__('obs.action')}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if (!empty($allincrement))
                            @php($i = 1)
                                @foreach ($allincrement as $item)
                                    <tr style="table-bordered">
                                        <td>{{ $i++ }}</td>
                                        <td>{{ $item->name }}</td>
                                        <td>{{ $item->description }}</td>
                                       
                                        @if ($item->status == 1)
                                            <td>
                                                <p>{{__('obs.active')}}</p>
                                            </td>
                                        @else
                                            <td>
                                                <p>{{__('obs.inactive')}}</p>
                                            </td>
                                        @endif
                                        <td>
                                            <button type="button" onclick="editIncrementtype({{ $item->id }})"
                                                class="btn btn-primary btn-sm" data-toggle="modal" data-target="#addincrement">
                                                <i class="fas fa-edit"></i>
                                            </button>
                                            {{-- <a href="{{route('payroll.payroll.increment.increment_type_delete',['id'=>$item->id])}}" onclick="return confirm('Increment Type Will Delete Permanently. Are You Sure?')" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a> --}}
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        </div>
        @include('payroll.admin.settings.incrementtype.form.add_incrementtype')
    @endsection

    <script>
        // FOR GET INCREMENT TYPE DATA USING ID
        const editIncrementtype = (id) => {
            $("#addincrement").modal('show');
            $.ajax({
                url: "/payroll/edit-incrementtype/" + id,
                type: "GET",
                data: {
                    _token: "{{ csrf_token() }}",
                },
                success: function (data) {
                    $("#increment_id").val(data.id);
                    $("#Name").val(data.name);
                    $("#description").val(data.description);
                    $("#status").val(data.status);
                },
            });
        };

        // SCRIPT FOR RESETING MODAL INPUT VALUE WHEN WE WILL INSERT NEW VALUE
        function resetIncrementmodal() {
            $("#addincrement").modal('show');
            $("#increment_id").val(0);
            $("#name").val('');
            $("#description").val('');
        }

    </script>