@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.department')}}</h5>
        @if(checkAuthPermission('admin.hrm.department.create'))
        <button type="button" class="btn btn-light btn-sm" onclick="openDepartmentModal()">
            {{__('obs.add_department')}}
        </button>
        @endif
    </div>
    <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 text-center">
                <thead>
                <tr>
                    <th>{{__('obs.sl')}}</th>
                    <th>{{__('obs.name')}}</th>
                    <th>{{__('obs.sorting')}}</th>
                    <th>{{__('obs.status')}}</th>
                    <th>{{__('obs.action')}}</th>
                </tr>
                </thead>
                <tbody>
                @if(!empty($all_department)) @php($i=1)
                @foreach($all_department as $val)
                    <tr>
                        <td>{{ $i++ }}</td>
                        <td>{{$val->name}}</td>
                        <td>{{$val->sorting}}</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.department.edit'))
                                <button type="button" class="btn btn-primary btn-sm"
                                        onclick="editDepartment({{$val->id}})">
                                    <i class="fas fa-edit"></i>
                                </button>
                            @endif
                        </td>
                    </tr>
                @endforeach
                @endif
                </tbody>
            </table>
        </div>
    </div>
</div>
    @include('admin.hrm.department.create_modal')
@endsection

@section('script')
    <script>
        function editDepartment(department_id) {
            let url= "/admin/hrm/department/edit";
            let method="GET";
            let data={department_id:department_id};
            ajaxCallV2(url, method, data, function (response) {
                $("#departmentModal").modal('show');
                $("#department_id").val(response.id);
                $("#department_name").val(response.name);
                $("#parent_department").val(response.parent_dept);
                $("#department_status").val(response.status);
                $("#attendance_type").val(response.attendance_type);
                $("#sorting").val(response.sorting);
                $("#wareId").val(response.ware_id);
                $('#loader').hide();
            }, function (error) {
                $('#loader').hide();
            })

        }
        function openDepartmentModal() {
            $("#departmentModal").modal('show');
            $("#departmentModal").find('form').trigger('reset');
        }
    </script>
@endsection