@if($data['status'] == 'failed')
    @if(count($data['header']) > 0)
        @foreach($data['header'] as $header)
            <div>
                {{--<h5><i class="icon fas fa-exclamation-triangle"></i> Uploading Failed!</h5>--}}
                {{-- {{$header}} <br><br>
                 Header Requirements: <br>--}}
                {{--  ['employee number', 'last name', 'first name', 'middle name', 'company code', 'gender', 'nominated
                  email']--}}
                <table class="table table-bordered">
                    <thead class="text-center">
                    <tr>
                        <td>Row</td>
                        <td>Remarks</td>
                    </tr>
                    </thead>
                    <tbody class="scrollContent">
                    <tr>
                        <td rowspan="2" class="text-center" style="vertical-align: center">Row Header</td>
                        <td>
                            <ul>
                                <li>{!! $header !!}</li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <td>Expected header arrangement:
                            <ul>
                                <li>Column A: employee number</li>
                                <li>Column B: last name</li>
                                <li>Column C: first name</li>
                                <li>Column D: middle name</li>
                                <li>Column E: company code</li>
                                <li>Column F: gender</li>
                                <li>Column G: nominated email</li>
                            </ul>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        @endforeach
    @endif

    @if(count($data['rows']) > 0)
        {{--  <div class="alert alert-warning">
              <h5><i class="icon fas fa-exclamation-triangle"></i> Uploading Failed!</h5>
              Please validate the remarks.
          </div>--}}
        <div style="overflow-y:auto;max-height: 500px">
            <table class="table table-bordered">
                <thead class="text-center">
                <tr>
                    <td>Row</td>
                    <td>Remarks</td>
                </tr>
                </thead>
                <tbody class="scrollContent">
                @foreach($data['rows'] as $error)
                    <tr>
                        <td>{{$error['row']}}</td>
                        <td>
                            <ul>
                                @foreach($error['remarks'] as $remarks)
                                    <li>{!! $remarks !!}</li>
                                @endforeach
                            </ul>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    @endif
@else
    {{-- <div class="alert alert-success">
         <h5><i class="icon fas fa-exclamation-triangle"></i> Uploading Success!</h5>
         Employee data successfully saved.
     </div>--}}
@endif