@extends('admin.layouts.app')
@section('title',get_setting('site_name').' Department & Designation')
@section('content')
    <div class="row mt-3">
        <div class="col-12 col-md-6 col-sm-12 col-lg-6">
            <div class="card">
                <div class="card-header gutters-10">
                    <div class="row w-100">
                        <div class="col-md-6">
                            <h5>{{ __('Department') }}</h5>
                        </div>
                        <div class="col-md-6 text-right">
                            @can('Department-create')
                                <button class="btn btn-primary" onclick="department_setup_add()"><i
                                        class="las la-plus"></i>&nbsp;{{ __('Add New') }}
                                </button>
                            @endcan
                        </div>
                    </div>

                </div>

                <div class="card-body">
                    <table class="table aiz-table">
                        <thead>
                        <tr>
                            <th>{{ __('Department Name') }}</th>
                            <th>{{ __('Assigned Count') }}</th>
                            <th>{{ __('Actions') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($departments as $department)
                            <tr>
                                <td>{{$department->name}}</td>
                                <td>
                                    <span class="badge badge-inline badge-info">
                                        {{ __('Assigned') }}: {{ $department->staff_count ?? 0 }}
                                    </span>
                                </td>
                                <td>
                                    @can('Department-edit')
                                        <button class="btn btn-primary" type="button" name="" id=""
                                                onclick="department_setup_update({{$department->id}},'{{$department->name}}')">
                                            <i class="fas fa-edit"></i>
                                        </button>
                                    @endcan
                                    @can('Department-delete')
                                        <button class="btn btn-danger" type="button"
                                                onclick="openDeleteModal('{{ route('department.destroy', $department->id) }}')">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    @endcan
                                </td>
                            </tr>
                        @endforeach

                        </tbody>

                    </table>

                    <div class="aiz-pagination mt-3">
                        {{ $departments->appends(request()->except('department_page'))->links() }}
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6 col-sm-12 col-lg-6">
            <div class="card">
                <div class="card-header gutters-10">
                    <div class="row w-100">
                        <div class="col-md-6">
                            <h5>{{ __('Designation') }}</h5>
                        </div>
                        <div class="col-md-6 text-right">
                            @can('Designation-create')
                                <button class="btn btn-primary" onclick="designation_setup_add()"><i
                                        class="las la-plus"></i>&nbsp;{{ __('Add New') }}
                                </button>
                            @endcan
                        </div>
                    </div>

                </div>

                <div class="card-body">
                    <table class="table aiz-table">
                        <thead>
                        <tr>
                            <th>{{ __('Designation Name') }}</th>
                            <th>{{ __('Assigned Count') }}</th>
                            <th>{{ __('Actions') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($designations as $designation)
                            <tr>
                                <td>{{$designation->name}}</td>
                                <td>
                                    <span class="badge badge-inline badge-info">
                                        {{ __('Assigned') }}: {{ $designation->staff_count ?? 0 }}
                                    </span>
                                </td>
                                <td>
                                    @can('Designation-edit')
                                        <button class="btn btn-primary" type="button" name="" id=""
                                                onclick="designation_setup_update({{$designation->id}},'{{$designation->name}}')">
                                            <i class="fas fa-edit"></i>
                                        </button>
                                    @endcan
                                    @can('Designation-delete')
                                        <button class="btn btn-danger" type="button"
                                                onclick="openDeleteModal('{{ route('designation.destroy', $designation->id) }}')">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    @endcan
                                </td>
                            </tr>
                        @endforeach
                        </tbody>

                    </table>

                    <div class="aiz-pagination mt-3">
                        {{ $designations->appends(request()->except('designation_page'))->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('modal')
    @include('modals.delete_modal')

    <div class="modal fade" id="Department_setup_modal">
        <form action="{{route('department.store')}}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Department Add')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table aiz-table mb-0">
                            <tbody>
                            <tr>
                                <td><label for="">{{ __('Department Name') }}</label></td>
                                <td><input class="form-control" type="text" id="" value="" name="name" required>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" id="" class="btn btn-primary">{{__('Save')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="Department_setup_update_modal">
        <form action="{{route('department.update')}}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Department Update')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table aiz-table mb-0">
                            <tbody>
                            <tr>
                                <input type="hidden" name="id" id="id">
                                <td><label for="">{{ __('Department Name') }}</label></td>
                                <td><input class="form-control" type="text" id="department" value="" name="name"
                                           required>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" id="" class="btn btn-primary">{{__('Update')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>


    <!--Designation-->
    <div class="modal fade" id="Designation_setup_modal">
        <form action="{{route('designation.store')}}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Designation Add')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table aiz-table mb-0">
                            <tbody>
                            <tr>
                                <td><label for="">{{ __('Designation Name') }}</label></td>
                                <td><input class="form-control" type="text" id="" value="" name="name" required>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" id="" class="btn btn-primary">{{__('Save')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade" id="Designation_setup_update_modal">
        <form action="{{route('designation.update')}}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Designation Update')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table aiz-table mb-0">
                            <tbody>
                            <tr>
                                <input type="hidden" name="id" id="ids">
                                <td><label for="">{{ __('Designation Name') }}</label></td>
                                <td><input class="form-control" type="text" id="shift" value="" name="name" required>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" id="" class="btn btn-primary">{{__('Update')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

@endsection

@section('script')
    <script !src="">

        function department_setup_add() {
            $('#Department_setup_modal').modal('show');
        }

        function department_setup_update(id, name) {
            $('#id').val(id);
            $('#department').val(name);
            $('#Department_setup_update_modal').modal('show');
        }


        function designation_setup_add() {
            $('#Designation_setup_modal').modal('show');
        }

        function designation_setup_update(id, name) {
            $('#ids').val(id);
            $('#shift').val(name);
            $('#Designation_setup_update_modal').modal('show');
        }

        function openDeleteModal(url) {
            $('#delete-link').attr('href', url);
            $('#delete-modal').modal('show');
        }

    </script>
@endsection