@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>Function</strong></span>
        </div>
    </div>
    <div class="row form-group">
        <div class="col-sm-4">
            {!! 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-4">
            {!! 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-4">
            {!! 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>

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

        <div class="col-sm-4">
            <div>Settings For</div>
            <div style="margin-top: 10px;">
                <label style="font-size:15px; margin-right: 15px;">
                    <input
                        class="ho-settings-for"
                        style="vertical-align: baselign;" 
                        type="radio"
                        <br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/resources_16_05_2024/views/hr1/reportingBossSettings/form.blade.php</b> on line <b>72</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/resources_16_05_2024/views/hr1/reportingBossSettings/form.blade.php</b> on line <b>72</b><br />
<br />
<b>Warning</b>:  Attempt to read property "settings_for" on null in <b>/home/shikkhaplus/public_html/resources_16_05_2024/views/hr1/reportingBossSettings/form.blade.php</b> on line <b>72</b><br />
                        value="Head Office"
                        name="settings_for"/>
                     Head Office
                </label>
                <label style="font-size:15px;">
                    <input
                        class="branch-settings-for"
                        style="vertical-align: baselign;" 
                        type="radio"
                        <br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/resources_16_05_2024/views/hr1/reportingBossSettings/form.blade.php</b> on line <b>82</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/resources_16_05_2024/views/hr1/reportingBossSettings/form.blade.php</b> on line <b>82</b><br />
<br />
<b>Warning</b>:  Attempt to read property "settings_for" on null in <b>/home/shikkhaplus/public_html/resources_16_05_2024/views/hr1/reportingBossSettings/form.blade.php</b> on line <b>82</b><br />
                        value="Branch"
                        name="settings_for"/>
                     Branch
                </label>
            </div>
        </div>

    </div>

    <div class="row">
        <div class="col-md-12">
            <span><strong>Boss Selections</strong></span>
        </div>
    </div>
    <table class="table table-bordered table-striped table-condensed">
        <thead>
            <tr>
                <th>Steps</th>
                <th>Designation</th>
                <th>Employee</th>
                <th>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[emp_id_fk][]', 
                                $data['helper']->getEmployeeByDesignationId($reportingBossStep->position_id_fk),
                                $reportingBossStep->emp_id_fk, 
                                [ 'class'  => 'form-control js-employee',
                                  'disabled'=> ($data['model']->settings_for == 'Branch' ? true : false) ]) !!}
                        </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[emp_id_fk][]', 
                            [],
                            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>
        // Set initial index to steps
        setIndex('.js-step');
        addIdTo('.js-designation','designation-');
        addIdTo('.js-employee','employee-');

        // 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-');

            // Set id to Employee fields
            addIdTo('.js-employee','employee-');
        });
        
        // 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(){
            $('.js-employee').removeAttr('disabled');
        });

        // Change Setting for radio
        $(document).on('change','.branch-settings-for',function(){
            $('.js-employee').children().empty();
            $('.js-employee').attr('disabled',true);
        });
        

        // 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/hr1/reportingBossSettings/form.blade.php:280
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/resources_16_05_2024/views/hr1/reportingBossSettings/form.blade.php</b> on line <b>280</b><br />