@section('stylesheets')
    <style>
        #loading {
            width: 100%;
            height: 100%;
            top: 0;
            display: none;
            left: 0;
            position: fixed;
            opacity: 0.7;
            z-index: 100;
            background: url("{{ asset('images/loading/loading.gif') }}") center no-repeat #fff;
        }
    </style>
@endsection

<div id="loading"></div>

<div class="row">
    <div class="col-md-12">

    {!! Form::open(array('files'=>'false',  'role' => 'form', 'class'=>'form')) !!}

    <div class="row">
        <div class="col-md-12">
            <span><strong>Employee Info</strong></span>
            <hr style="margin: 0; padding-bottom:15px;">
        </div>
    </div>
    <div class="row form-group">
        <div class="col-sm-3">
            {!! Form::label('group_id_fk', $data['attributes']['group_id_fk'], ['class' => 'control-label']) !!}
            {!! Form::select('group_id_fk', $data['groupData'], $data['model']->group_id_fk, 
            ['class' => 'form-control getCompany', 'id' => 'group_id_fk']) !!}
            <p id='name' style="max-height:3px;">{{ $errors->first('group_id_fk') }}</p>
        </div>

        <div class="col-md-3">
            {!! Form::label('company_id_fk', $data['attributes']['company_id_fk'], ['class' => 'control-label']) !!}
            {!! Form::select('company_id_fk', [''=>'Select any'], $data['model']->company_id_fk, 
            ['class' => 'form-control getProject', 'id' => 'company_id_fk']) !!}
            <p id='name' style="max-height:3px;">{{ $errors->first('company_id_fk') }}</p>
        </div> 

        <div class="col-sm-3">
            {!! Form::label('project_id_fk', $data['attributes']['project_id_fk'], ['class' => 'control-label']) !!}
            {!! Form::select('project_id_fk', [''=>'Select any'], $data['model']->project_id_fk, 
            ['class' => 'form-control', 'id' => 'project_id_fk']) !!}
            <p id='name' style="max-height:3px;">{{ $errors->first('project_id_fk') }}</p>
        </div>
        <div class="col-sm-3">
            {!! Form::label('position_id_fk', $data['attributes']['position_id_fk'], ['class' => 'control-label']) !!}
            {!! Form::select('position_id_fk', $data['designations'], $data['model']->position_id_fk, ['class' => 'form-control', 'id' => 'position_id_fk']) !!}
            <p id='name' style="max-height:3px;">{{ $errors->first('position_id_fk') }}</p>
        </div>
    </div>

    <div class="row form-group">
        <div class="col-sm-3">
            {!! Form::label('function_code', $data['attributes']['function_code'], ['class' => 'control-label']) !!}
            {!! Form::select('function_code', $data['functions'], $data['model']->function_code, ['class' => 'form-control', 'id' => 'function_code']) !!}
            <p id='name' style="max-height:3px;">{{ $errors->first('function_code') }}</p>
        </div>

       

        <div class="col-md-3" id="container-criteria">
            @if($data['model']->function_code == 'fn_leave')
                {!! Form::label('criteria_data', 'Leave Criteria', ['class' => 'control-label']) !!}
                {!! Form::select('criteria_data[]', $data['leaveTypeTag'], !empty($data['model']->criteria_data) ? json_decode($data['model']->criteria_data)->leave_type_id: null , ['class' => 'form-control select2', 'id' => 'criteria-data','multiple']) !!}
                <p id='name' style="max-height:3px;">{{ $errors->first('criteria_data') }}</p>
            @endif
        </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: 40%;">Designation</th>
                <th style="width: 40%;">Department</th>
                <th style="width: 10%;">Actions</th>
            </tr>
        </thead>
        <tbody class="appendStepsTr">

            @if( isset($data['reportingBossSteps']) && $data['reportingBossSteps']->count() > 0)
                @foreach($data['reportingBossSteps'] as $reportingBossStep)
                    <tr>
                        <td>
                            {!! Form::text('attr[step_index][]', 
                                $reportingBossStep->step_index, 
                                ['class' => 'form-control text-center js-step', 'required'=>'required']) !!}
                        </td>

                        <td>
                            {!! Form::select('attr[position_id_fk][]', 
                                $data['designations'], 
                                $reportingBossStep->position_id_fk, 
                                [
                                    'class' => 'form-control js-designation', 
                                    'required'=>'required']) !!}
                        </td>
                        <td>
                            {!! Form::select('attr[department_id_fk][]', 
                                 ['' => 'Select any'] + $data['departmentList'],
                                $reportingBossStep->department_id_fk, 
                                [ 'class'  => 'form-control js-employee' ]) !!}
                        </td>
                        <td class="text-center">
                            <a href="javascript:;" id="" class="btn btn-xs btn-danger removeTrSteps">
                                <i class="fa fa-times"></i>
                            </a>
                        </td>
                </tr>
                @endforeach
            @else
                <tr>
                    <td>
                        {!! Form::text('attr[step_index][]', 
                            '', 
                            ['class' => 'form-control text-center js-step', 'required'=>'required']) !!}
                    </td>

                    <td>
                        {!! Form::select('attr[position_id_fk][]', 
                            $data['designations'], 
                            null, 
                            [
                                'class' => 'form-control js-designation', 
                                'required'=>'required']) !!}
                    </td>
                    <td>
                        {!! Form::select('attr[department_id_fk][]', 
                            ['' => 'Select any'] + $data['departmentList'],
                            null, 
                            ['class' => 'form-control js-employee']) !!}
                    </td>
                    <td class="text-center">
                        <a href="javascript:;" id="" class="btn btn-xs btn-danger removeTrSteps">
                            <i class="fa fa-times"></i>
                        </a>
                    </td>
                </tr>
            @endif
        </tbody>
        <tfoot>
            <tr>
                <td colspan="5" 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>

@section('footerAssets')
    
    <script src="{{asset('hr_asset/js/doAjaxRequest.js')}}"></script>
    <script src="{{asset('hr_asset/js/select2/select2.min.js')}}"></script>

    <script>
        $('#function_code').on('input', function(){
            $('#container-criteria').children().hide();
            var functionCode = $(this).val();
            if(functionCode == 'fn_leave'){
                doAjaxRequest(getLeaveFunctionParam());
            }
        })

        function getLeaveFunctionParam() {
            return {
                url: "{{ url('hr/getLeaveTypeTagList') }}",
                successCallbackFunction: function(data){
                    $('#loading').hide();
                    var label = '<label for="criteria_data" class="control-label">Leave Criteria</label>';
                    var options='<option value="">Select any</option>';
                    $.each(data,function(key,val){
                        options += '<option '+' value="'+key+'">'+val+'</option>';
                    });
                    var select = '<select class="select2 form-control" id="criteria-data" name="criteria_data[]" multiple>'+ 
                        options +
                        '</select>';
                    $('#container-criteria').html(label+select);
                    $('#criteria-data').select2();
                }
            };
        }
    </script>

    <script>
        // Initial process
        (function(){
            // Set initial index to steps
            setIndex('.js-step');
            addIdTo('.js-designation','designation-');
        })() 

        // Add more row
        $(document).on('click','.addmore-steps',function(e){
            if($('.steps-form >table >tbody >tr').length==4) {
                return false;
            }
            var row = $('.appendStepsTr tr:first-child').clone().find('input:text').val('').end().find('select').val('').end();
            row.appendTo('.appendStepsTr');
            // $('.appendStepsTr tr:first-child')[0].cells.item(2).children.innerHTML = null;
            var rowCount = $('.steps-form >table >tbody >tr').length;
            if(rowCount==1){
                $(".steps-form >table >tbody >tr:first >td:last").html('');
            } else {
                $(".steps-form >table >tbody >tr >td:last" ).html('<a href="javascript:;" id="" class="btn btn-xs btn-danger removeTrSteps"><i class="fa fa-times"></i></a>');
            }
            
            // Set index to stpes
            setIndex('.js-step');

            // Set id to Designation fields
            addIdTo('.js-designation','designation-');

        });
        
        // Remove row
        $(document).on('click','.removeTrSteps',function(){
            if(confirm("Are you sure you want to delete this row?")){
                $(this).parent().parent().remove();
            }
            else{
                return false;
            }
            var rowCount = $('.steps-form >table >tbody >tr').length;
            if(rowCount==1) {
              $( ".steps-form >table >tbody >tr:first >td:last" ).html('');
            } else {
                $(".steps-form >table >tbody >tr >td:last").html('<a href="javascript:;" id="" class="btn btn-xs btn-danger removeTrSteps"><i class="fa fa-times"></i></a>');
            }
            setIndex('.js-step');
        });
        
        // Set index
        function setIndex(selector) {
            var elements    = $(selector);
            elements.each( function(index, value){
                value.value = ++index;
            });
        }
        
        // Set id
        function addIdTo( selector , prefix ) {
            var elements    = $(selector);
            elements.each( function(index, value){
                value.id = prefix+`${++index}`;
            });
        }

        // Empty of the element
        function emptyChildOf( selector ) {
            var elements    = $(selector);
            console.log(elements);
        }
    </script>

    <script>
        // Change Setting for radio
        $(document).on('change','.ho-settings-for',function(){
            var employeeNodeList = document.querySelectorAll('table tr > td:nth-child(3),table tr > th:nth-child(3)');
            for(var i = 0; i < employeeNodeList.length; i++) {
                employeeNodeList[i].style.display = '';
            }
        });

        // Change Setting for radio
        $(document).on('change','.branch-settings-for',function(){
            var employeeNodeList = document.querySelectorAll('table tr > td:nth-child(3),table tr > th:nth-child(3)');
            for(var i = 0; i < employeeNodeList.length; i++) {
                employeeNodeList[i].style.display = 'none';
            }
        });
        

        // Group change
        $(document).on('change','.getCompany',function(){
            getDependentDropdown($('.getCompany'),$('select[name="company_id_fk"]'),'<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function url() in /home/shikkhaplus/public_html/resources_16_05_2024/views/hr/reportingBossSettings/form.blade.php:299
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/resources_16_05_2024/views/hr/reportingBossSettings/form.blade.php</b> on line <b>299</b><br />