@php
     $extension = Util::checkExtension($file);
     $file_url = Util::linkFile($sub_folder, $file);
 @endphp

 @php
    $urlGets = url()->full();
    $path = parse_url($urlGets, PHP_URL_PATH);
    $segments = explode('/', trim($path, '/'));
 @endphp

 @if ($extension == 'image')
     <img style="height: 150px" src="{{ $file_url ?? '' }}">
 @else
     @if (isset($size) && $size == 'small')
        <input type="hidden" name="file-url-debug" value="{{ $file_url ?? '' }}">
         <div class="flex-table @if($sub_folder == 'mcu-document') flex-two @endif " style="background-color: #fff;">
             <div class="flex-list-inner" style="text-align: left;">
                @if($sub_folder == 'mcu-document') <div style="margin-bottom: 10px;"><b>Document {{$nomor}}</b></div> @endif
                 <div class="flex-table-item" @if($approved == 1 && $segments[1]=='detail') style="border:1px solid #3DAD5C" @elseif($approved == 0 && $segments[1]=='detail') style="border:1px solid #ED3E3E" @endif>
                     <div class="flex-table-cell is-media is-grow">
                         <div class="is-medium">
                             <img style="height: 50px" src="{{ url('assets/img/icons/icon-pdf.svg') }}">
                         </div>
                         <div>
                             <span class="profil-txt1">
                                 <span data-filter-match="">{{ $file_name ?? '' }}</span>
                             </span>
                         </div>
                     </div>
                     <div class="flex-tpble-cell cell-end" data-th="Location" style="margin-top: 8px;">
                        @if(in_array($sub_folder, ['mcu-document', 'document-competency']))
                        
                        @if($segments[1]=='detail')
                            @if($approved == 1) 
                                <div class="button h-button is-success is-light">Approved</div>
                            @else
                                <div class="button h-button is-danger is-light">Not Approved</div>
                            @endif
                        @else
                        @role('dokter')
                            <span class="control" style="margin-right: 5px;">
                              <label class="form-switch is-success">
                                 <input type="hidden" name="approved{{$nomor}}" id="approved{{$nomor}}" value="0">
                                  <input type="checkbox" class="is-switch" name="approved{{$nomor}}" id="approved{{$nomor}}" @if($approved == 1) checked @endif value="1" @if($segments[1]=='detail') disabled @endif>
                                  <i></i>
                              </label>
                            </span>
                        @endrole  
                        @endif

                        @endif
                        @include('components.button.button-download-file', [
                             'file_url' => $file_url,
                             'file_name' => $employee_name . '_' . $file_name,
                             'employee_id' => $employee_id ?? $user->id,
                        ])
                     </div>
                 </div>
                 
                 @role('dokter')
                     @if($segments[1] != 'detail' && $segments[1] != 'edit-visitor')
                        <div style="margin-top: 15px; margin-bottom: 10px;"><b>Note Document {{$nomor}}</b></div>
                        <textarea name="note_mcu{{$nomor}}" id="note_mcu{{$nomor}}" class="textarea is-warning-focus sun-editor">{!! $note_mcu !!}</textarea>
                        <div style="margin-top: 15px; margin-bottom: 10px;"><b>Valid Until Document {{$nomor}}</b></div>
                        <div class="control">
                            <div class="control has-icon">
                                <input id="valid_until{{$nomor}}" name="valid_until{{$nomor}}" class="is-warning-focus" value="{{ date('Y-m-d', strtotime($valid_until)) }}" type="date" style="height: 38px;border: 1px solid #ddd;padding: 10px;" />
                            </div>
                        </div>
                     @endif
                @endrole  
                 @if($sub_folder === 'mcu-document')
                     @if($segments[1]=='detail')
                        <div class="field" style="max-width: 100%; margin-top: 20px;">
                            <div class="message">
                              <div class="message-body">
                                  <div><b>Note Document {{$nomor}}</b></div>
                                  {!! $note_mcu !!}
                              </div>
                            </div>
                        </div>
                     @endif
                 @endif

                @if(in_array($sub_folder, ['mcu-document', 'document-competency']))

                    @if($segments[1]=='detail')

                        <div class="card-personalmcu">
                            <table width="100%" style="border-spacing: 0px;">
                                <tr>
                                    <td width="50%" style="vertical-align: middle;">
                                        <div class="txt-personalmcu">Valid Until</div>
                                    </td>
                                    <td style="vertical-align: middle;">
                                        <div class="txt-personalmcu">
                                            <i class="lnil lnil-calendar"></i> &nbsp;
                                            @if($valid_until)
                                                {{ date('d F Y', strtotime($valid_until)) }}
                                            @else
                                            __________
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    @endif

                @endif
             </div>
         </div>
     @else
         <div class="has-text-centered file-pdf">
             <div class="has-text-centered">
                 <img src="{{ url('assets/img/icons/icon-pdf.svg') }}">
                 <p style="margin: 0;">{{ $file_name ?? '' }}.pdf</p>
             </div>
             @include('components.button.button-download-file', [
                 'file_url' => $file_url,
                 'file_name' => $employee_name . '_' . $file_name,
                 'employee_id' => $employee_id ?? $user->id,
             ])
         </div>
     @endif
 @endif
@if($file_name)
    <script>
        const progressEl3 = document.getElementById('form_progress3c');
        progressEl3.innerText = '100%';
        progressEl3.style.color = '#0B4214';
        progressEl3.style.backgroundColor = '#B8E1BF';
    </script>
@endif

<script>
    $(document).ready(function() {
        submitMcuDokter();
        initDate('valid_until_{{ $file_id ?? $nomor ?? ''}}')
    });
</script>