@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.transfer_type')}}</h5>
        <button type="button" class="btn btn-light btn-sm" onclick="openTransferTypeModal()">
            {{__('obs.add_transfer_type')}}
        </button>
    </div>
    <div class="col-lg-12">
        <div class="card">
            <div class="cl-table-container" id="print" style="max-height: calc(100vh - 140px);">
                <table class="table cl-table table-bordered table-hover">
                    <thead>
                        <tr>
                            <td>{{__('obs.sl')}}</td>
                            <th>{{__('obs.name')}}</th>
                            <th>{{__('obs.description')}}</th>
                            <th>{{__('obs.status')}}</th>
                            <th>{{__('obs.action')}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php($i = 1)
                        @if (!empty($all_transfer_type))
                            @foreach ($all_transfer_type as $val)
                                <tr>
                                    <td>{{ $i++ }}</td>
                                    <td>{{ $val->name }}</td>
                                    <td>{{ $val->description }}</td>
                                    
                                    <td>
                                        @if ($val->status == 1)
                                            <span class="text-success">{{__('obs.active')}}</span>
                                        @else
                                            <span class="text-danger">{{__('obs.inactive')}}</span>
                                        @endif
                                    </td>
                                    <td>
                                        <button type="button" class="btn btn-primary btn-sm"
                                            onclick="editTransferType({{ $val->id }})">
                                            <i class="fas fa-edit"></i>
                                        </button>
                                        <a href="{{route('payroll.hrm.settings.transfer_type_delete',['id'=>$val->id])}}" onclick="return confirm('Transfer 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.transferType.form.add_transfertype')
@endsection

@section('script')
<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
<script>
    // liveSearch('name_code_live_search', '/payroll/emp-name-code-search', true, title = 'Select Name/Code');
    function editTransferType(type_id) {
        $("#transferTypeModal").modal('show');  
        let url="/payroll/settings/edit-transferType";
        let method="POST";
        let data={type_id:type_id};
        ajaxSetup(function (response) {
            swal.close();

            $("#transferTypeModal").modal('show');

            $("#transfer_type_id").val(response.id);
            $("#transfer_type_name").val(response.name);
            $("#transfer_type_description").val(response.description);
            $("#transfer_type_status").val(response.status);
        },method,url,data);
    }

    function openTransferTypeModal() {
        $("#transferTypeModal").modal('show');  
        $("#transferTypeModal").find('form').trigger('reset');
    }

  
</script>

@endsection