@extends('admin.layout.master')
@section('content')
@include('admin.layout.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.designation')}}</h5>
        @if(checkAuthPermission('admin.hrm.designation.create'))
            <button type="button" class="btn btn-light btn-sm" onclick="openDesignationModal()">
                {{__('obs.add_designation')}}
            </button>
        @endif
    </div>
        <div class="col-lg-12">
            <div class="card-box">
                <div class="card-block">
                    <!-- Button trigger modal -->
                  
                    <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 class="cl-fixed-cell"> {{__('obs.sl')}}</th>
                                    <th class="cl-fixed-cell cl-fixed-cell-end"> {{__('obs.code')}}</th>
                                    <th> {{__('obs.name')}}</th>
                                    <th> {{__('obs.sorting')}}</th>
                                    <th> {{__('obs.description')}}</th>
                                    <th> {{__('obs.print_as')}}</th>
                                    <th> {{__('obs.status')}}</th>
                                    <th> {{__('obs.action')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                    @php($i = 1)
                                    @forelse ($all_designation as $val)
                                        <tr>
                                            <td class="cl-fixed-cell">{{ $i++ }}</td>
                                            <td class="cl-fixed-cell cl-fixed-cell-end">{{ $val->code }}</td>
                                            <td>{{ $val->name }}</td>
                                            <td>{{ $val->sorting }}</td>
                                            <td>{{ $val->description }}</td>
                                           
                                            <td>{{ $val->print_name }}</td>
                                            <td>
                                                @if ($val->status == 1)
                                                    <span class="text-success">{{__('obs.active')}}</span>
                                                @else
                                                    <span class="text-danger">{{__('obs.inactive')}}</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if(checkAuthPermission('admin.hrm.designation.edit'))
                                                    <button type="button" class="btn btn-primary btn-sm"
                                                        onclick="editDesignation({{ $val->id }})">
                                                        <i class="fas fa-edit"></i>
                                                    </button>
                                                @endif
                                            </td>
                                        </tr>
                                    @empty

                                    @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('admin.hrm.designation.create_modal')
@endsection

@section('script')
    <script>
        function editDesignation(designation_id) {
            let url="/admin/hrm/designation/edit";
            let method="GET";
            let data={designation_id:designation_id};
            ajaxCallV2(url, method, data, function (response) {
                $("#designationModal").modal('show');
                $("#designation_code").val(response.code);
                $("#designation_sorting").val(response.sorting);
                $("#designation_id").val(response.id);
                $("#designation_description").val(response.description);
                $("#designation_name").val(response.name);
                $("#designation_print").val(response.print_name);
                $("#designation_status").val(response.status);
                $('#loader').hide();
            }, function (error) {
                $('#loader').hide();
            });
        }
        function openDesignationModal() {
            $("#designationModal").modal('show');
            $("#designationModal").find('form').trigger('reset');
        }
    </script>
@endsection