@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 ($application->product_group->supportingDoc as $supportingDoc)
        @php
            $supportingDocReview = $supportingDocIsComply = null;
            if ($certificateSection) {
                $supportingDocReview = $certificateSection?->review->where('type', App\Models\EvaluatorReview::TYPE_SUPPORTING_DOC . "_$supportingDoc->id")->first();
                $supportingDocIsComply = $supportingDocReview?->is_comply;
            } elseif ($application->stage == App\Models\Application::STAGE_SO) { // handle so evaluation
                $sections = $evaluation?->section;
                if (is_array($sections)) {
                    $supportingDocIsComply = !in_array('5', $sections);
                }
            }
        @endphp
        <div class="row mt-10 supporting-doc-row" data-id="{{ $supportingDoc->id }}">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header d-flex justify-content-between align-items-center px-5" style="min-height: 50px;">
                        <h6 class="mb-0">{{ $supportingDoc->name }}</h6>
                        @if ($supportingDocIsComply !== null && $supportingDocIsComply == 0)
                            <button type="button" id="modify-supporting-doc-{{ $supportingDoc->id }}-btn" class="btn btn-success btn-sm">Modify</button>
                        @endif
                    </div>
                    <div class="card-body">
                        @php
                            $attachment = $application->attachments->where('type', 'supporting_document')->where('supporting_document_id', $supportingDoc->id)->first();
                        @endphp
                        <div class="mb-5">
                            <label class="form-label">Name</label>
                            <input id="supporting_document_{{ $supportingDoc->id }}_file_name" type="text" value="{{ $attachment ? basename($attachment->path) : '-' }}" class="form-control form-control-sm" required disabled />
                        </div>

                        <div class="mb-5">
                            <label class="form-label">Document Uploaded</label>
                            <div class="d-flex align-items-center gap-2">
                                @if ($attachment)
                                    <a href="{{ assetFile($attachment->path) }}" target="_blank" id="supporting_document_{{ $supportingDoc->id }}_file_link" rel="noopener noreferrer">
                                        [View Here]
                                    </a>
                                @else
                                    No documents available
                                @endif
                            </div>
                        </div>

                        <!-- Dropzone Section (appears below the image) -->
                        <div class="dropzone dropzone-file" id="dzSupportingDoc{{ $supportingDoc->id }}" style="margin-top: 5px; display:none;">
                            <!--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="hidden" name="supporting_document[{{ $supportingDoc->id }}][file]" id="supporting_document_{{ $supportingDoc->id }}_file" value="">

                        <div class="d-flex justify-content-end">
                            <button type="submit" id="save-supporting-doc-{{ $supportingDoc->id }}-btn" data-type="policy" class="btn btn-success btn-sm mt-3" style="display:none;">Save</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- 
            <div class="row mt-10">
                <div class="col-md-6">
                    <div class="mb-5">
                        <label class="form-label">Issued By</label>
                        <input type="text" value="{{ old('supporting_document.' . $supportingDoc->id . '.issuing_body', $attachment->extra?->issuing_body) }}" name="supporting_document[{{ $supportingDoc->id }}][issuing_body]" class="form-control form-control-sm" required />
                    </div>
    
                    <div class="mb-5">
                        <label class="form-label">Issued Country</label>
                        <select name="supporting_document[{{ $supportingDoc->id }}][issuing_country]" id="supporting_document_{{ $supportingDoc->id }}_issuing_body" class="form-select select2">
                            <option value="">Select Country</option>
                            @foreach ($countries as $country)
                                <option value="{{ $country->id }}" {{ old('supporting_document.' . $supportingDoc->id . '.issuing_country', $attachment->extra?->issuing_country) == $country->id ? 'selected' : '' }}>
                                    {{ $country->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
             --}}

        @if (!$loop->last)
            <hr class="bg-light my-10">
        @endif
    @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', $application->product_ownership);
    @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)
                @if (!($authorizationLetterIsComply !== null && $authorizationLetterIsComply == 0)) disabled @endif>
            <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" @if ($product_ownership == \App\Models\Application::PO_MANUFACTURER) style="display: none;" @endif>
    <div class="card-body">
        @php
            $authorizationLetter = $application->attachments->where('type', 'authorization_letter')->first();
        @endphp

        <div class="mb-5">
            <label for="authorization_letter" class="form-label text-gray-700 required @error('authorization_letter') is-invalid @enderror">Letter of Authorization</label>
            <div class="d-flex align-items-center gap-2">
                @if ($authorizationLetter)
                    <a href="{{ assetFile($authorizationLetter->path) }}" target="_blank" rel="noopener noreferrer">
                        [View Here]
                    </a>
                @else
                    No documents available
                @endif
            </div>
        </div>
    </div>
    @if ($authorizationLetterIsComply !== null && $authorizationLetterIsComply == 0)
        <button type="button" id="modify-authorization-letter-btn" class="btn btn-success btn-sm">Modify</button>
    @endif
    <!-- Dropzone Section (appears below the image) -->
    <div class="dropzone dropzone-file" id="dzAuthorizeLetter" style="margin-top: 5px; display:none;">
        <!--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="hidden" name="authorization_letter" id="authorization_letter" value="">

    <div class="d-flex justify-content-end">
        <button type="submit" id="save-authorization-letter-btn" data-type="policy" class="btn btn-success btn-sm mt-3" style="display:none;">Save</button>
    </div>
</div>

<br>