{{-- Formulário de assinatura: certificado, PDF, metadados e botões --}}
<form action="{{ route('v2.certificadodigital.sign.execute') }}"
      method="POST"
      enctype="multipart/form-data"
      novalidate>
    {{ csrf_field() }}

    {{-- Certificado --}}
    <div class="mb-4">
        <label for="certificate_id" class="form-label fw-bold">
            <i class="bi bi-shield-check me-1" aria-hidden="true"></i>
            Certificado
            <span class="text-danger">*</span>
        </label>
        <select id="certificate_id"
                name="certificate_id"
                class="form-select{{ $errors->has('certificate_id') ? ' is-invalid' : '' }}"
                required
                aria-describedby="certHelp{{ $errors->has('certificate_id') ? ' certificate_id-error' : '' }}">
            <option value="">— Selecione um certificado —</option>
            @foreach($certificates as $cert)
                @php
                    $isExpired = $cert->valid_until < date('Y-m-d H:i:s');
                    $certLabel = ($cert->name ?: $cert->common_name)
                        . ' — ' . ($cert->document_number ?: 'sem CPF/CNPJ')
                        . ($isExpired ? ' (EXPIRADO)' : '');
                @endphp
                <option value="{{ $cert->id }}"
                        data-common-name="{{ $cert->common_name ?: ($cert->name ?: 'Desconhecido') }}"
                        data-document="{{ $cert->document_number ?: 'sem CPF/CNPJ' }}"
                        data-thumbprint="{{ $cert->thumbprint_sha256 ?: 'N/A' }}">
                    {{ $certLabel }}
                </option>
            @endforeach
        </select>
        <div id="certHelp" class="form-text">
            Certificados expirados são bloqueados para usuários comuns.
            Apenas o suporte técnico pode utilizar certificados fora do prazo.
        </div>
        @if($errors->has('certificate_id'))
            <div id="certificate_id-error" class="invalid-feedback d-block" role="alert">
                {{ $errors->first('certificate_id') }}
            </div>
        @endif
    </div>

    {{-- Arquivo PDF --}}
    <div class="mb-4">
        <label for="pdf_file" class="form-label fw-bold">
            <i class="bi bi-file-earmark-pdf me-1" aria-hidden="true"></i>
            Arquivo PDF
            <span class="text-danger">*</span>
        </label>
        <input type="file"
               id="pdf_file"
               name="pdf_file"
               class="form-control{{ $errors->has('pdf_file') ? ' is-invalid' : '' }}"
               accept=".pdf,application/pdf"
               required
               aria-describedby="pdfHelp{{ $errors->has('pdf_file') ? ' pdf_file-error' : '' }}">
        <div id="pdfHelp" class="form-text">
            Apenas arquivos PDF. Tamanho máximo: 20MB.
        </div>
        @if($errors->has('pdf_file'))
            <div id="pdf_file-error" class="invalid-feedback d-block" role="alert">
                {{ $errors->first('pdf_file') }}
            </div>
        @endif
    </div>

    {{-- Metadados da assinatura --}}
    <div class="card bg-light border-0 mb-4">
        <div class="card-body p-3">
            <h4 class="h6 fw-bold mb-3 d-flex align-items-center gap-2">
                <i class="bi bi-info-circle" aria-hidden="true"></i>
                Metadados da Assinatura (opcional)
            </h4>

            <div class="row g-3">
                <div class="col-md-6">
                    <label for="location" class="form-label small fw-bold">Local</label>
                    <input type="text"
                           id="location"
                           name="location"
                           class="form-control form-control-sm"
                           placeholder="Ex: João Pessoa, Paraíba"
                           maxlength="255"
                           value="{{ old('location') }}">
                </div>

                <div class="col-md-6">
                    <label for="contact_info" class="form-label small fw-bold">Contato</label>
                    <input type="text"
                           id="contact_info"
                           name="contact_info"
                           class="form-control form-control-sm"
                           placeholder="Ex: admin@lotep.pb.gov.br"
                           maxlength="255"
                           value="{{ old('contact_info') }}">
                </div>

                <div class="col-12">
                    <label for="reason" class="form-label small fw-bold">Motivo</label>
                    <input type="text"
                           id="reason"
                           name="reason"
                           class="form-control form-control-sm"
                           placeholder="Ex: Assinatura de Teste"
                           maxlength="500"
                           value="{{ old('reason', 'Assinatura de Teste') }}">
                </div>

                <div class="col-12">
                    <div class="form-check">
                        <input type="checkbox"
                               id="add_visual_stamp"
                               name="add_visual_stamp"
                               class="form-check-input"
                               value="1"
                               checked>
                        <label class="form-check-label small" for="add_visual_stamp">
                            Adicionar carimbo visual de assinatura no PDF
                        </label>
                    </div>
                </div>

                {{-- Tema do carimbo --}}
                <div class="col-12">
                    <label for="theme_type" class="form-label small fw-bold">
                        <i class="bi bi-palette me-1" aria-hidden="true"></i>
                        Tema do Carimbo Visual
                    </label>
                    <select id="theme_type"
                            name="theme_type"
                            class="form-select form-select-sm"
                            aria-describedby="themeHelp">
                        <option value="lotep-government"{{ old('theme_type', 'lotep-government') === 'lotep-government' ? ' selected' : '' }}>
                            🏛️ Modelo básico — Padrão completo com dados do signatário
                        </option>
                        <option value="professional"{{ old('theme_type') === 'professional' ? ' selected' : '' }}>
                            📄 Profissional — Logo + dados lado a lado, estilo gov.br
                        </option>
                        <option value="minimal"{{ old('theme_type') === 'minimal' ? ' selected' : '' }}>
                            🔹 Minimalista — Apenas dados linha a linha, sem bordas
                        </option>
                    </select>
                    <div id="themeHelp" class="form-text">
                        O tema define a aparência visual do carimbo de assinatura no PDF.
                    </div>
                </div>

                <input type="hidden" name="pos_x" id="pos_x" value="20">
                <input type="hidden" name="pos_y" id="pos_y" value="237">
            </div>
        </div>
    </div>

    {{-- Botões --}}
    <div class="d-flex justify-content-end gap-2 border-top pt-3">
        <a href="{{ route('v2.certificadodigital.index') }}"
           class="btn btn-outline-secondary fw-bold px-3">
            Cancelar
        </a>
        <button type="submit"
                class="btn btn-primary fw-bold px-4 d-inline-flex align-items-center gap-2"
                id="btnSignSubmit">
            <i class="bi bi-pen-fill" aria-hidden="true"></i>
            Assinar Documento
        </button>
    </div>
</form>