@php
    $alphabet = range('a', 'z');
@endphp

<h1>Supporting Documents</h1>
<span class="text-muted">Upload below listed documents to support the Main Certificate above: </span>

<hr class="my-10">

<!-- Supporting Documents List -->
<div class="supporting-document-group">
    @foreach ($productGroup->supportingDoc->sortBy('priority') as $supportingDoc)
        @php
            $inputName = 'supporting_document[' . $supportingDoc->id . ']';
            $errorKey = 'supporting_document.' . $supportingDoc->id;
            $isInvalid = $errors->has($errorKey) ? 'is-invalid' : '';
        @endphp
        <div class="form-group mb-5">
            <label for="supporting_document_{{ $supportingDoc->id }}" class="form-label text-gray-700 required">{{ $alphabet[$loop->index] }}. {{ $supportingDoc->name }}</label>
            <!-- Dropzone Section (appears below the image) -->
            <div class="dropzone dropzone-file {{ $isInvalid }}" id="dzSupportDoc{{ $supportingDoc->id }}" data-id="certificate" style="margin-top: 5px;">
                 <!--begin::Message-->
                 <div class="dz-message needsclick">
                    <button type="button" class="btn btn-sm btn-secondary">Choose File</button>
                    <span class="align-self-center text-muted ms-2">No file selected</span>
                </div>
                <!--end::Message-->
            </div>
            {{-- <input type="file" class="form-control" name="supporting_document[{{ $supportingDoc->id }}]" id="supporting_document_{{ $supportingDoc->id }}" accept="application/pdf"> --}}
            <input type="hidden" name="supporting_document[{{ $supportingDoc->id }}]" id="supporting_document_{{ $supportingDoc->id }}" value="">
            <small class="text-muted"><i>{{ $supportingDoc->description }}</i></small>
            @if(isset($application) && $application->no_expiry_date == 0)
                <div>
                    <span class="text-sm text-danger">
                        This document is already expired on {{ $application->myhijau_exp_date ?? '1-1-2024' }}.
                    </span>
                </div>
            @endif
            @error($errorKey)
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
    @endforeach
</div>

<br><br>

<h1>Product Ownership</h1>
<span class="text-muted">Please declare your company's ownership on the product: </span>

<br><br>

<div class="form-group mb-5">
    @php 
        $product_ownership = old('product_ownership', isset($application) ? $application->product_ownership : null);
    @endphp
    @foreach (\App\Models\Application::PRODUCT_OWNERSHIP as $key => $value)
        <div class="form-check form-check-custom form-check-xs form-check-success mb-2">
            <input type="radio" class="form-check-input @error('product_ownership') is-invalid @enderror" name="product_ownership" id="product_ownership_{{ $key }}" value="{{ $key }}"
                @checked($product_ownership == $key)>
            <label class="form-check-label fw-semibold text-dark" for="product_ownership_{{ $key }}">
                {{ $value }}
            </label>
        </div>
    @endforeach
    @error('product_ownership')
        <div class="invalid-feedback d-block" data-name="product_ownership">{{ $message }}</div>
    @enderror
</div>

<!-- Letter of Authorization -->
<div class="form-group mb-5" id="authorization_letter_group">
    <label for="authorization_letter" class="form-label text-gray-700 required @error('authorization_letter') is-invalid @enderror">Letter of Authorization</label>
    <!-- Dropzone Section (appears below the image) -->
    <div class="dropzone dropzone-file" id="dzAuthorizeLetter" style="margin-top: 5px;">
         <!--begin::Message-->
         <div class="dz-message needsclick">
            <button type="button" class="btn btn-sm btn-secondary">Choose File</button>
            <span class="align-self-center text-muted ms-2">No file selected</span>
        </div>
        <!--end::Message-->
    </div>
    {{-- <input type="file" class="form-control" name="authorization_letter" id="authorization_letter" accept="application/pdf"> --}}
    <input type="hidden" name="authorization_letter" id="authorization_letter" value="{{ old('authorization_letter', isset($data["authorization_letter"]) ? basename($data["authorization_letter"]) : '') }}">
    @error('authorization_letter')
        <div class="invalid-feedback d-block">{{ $message }}</div>
    @enderror
</div>

<br>