@php
    $user_id = isset($user) ? $user->id : session('user_id');
    $competencyList = isset($competencyList) ? $competencyList : [];
@endphp
<form id="form_create_competency">
    <input type="hidden" name="user_id" id="user_id_competency" value="{{ $user_id }}">
    <input type="hidden" name="competency" value="true">
    <div class="demo-card">
        <div class="demo-title">
            <h3 class="title is-thin is-5">@lang('app.competencies')</h3>
        </div>
        <div class="card-inner">
            <div class="columns is-multiline">
                @foreach($competencyList as $competency)
                <div class="column is-12 m-b-10" style="margin-bottom: 20px;">
                    <div class="control">
                        <label class="fs-12 fw-400 text-grey" for="{{ "competency_".$competency->competency_id }}">
                            {{ $competency->name." (Filetype: pdf | max: 10MB)" }}
                            <sup class="text-danger">*</sup>
                        </label>
                        @if ($competency->file_name)
                            @include('components.form.form-upload-file', [
                                'id' => 'competency_'.$competency->competency_id,
                                'file' => $competency->original_name,
                                'file_name' => $competency->file_name,
                                'withValidUntil' => true,
                                'valid_until' => $competency->valid_until ?? null,
                            ])
                        @else
                            @include('components.form.form-upload-file', [
                                'id' => 'competency_'.$competency->competency_id,
                                'withValidUntil' => true,
                                'valid_until' => null,
                            ])
                        @endif
                        <input type="hidden" name="{{'competency_'.$competency->competency_id.'_hide'  }}" id="{{ 'competency_'.$competency->competency_id."_hide"}}" value="{{$competency->file_name ?? ''}}">
                    </div>
                </div>
                @endforeach

                @if(empty($competencyList))
                    <div class="column is-12 m-b-10" align="center">
                        <div class="control">
                            <svg xmlns="http://www.w3.org/2000/svg" width="81" height="80" viewBox="0 0 81 80" fill="none">
                              <path d="M64.2332 10H17.5666C13.8999 10 10.8999 13 10.8999 16.6667V63.3333C10.8999 67 13.8999 70 17.5666 70H64.2332C67.8999 70 70.8999 67 70.8999 63.3333V16.6667C70.8999 13 67.8999 10 64.2332 10ZM64.2332 63.3333H17.5666V16.6667H64.2332V63.3333ZM24.2332 33.3333H30.8999V56.6667H24.2332V33.3333ZM37.5666 23.3333H44.2332V56.6667H37.5666V23.3333ZM50.8999 43.3333H57.5666V56.6667H50.8999V43.3333Z" fill="#A2A5B9"></path>
                            </svg>
                            <div class="txt-dsh-1">The Competencies document is not required for this process.</div>
                            <div class="txt-dsh-2">You do not need to submit the Competencies document to proceed.</div>
                        </div>
                    </div>
                @endif

            </div>
        </div>
    </div>
    <div class="demo-card floats-demo">
        <table width="100%">
            <tr>
                <td width="50%">
                <button type="button" class="button h-button" id="btn_prev_competency">
                    <span>Back</span>
                </button>
                {{--
                <button type="submit" form="form_create_competency"
                    class="button h-button" id="btn_next_competency">
                    <span>@lang('app.next')</span>
                </button>
                --}}
                </td>
                <td align="right">
                    {{-- @if(isset($user))
                    <div class="txt-content-mc show_next">Status Data: <span @if(isset($user) && $user->status_data == 'Submitted') class="awaits3" @else class="awaits4" @endif>{{$user->status_data ?? 'Draft'}}</span></div>
                    &nbsp;
                    @endif --}}
                    <button type="submit" form="form_create_competency" style="display: none;" 
                        class="button h-button is-warning" id="btn_save_competency">
                        <span>Save</span>
                    </button>
                    <button type="button" data-modal="demo-right-actions-modal"
                        class="button h-button is-warning  h-modal-trigger">
                        <span>Save</span>
                    </button>
                </td>
            </tr>
        </table>
    </div>
</form>