@php
    $ticketId = isset($ticket) && isset($ticket->id) ? $ticket->id : 0;
@endphp

<div id="existing-files-modal" 
     data-ticket-id="{{ $ticketId }}"
     data-attach-url="{{ route('merchant-helpdesk-tickets.attachments.attach-existing', $ticketId) }}">
    <div class="modal-header">
        <h5 class="modal-title mt-0">Attach Existing File(s)</h5>
        <button type="button" data-bs-dismiss="modal" aria-label="Close" class="close cros-btn">
            <i class="fas fa-times"></i>
        </button>
    </div>
    <div class="modal-body">
        <form id="existing-files-attach-form" data-ticket-id="{{ $ticketId }}">
        <div class="table-responsive">
            <table class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th style="width:40px">
                            <div class="custom-control custom-checkbox project-checkbox">
                                <input type="checkbox" class="custom-control-input input-mini select-all-existing" id="selectAllExistingFiles" value="checked">
                                <label class="custom-control-label" for="selectAllExistingFiles"></label>
                            </div>
                        </th>
                        <th>File Name</th>
                        <th style="width: 160px;">Label</th>
                        <th>Size</th>
                        <th>Uploaded</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($attachments as $att)
                    <tr>
                        <td>
                            <div class="custom-control custom-checkbox project-checkbox">
                                <input type="checkbox" name="file_ids[]" class="custom-control-input input-mini" id="file_{{ $att->file_id }}" value="{{ $att->file_id }}" data-filename="{{ $att->filename ?? ($att->file->file_name_original ?? '') }}">
                                <label class="custom-control-label" for="file_{{ $att->file_id }}"></label>
                            </div>
                        </td>
                        <td>{{ $att->filename ?? ($att->file->file_name_original ?? '—') }}</td>
                        <td style="width: 160px;">
                            <select name="labels[{{ $att->file_id }}]" class="form-control select2 no-search select2-existing-label" style="width: 160px;">
                                @foreach($attachmentLabelOptions as $labelId => $labelName)
                                    <option value="{{ $labelId }}" @if(($att->label ?? $att->label_id ?? 1) == $labelId) selected @endif>{{ $labelName }}</option>
                                @endforeach
                            </select>
                        </td>
                        <td>{{ $att->file ? number_format(($att->file->file_size ?? 0)/1024, 2) . ' KB' : '—' }}</td>
                        <td>{{ optional($att->created_at)->format('Y-m-d H:i') }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center">No existing files found from other tickets created by you.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        </form>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn black-btn-inner waves-effect" data-bs-dismiss="modal">
            <i class="mdi mdi-close me-1"></i> Close
        </button>
        <button type="button" class="btn green-btn-inner waves-effect attach-selected-existing">
            <i class="mdi mdi-paperclip me-1"></i> Attach File(s)
        </button>
    </div>
</div>
<script src="{{ asset('admin-form-plugins/select2-init.js')}}"></script>