@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.decrement_type')}}</h5>
        <button type="button" class="btn btn-light btn-sm" onclick="resetdecrementmodal()">
            {{__('obs.add_decrement_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($alldecrement))
                                @php($i = 1)
                                    @foreach ($alldecrement as $item)
                                        <tr class="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="editdecrementtype({{ $item->id }})"
                                                    class="btn btn-primary btn-sm" data-toggle="modal"
                                                    data-target="#adddecrement">
                                                    <i class="fas fa-edit"></i>
                                                </button>
                                                {{-- <a href="{{route('payroll.payroll.increment.decrement_type_delete',['id'=>$item->id])}}" onclick="return confirm('Decrement 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.decrementtype.form.add_decrementtype')
 @endsection
 <script>// FOR GET INCREMENT TYPE DATA USING ID
    const editdecrementtype = (id) => {
        $("#adddecrement").modal('show');
        $.ajax({
            url: "/payroll/edit-decrementtype/" + id,
            type: "GET",
            data: {
                _token: "{{ csrf_token() }}",
            },
            success: function (data) {
                $("#decrement_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 resetdecrementmodal() {
        $("#adddecrement").modal('show');
        $("#decrement_id").val(0);
        $("#name").val('');
        $("#description").val('');
    }
</script>