@extends('hr_main')
@section('title', '| '.$pageTitle)
@section('stylesheets')
    <style>
        .border-bottom{
            border-bottom: 1px dotted #696969 !important;
        }
    </style>
@endsection

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="viewTitle" style="border-bottom: 1px solid white;"></div>
        </div>
        <div class="col-md-12">
            <div class="panel panel-default panel-border">
                <div class="panel-heading">
                    <div class="panel-title">
                        {!! $pageTitle !!}
                    </div>

                    <div class="panel-options">
                        <a href="{!! $addBtnUrl !!}" class="btn btn-white">
                            <i class="fa fa-plus-circle"></i> New
                        </a>
                    </div>
                </div>
                <div class="panel-body panelBodyView">
                    <table class="table table-striped table-bordered table-condensed text-primary"
                           id="data-table">
                        <thead>
                        <tr>
                            <th style="width:4%">SL#</th>
                            <th style="width:5%">Project</th>
                            <th style="width:6%">Settings For</th>

                            <th style="width:5%">Function</th>
                            <th style="width:5%">Effect Date</th>
                            <th style="width:8%">Criteria Data</th>
                            <th style="width:22%">Employee Designation</th>
                            <th style="width:22%">Boss Designation</th>
                            <th style="width:5%">Action</th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach($reportingBossEmployeeList as $reportingBossEmployee)
                            <tr>
                                <td class="text-center border-bottom">{{ $loop->iteration }}</td>
                                <td class="border-bottom">{{ $reportingBossEmployee->project->name }}</td>
                                <td class="border-bottom">{{ $reportingBossEmployee->settings_for }}</td>
                                <td class="border-bottom">
                                    <u>
                                        {{ $mFunctionList->find($reportingBossEmployee->hr_reporting_boss_functions_id_fk)->name ?? '' }}
                                    </u>
                                </td>
                                <td class="border-bottom">{{ date('d-m-Y', strtotime($reportingBossEmployee->effect_date)) }}</td>
                                <td class="text-left border-bottom">
                                    @if($reportingBossEmployee->criteria_data)
                                        @if($mFunctionList->find($reportingBossEmployee->hr_reporting_boss_functions_id_fk)->slug == 'leave')
                                            @php
                                                $leaveTypeTagIdList   = json_decode( $reportingBossEmployee->criteria_data)->leave_type_tag_id_list ?? [];
                                                $leaveTypeTagIdListCount = count($leaveTypeTagIdList);
                                                foreach ($leaveTypeTagIdList as $i => $leaveTypeId) {
                                                    echo '<li>'.$mHrLeaveTypeTag->find($leaveTypeId)->name.'</li>' ?? '';
                                                    if($leaveTypeTagIdListCount != ++$i) {
                                                        echo '</br>';
                                                    }
                                                }
                                            @endphp
                                        @endif
                                    @endif
                                </td>
                                <td class="border-bottom">
                                    <span style="font-weight: bold;">
                                        {{ $reportingBossEmployee->position->name ?? '' }}
                                    </span>
                                    -
                                    <u>
                                        {{ $reportingBossEmployee->department->name ?? '' }}
                                    </u>

                                </td>
                                <td class="text-left border-bottom">
                                    <ol style="list-style-type:none;">
                                        @foreach($reportingBossEmployee->reportingBossSteps as $reportingBossStep)
                                            <li style="padding-top: 5px;">
                                                <span>{{ \App\Service\Helper::getOrdinalNumber($loop->iteration) }} :</span>
                                                <span style="font-weight: bold;">{{ $mPosition->where('id', $reportingBossStep->position_id_fk)->first()->name ?? '' }}</span>
                                                <span><u>{{  $mDepartment->find($reportingBossStep->department_id_fk)->name ?? '' }}</u></span>
                                            </li>
                                        @endforeach
                                    </ol>
                                </td>
                                <td class="text-center border-bottom">
                                    <a href="{!! url('hr/reportingBossSettings/edit/'.$reportingBossEmployee->id) !!}"
                                       class="btn btn-xs btn-info">
                                        <i class="fa fa-pencil"></i>
                                    </a>
                                    <a href="{!! url('hr/reportingBossSettings/delete/'.$reportingBossEmployee->id) !!}"
                                       @if($reportingBossEmployee->isExistInHistory())
                                       disabled="true"
                                       @endif
                                       class="btn btn-xs btn-danger" onclick="return confirm('Are you sure?');">
                                        <i class="fa fa-times"></i>
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('footerAssets')
    <script>
        $('#data-table').dataTable( {
            // "ordering": false,
            "paging": false,
            "bInfo": false
        });

    </script>
@endsection