@extends('app-new')
@push('head-script')
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/dataTables.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/tables/datatable/responsive.bootstrap5.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/components.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
    
    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="/app-assets/css/core/menu/menu-types/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/plugins/extensions/ext-component-toastr.css">

    <!-- END: Page CSS-->
    
@endpush 

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">{{trans('recruitment/job-openings.job_openings')}}</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ $orgUrl . '/home' }}">{{trans('recruitment/job-requisition.home')}}</a>
                    </li>
                    <li class="breadcrumb-item"><a href="{{ $orgUrl . '/menu-setting' }}">{{trans('recruitment/job-requisition.recruitment')}}</a>
                    </li>
                    <li class="breadcrumb-item active">{{trans('recruitment/job-requisition.job_requisition')}}
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush
@push('prev-next-head')
<div class="content-header-right text-end col-md-3 col-12">
    <div class="form-group breadcrumb-right">
        <a href="javascript:history.back()"
            class="btn btn-secondary btn-sm waves-effect waves-float waves-light"><svg
                xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
                stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                class="feather feather-arrow-left-circle">
                <circle cx="12" cy="12" r="10"></circle>
                <polyline points="12 8 8 12 12 16"></polyline>
                <line x1="16" y1="12" x2="8" y2="12"></line>
            </svg> Back</a>
    </div>
</div>
@endpush 

@section('content')
    <section id="column-search-datatable">
        @if($pendingRequisition > 0)
        <div class="row breadcrumbs-top">
            <div class="col-md-12">
                <div class="alert alert-warning alert-dismissible fade show" role="alert">
                    <div class="alert-body">
                        You have {{ $pendingRequisition }} request for approval!
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            </div>
        </div>
        @endif
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-datatable">
                        <div class="card-header border-bottom p-1">
                            <div class="head-label">
                                <h6 class="mb-0">{{trans('recruitment/job-requisition.job_requisition_listing')}}</h6>
                            </div>
                            <div class="dt-action-buttons text-end">
                                <div class="dt-buttons d-inline-flex"> 
                                    <div class="form-label-group me-2">
                                        <form>
                                            <input type="text" name="search" placeholder="Search by position title & requisition type" id="search" class="form-control" value="{{$search}}"> 
                                        </form>
                                    </div>
                                    <a class="dt-a buttons-collection btn btn-outline-info me-2" href="{{ $orgUrl.'/job-requisition/pdf' }}{{ Request::getQueryString() ? "?".Request::getQueryString():'' }}" >
                                        <span><i class="font-small-4 me-50" data-feather="share"></i>{{trans('common/common.export')}}</span>
                                    </a> 
                                    <a class="dt-button create-new btn btn-primary" tabindex="0" aria-controls="organization" href="{{ $orgUrl.'/job-requisition/create' }}">
                                        <span>
                                            <i class="fa fa-plus" aria-hidden="true"></i> {{ trans('common/common.add_new') }}
                                        </span>
                                    </a> 
                                </div>
                            </div>
                            
                        </div>
                        <table class="dt-column-search table" id="dataTable" data-url="">
                        <thead>
                                <th>{{trans('common/common.id')}}</th>
                                <th>{{trans('recruitment/job-requisition.position_title')}}</th>
                                <th>{{trans('recruitment/job-requisition.requisition_type')}}</th>
                                <th>{{trans('recruitment/job-requisition.created_by')}}</th>
                                <th>{{trans('recruitment/job-requisition.created_date_time')}}</th>
                                <th>{{trans('common/common.status')}}</th>
                                <th>{{trans('common/common.actions')}}</th>
                            </thead>
                            <tbody>
                                @if(count($jobRequisitions) > 0)
                                    @foreach($jobRequisitions as $key => $jobRequisition)
                                    <tr class="even">
                                        <td class="sorting_1">{{ $key+1 }}</td>
                                        <td>
                                            <a href="javascript:;" data-bs-toggle="modal"
                                            data-bs-target="#jd-modal" onclick="setJDModel({{json_encode($jobRequisition)}})">{{ $jobRequisition->position_title ? $jobRequisition->position_title : '' }}</a>
                                        </td>
                                        <td>{{ $jobRequisition->requisition_type ? ucfirst($jobRequisition->requisition_type) : '' }}</td>
                                        <td>
                                            @if($jobRequisition->created_by_type == 'employee')
                                                {{ isset($jobRequisition->createdByEmployee->name) ? $jobRequisition->createdByEmployee->name : '' }}
                                            @else
                                                {{ isset($jobRequisition->createdByAdmin->name) ? $jobRequisition->createdByAdmin->name : '' }}
                                            @endif
                                        </td>
                                        <td>{{ $jobRequisition->created_at ? date('d/m/Y h:i:s', strtotime($jobRequisition->created_at)) : '' }}</td>
                                        <td>
                                            @if(in_array($jobRequisition->status, ['approved-forward','final-approved']))
                                                <i data-feather="circle" class='font-4 badge rounded-pill badge-glow bg-success'> </i> {{ isset($requisitionStatus[$jobRequisition->status]) ? $requisitionStatus[$jobRequisition->status] : '' }}
                                            @elseif(in_array($jobRequisition->status, ['pending','onhold','declined','cancelled']))
                                                <i data-feather="circle" class='font-4 badge rounded-pill badge-glow bg-danger'> </i> {{ isset($requisitionStatus[$jobRequisition->status]) ? ucfirst($requisitionStatus[$jobRequisition->status]) : '' }}
                                            @endif
                                        </td>
                                        <td> 
                                            <div class="mb-1">
                                                <a class="pe-1 dropdown-toggle hide-arrow text-primary" data-bs-toggle="dropdown">
                                                    <i data-feather="more-vertical" class="font-small-4"></i>
                                                </a>
                                                <div class="dropdown-menu dropdown-menu-end">
                                                    @if($jobRequisition->status != 'final-approved')
                                                        <a class="dropdown-item" href="{{ $orgUrl.'/job-requisition/'.$jobRequisition->id.'/edit' }}"><i data-feather="pen-tool" class="font-4" aria-hidden="true"></i><span class="align-middle"> {{ trans('common/common.edit') }}</span></a>
                                                    @endif
                                                    <a class="dropdown-item" href="{{ $orgUrl.'/job-requisition/'.$jobRequisition->id.'/history' }}"><i data-feather="eye" class="font-4" aria-hidden="true"></i><span class="align-middle"> {{ trans('recruitment/job-requisition.history') }}</span></a>
                                                    <a class="dropdown-item sa-params" href="javascript:;"  data-url="{{ $orgUrl.'/job-requisition/'.$jobRequisition->id.'/delete' }}" data-request="remove" ><i data-feather="trash" class="font-4" aria-hidden="true"></i><span class="align-middle"> {{ trans('common/common.delete') }}</span></a>
                                                    @if($jobRequisition->status == 'final-approved')
                                                        @if($jobRequisition->approval_authority == $authUser->id)
                                                            <a class="dropdown-item" href="javascript:;" data-bs-toggle="modal"
                                                            data-bs-target="#status-modal" onclick="setStatusModel({{json_encode($jobRequisition)}})"><i data-feather="pen-tool" class="font-4" aria-hidden="true"></i><span class="align-middle"> {{ trans('recruitment/job-requisition.update_status') }}</span></a>
                                                        @endif
                                                    @else
                                                        <a class="dropdown-item" href="javascript:;" data-bs-toggle="modal"
                                                        data-bs-target="#status-modal" onclick="setStatusModel({{json_encode($jobRequisition)}})"><i data-feather="pen-tool" class="font-4" aria-hidden="true"></i><span class="align-middle"> {{ trans('recruitment/job-requisition.update_status') }}</span></a>
                                                    @endif
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>
                        
                        @if(count($jobRequisitions) == 0)
                            <div><center>No record(s) found!</center></div>
                        @endif

                        <div class="d-flex justify-content-between mx-0 row">
                            <div class="col-sm-12 col-md-6">
                                <div class="dataTables_info" id="organization_info" role="status" aria-live="polite">Showing {{($jobRequisitions->currentpage()-1)*$jobRequisitions->perpage()+1}}
                                    to {{(($jobRequisitions->currentpage()-1)*$jobRequisitions->perpage())+$jobRequisitions->count()}}
                                    of {{$jobRequisitions->total()}} entries</div>
                            </div>
                            <div class="col-sm-12 col-md-6">
                                {{$jobRequisitions->appends(request()->except('page'))->links('partials.pagination')}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Update Status Modal-->
        <div class="modal fade" id="status-modal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-centered modal-edit-user">
                <div class="modal-content">
                    <div class="modal-header bg-transparent">
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body pb-5 px-sm-5 pt-50">
                        <div class="text-center mb-2">
                            <h1 class="mb-1" id="status-modal-header">{{ trans('recruitment/job-requisition.update_status') }}</h1>
                        </div>
                        <form id="update-status" class="row gy-1 pt-75" role="post-data" method="POST" action="{{ $orgUrl.'/job-requisition/update-status' }}" redirect="{{ $orgUrl.'/job-requisition' }}">
                            <div class="row">
                                <div class="col-12">
                                    <input type="hidden" value="{{ $organization->id }}" name="organization_id" id="organizationId">
                                    <label class="form-label">{{ trans('recruitment/job-requisition.status') }} <span class="mendatory-field text-danger">*</span></label>
                                    
                                    <select name="status" class="form-control" id="status" onchange="showApprovalAuthority()">
                                        <option value="">Select status</option>
                                        @foreach($requisitionStatus as $key => $value)
                                            <option value="{{$key}}">{{ ucfirst($value) }}</option>
                                        @endforeach
                                    </select>
                                    
                                    <select name="status" class="form-control" id="status2" style="display: none" disabled>
                                        <option value="">Select status</option>
                                        @foreach($status as $key => $value)
                                            <option value="{{$key}}">{{ ucfirst($value) }}</option>
                                        @endforeach
                                    </select>

                                </div>
                            </div>
                            <div class="row approvalAuthority" style="display: none">
                                <div class="col-12">
                                    <label class="form-label" for="approvalAuthority">{{trans('recruitment/job-requisition.next_approval_authority')}}<span class="mendatory-field text-danger">*</span></label>
                                    <select class="form-control select2" name="next_approval_authority" id="approvalAuthority">
                                        <option value="">Select One</option>
                                        @foreach($users as $user)
                                            <option value="{{$user->id}}"  @if(@$authUser->manager_id == $user->id) selected @endif>{{ ucwords($user->name) }}</option>
                                        @endforeach
                                    </select> 
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <label class="form-label">{{ trans('recruitment/job-requisition.comments') }}</label>
                                    <textarea name="log_message" class="form-control" id="log_message">{{ old('log_message') }}</textarea>
                                </div>
                            </div>
                            <div class="col-12 text-center mt-2 pt-50">
                                <button type="button" class="btn btn-primary me-1" data-request="ajax-submit" data-target="[role=post-data]">{{ trans('common/common.update') }}</button>
                                <button type="reset" class="btn btn-outline-secondary discard" data-bs-dismiss="modal"
                                    aria-label="Close">
                                    {{ trans('common/common.discard') }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <!-- Job Description Modal-->
        <div class="modal fade" id="jd-modal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header bg-transparent">
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body pb-5 px-sm-5 pt-50" style="max-height: 400px; overflow-y: scroll;">
                        <div class="text-center mb-2">
                            <h1 class="mb-1" id="jd-modal-header">{{ trans('recruitment/job-requisition.job_description') }}</h1>
                        </div>
                        <div class="text-center mb-2">
                            <p class="mb-1" id="job-description"></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/ Column Search -->
@endsection 
@push('footer-script') 
    <!-- BEGIN: Page Vendor JS-->
    <script src="/app-assets/js/scripts/ui/ui-feather.js"></script>
    <script src="/app-assets/js/scripts/forms/form-wizard.js"></script>
    <!-- END: Page Vendor JS-->
    <script src="/app-assets/vendors/js/extensions/toastr.min.js"></script>


    <!-- BEGIN: Page JS-->
    <script src="{{ asset('js/common-script.js') }}"></script>
    <script src="{{ asset('js/sweetalert.js') }}"></script>

    <!-- END: Page JS-->
    
    <script>
        $("#search").change(function() {
            this.form.submit();
        });

        function setStatusModel(data) {
            $("#update-status").trigger("reset");
            $('#status').val(data.status);
            $('#next_approval_authority').val(data.approval_authority);
            $('#update-status').attr('action', "{{ $orgUrl.'/job-requisition/update-status' }}/"+data.id);

            var users = <br />
<b>Warning</b>:  Undefined variable $users in <b>/var/www/html/thepresence360/resources/views/recruitment/job-requisition/index.blade.php</b> on line <b>284</b><br />
null;
            var html = '<option value="">Select</option>';
            $.each(users,function(key, user){
                if(!(data.created_by_type == 'employee' && parseInt(data.created_by) == parseInt(user.id))){
                    html += `<option value="${user.id}"  ${user.id == {{$authUser->id}}? 'selected' : '' }>${user.name}</option>`;
                }
            });

            $('#approvalAuthority').html(html);

            var userId = "{{ $authUser->id }}";
            if(parseInt(data.created_by) == parseInt(userId)){
                $( "#status" ).prop( "disabled", true );
                $( "#status" ).hide();

                $( "#status2" ).prop( "disabled", false );
                $( "#status2" ).show();
            }else{
                $( "#status2" ).prop( "disabled", true );
                $( "#status2" ).hide();

                $( "#status" ).prop( "disabled", false );
                $( "#status" ).show();
            }
            showApprovalAuthority();
        }
        
        function showApprovalAuthority(){
            if($('#status').val() == 'approved-forward'){
                $('.approvalAuthority').show();
            }else{
                $('.approvalAuthority').hide();
            }
        }

        function setJDModel(data){
            $('#job-description').text('');
            var description = $.parseHTML(data.job_description.description);
            $('#job-description').append(description);
        }
        
    </script>
@endpush