@extends('hr_main')
@section('title', '| ' . $data['pageTitle'])
@section('content')
    <div class="row add-data-form">
        <div class="col-md-12">
            <div class="col-md-1"></div>
            <div class="col-md-10 fullbody">
                <div class="viewTitle" style="border-bottom: 1px solid white;">
                    <a href="{!! $data['allRecruitmentTypeUrl'] !!}" class="btn btn-info pull-right addViewBtn"><i
                            class="glyphicon glyphicon-th-list viewIcon">
                        </i>{!! $data['allRecruitmentTypeLabel'] !!}
                    </a>
                </div>

                <div class="panel panel-default panel-border">
                    <div class="panel-body">
                        <div class="panel-heading">
                            <div class="panel-title">{!! $data['pageTitle'] !!}</div>
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <span><strong>Employee Info</strong></span>
                                    <hr style="margin: 0; padding-bottom:15px;">
                                </div>
                            </div>

                            {!! Form::open([
                                'url' => url('hr/reporting-boss-config-store'),
                                'id' => 'formId',
                                'class' => 'form',
                                'method' => 'post',
                            ]) !!}

                            <div class="row form-group">

                                <div class="col-sm-3">
                                    {!! Form::label('group_id_fk', 'Group', ['class' => 'control-label']) !!}
                                    <span style="color: red">*</span>
                                    {!! Form::select('group_id_fk', ['' => 'Select any'] + $data['groupData'], null, [
                                        'class' => 'form-control getCompany',
                                        'id' => 'group_id_fk',
                                    ]) !!}
                                    <p id='group_id_fk_msg' style="max-height:3px; color:#FF0000 !important;"></p>
                                </div>

                                <div class="col-md-3">
                                    {!! Form::label('company_id_fk', 'Company', ['class' => 'control-label']) !!}
                                    <span style="color: red">*</span>
                                    {!! Form::select('company_id_fk', ['' => 'Select any'], null, [
                                        'class' => 'form-control getProject',
                                        'id' => 'company_id_fk',
                                    ]) !!}
                                    <p id='company_id_fk_msg' style="max-height:3px; color:#FF0000 !important;"></p>
                                </div>

                                <div class="col-sm-3">
                                    {!! Form::label('project_id_fk', 'Project', ['class' => 'control-label']) !!}
                                    <span style="color: red">*</span>
                                    {!! Form::select('project_id_fk', ['' => 'Select any'], null, [
                                        'class' => 'form-control',
                                        'id' => 'project_id_fk',
                                    ]) !!}
                                    <p id='project_id_fk_msg' style="max-height:3px; color:#FF0000 !important;"></p>
                                </div>

                                <div class="col-sm-3">
                                    {!! Form::label('department_id_fk', 'Department', ['class' => 'control-label']) !!}
                                    <span style="color: red">*</span>
                                    {!! Form::select('department_id_fk', ['' => 'Select any'] + $data['departmentList'], null, [
                                        'class' => 'select2 form-control',
                                        'id' => 'department_id_fk',
                                    ]) !!}
                                    <p id='department_id_fk_msg' style="max-height:3px; color:#FF0000 !important;"></p>
                                </div>

                            </div>

                            <div class="row form-group">

                                <div class="col-sm-3">
                                    {!! Form::label('applicableFor', 'Applicable For', ['class' => 'control-label']) !!}
                                    {!! Form::select('applicableFor', $data['applicableFor'], null, [
                                        'class' => 'form-control',
                                        'id' => 'applicableFor',
                                    ]) !!}
                                    <p id='applicable_for_msg' style="max-height:3px; color:#FF0000 !important;"></p>
                                </div>

                                <div class="col-sm-3">
                                    {!! Form::label('employee_or_position_for', 'Type Of Position / Employee', ['class' => 'control-label']) !!}
                                    {!! Form::select('employee_or_position_for', $data['employeeOrPosition'], null, [
                                        'class' => 'form-control',
                                        'id' => 'employee_or_position_for',
                                    ]) !!}
                                    <p id='employee_or_position_for_msg' style="max-height:3px; color:#FF0000 !important;">
                                    </p>
                                </div>

                                <div class="col-sm-3">
                                    {!! Form::label('position_id_fk', 'Position', ['class' => 'control-label']) !!}
                                    <span style="color: red">*</span>
                                    {!! Form::select('position_id_fk', ['' => 'Select any'] + $data['designations'], null, [
                                        'class' => 'select2 form-control',
                                        'id' => 'position_id_fk',
                                    ]) !!}
                                    <p id='position_id_fk_msg' style="max-height:3px; color:#FF0000 !important;"></p>
                                </div>

                                <div class="col-sm-3" hidden>
                                    {!! Form::label('employee_id_fk', 'Employee', ['class' => 'control-label']) !!}
                                    <span style="color: red">*</span>
                                    {!! Form::select('employee_id_fk', ['' => 'Select any'], null, [
                                        'class' => 'select2 form-control',
                                        'id' => 'employee_id_fk',
                                    ]) !!}
                                    <p id='employee_id_fk_msg' style="max-height:3px; color:#FF0000 !important;"></p>
                                </div>

                                <div class="col-sm-3">
                                    {!! Form::label('effect_date', 'Effect Date', ['class' => 'control-label']) !!}
                                    <span style="color: red">*</span>
                                    {!! Form::text('effect_date', null, [
                                        'class' => 'form-control datepicker',
                                        'autocomplete' => 'off',
                                        'id' => 'effect_date',
                                    ]) !!}
                                    <p id='effect_date_msg' style="max-height:3px; color:#FF0000 !important;"></p>
                                </div>

                            </div>

                            <div class="row form-group">

                                <div class="col-sm-3">
                                    {!! Form::label('effect_until', 'Effect Until Date', ['class' => 'control-label']) !!}
                                    {!! Form::text('effect_until', null, [
                                        'class' => 'form-control datepicker',
                                        'autocomplete' => 'off',
                                        'id' => 'effect_until',
                                        'disabled' => 'disabled',
                                    ]) !!}
                                    <p id='effect_until_msg' style="max-height:3px; color:#FF0000 !important;"></p>
                                </div>

                                <div class="col-sm-3">
                                    {!! Form::label('configuration_for', 'Configuration For', ['class' => 'control-label']) !!}
                                    <span style="color: red">*</span>
                                    {!! Form::select('configuration_for', ['' => 'Select any'] + $data['configurationFor'], null, [
                                        'class' => 'form-control',
                                        'id' => 'configuration_for',
                                    ]) !!}
                                    <p id='configuration_for_msg' style="max-height:3px; color:#FF0000 !important;"></p>
                                </div>

                                <div class="col-sm-3" id="leave_type_section" style="display: none">
                                    {!! Form::label('leave_type', 'Leave Type', ['class' => 'control-label']) !!}
                                    <span style="color: red">*</span>
                                    {!! Form::select('leave_type_id[]', ['' => 'Select any'] + $data['leaveType'], null, [
                                        'class' => 'form-control',
                                        'id' => 'leave_type_id',
                                        'multiple' => 'multiple'
                                    ]) !!}
                                    <p id='leave_type_id_msg' style="max-height:3px; color:#FF0000 !important;"></p>
                                </div>

                            </div>

                            <br>

                            <div class="row">
                                <div class="col-md-12">
                                    <span><strong>Boss Selection</strong></span>
                                </div>
                            </div>

                            <table class="table table-bordered table-striped table-condensed">
                                <thead>
                                    <tr>
                                        <th style="width: 10%;">Steps</th>
                                        <th style="width: 15%;">Applicable For</th>
                                        <th style="width: 15%;">Position / Employee</th>
                                        <th style="width: 15%;">Department</th>
                                        <th style="width: 15%;">Designation</th>
                                        <th style="width: 15%;">Employee</th>
                                        <th style="width: 30%;">Action</th>
                                    </tr>
                                </thead>

                                <tbody class="appendStepsTr">
                                    <tr>
                                        <td>
                                            {!! Form::text('step_index[]', '', [
                                                'class' => 'form-control text-center js-step',
                                                'required' => 'required',
                                                'readonly' => 'readonly',
                                            ]) !!}
                                        </td>

                                        <td>
                                            {!! Form::select('boss_applicableFor[]', $data['applicableFor'], null, [
                                                'class' => 'form-control boss_applicableFor',
                                                'required' => 'required',
                                            ]) !!}
                                        </td>

                                        <td>
                                            {!! Form::select('boss_employee_or_position[]', $data['employeeOrPosition'], null, [
                                                'class' => 'form-control boss_employee_or_position',
                                                'required' => 'required',
                                            ]) !!}
                                        </td>

                                        <td>
                                            {!! Form::select('boss_department_id_fk[]', ['' => 'Select any'] + $data['departmentList'], null, [
                                                'class' => 'select2 form-control js-employee',
                                            ]) !!}
                                        </td>

                                        <td>
                                            {!! Form::select('boss_position_id_fk[]', ['' => 'Select any'] + $data['designations'], null, [
                                                'class' => 'select2 form-control js-designation',
                                            ]) !!}
                                        </td>

                                        <td>
                                            {!! Form::select('boss_employee_id_fk[]', ['' => 'Select any'], null, [
                                                'class' => 'select2 form-control boss_employee_id_fk',
                                            ]) !!}
                                        </td>

                                        <td hidden>
                                            {!! Form::text('boss_employee_id_request[]', null, ['class' => 'form-control boss_employee_id_request']) !!}
                                        </td>

                                        <td hidden>
                                            {!! Form::text('boss_position_id_request[]', null, ['class' => 'form-control boss_position_id_request']) !!}
                                        </td>

                                        <td hidden>
                                            {!! Form::text('boss_employee_count[]', null, ['class' => 'form-control boss_employee_count']) !!}
                                        </td>

                                        <td class="text-center">
                                            <a href="#" class="btn btn-xs btn-danger removeTrSteps">
                                                <i class="fa fa-times"></i>
                                            </a>
                                        </td>
                                    </tr>
                                </tbody>

                                <tfoot>
                                    <tr>
                                        <td colspan="7" class="text-right">
                                            <button type="button" class="btn btn-secondary btn-xs addmore-steps"><i
                                                    class="fa fa-plus"></i>Add More</button>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>

                            <div class="row form-group" style="margin-top: 20px;">
                                <div class="col-sm-12 text-center">
                                    {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']) !!}
                                    <a href="{!! $data['closeBtnUrl'] !!}" class="btn btn-danger closeBtn">Close</a>
                                </div>
                            </div>

                            {!! Form::close() !!}

                        </div>
                    </div>
                </div>
                <div class="footerTitle" style="border-top:1px solid white"></div>
            </div>
            <div class="col-md-1"></div>
        </div>
    </div>
@endsection

@section('footerAssets')
    <script>
        $(document).ready(function() {
            // Initial process
            (function() {
                setIndex('.js-step');

            })()

            $(document).ready(function($)
            {
                $("#leave_type_id").select2({
                    placeholder: 'Choose Leave Type',
                    allowClear: true
                }).on('select2-open', function()
                {
                    // Adding Custom Scrollbar
                    $(this).data('select2').results.addClass('overflow-hidden').perfectScrollbar();
                });
                
            });

            $(document).on('change',
                '#group_id_fk, #company_id_fk, #project_id_fk, #department_id_fk, #position_id_fk, #employee_id_fk, #effect_date, #configuration_for',
                function() {

                    $('#leave_type_section').css('display', 'none');
                    if($(this).attr('id') == 'configuration_for' && $(this).val() == 'Leave')
                    {   
                        $('#leave_type_id').select2("val", "");
                        $('#leave_type_section').css('display', 'block');
                    }
                    
                    if ($(this).val() != '') idFormat = $(this).attr('id') + '_msg';
                    $('#' + idFormat).text('');

                });

            // Dynamic drop down based on module
            function getDependentDropdown(sourceAttr, targetAttr, link, selected = null) {
                var sourceId = 0;

                if (sourceAttr.jquery) sourceId = sourceAttr.val();
                else sourceId = sourceAttr;

                $.ajax({
                    url: link,
                    dataType: 'json',
                    type: 'POST',
                    data: {
                        "sourceId": sourceId,
                        "_token": $('meta[name="_token"]').attr('content')
                    },
                    beforeSend: function() {
                        $('#loading').show();
                    },
                    success: function(data, textStatus, jQxhr) {
                        // Loader stop
                        $('#loading').hide();

                        var options = '<option value="">Select any</option>';

                        $.each(data, function(key, val) {
                            var selectedData = '';
                            if (selected != null && val.id === selected) {
                                selectedData = 'selected="selected"';
                            }

                            options += '<option ' + selectedData + ' value="' + val.id + '">' +
                                val.name +
                                '</option>';
                        });

                        targetAttr.html(options);
                    }
                });
            }

            // Generate company & project list
            $(document).ready(function() {
                getDependentDropdown(
                    "<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function old() in /home/shikkhaplus/public_html/morning_bird_bk/resources/views/hr/config/reporting_boss_config.blade.php:362
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/hr/config/reporting_boss_config.blade.php</b> on line <b>362</b><br />