@* Views/Shared/_AdvancedOptions.cshtml *@

<div class="advanced-options-container">
    @{
        var converterType = ViewBag.ConverterType?.ToString() ?? "text";
    }

    @if (converterType == "text-case")
    {
        <!-- Opções para Conversor de Maiúsculas/Minúsculas -->
        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Tipo de Conversão</label>
                <select name="caseType" class="form-select">
                    <option value="upper">MAIÚSCULAS</option>
                    <option value="lower">minúsculas</option>
                    <option value="title">Primeira Maiúscula Em Cada Palavra</option>
                    <option value="sentence">Primeira maiúscula apenas</option>
                </select>
                <div class="form-text">Escolha como você quer converter o texto</div>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Preservar Formatação</label>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="preserveSpaces" id="preserveSpaces" checked>
                    <label class="form-check-label" for="preserveSpaces">
                        Manter espaços e quebras de linha
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="preserveNumbers" id="preserveNumbers" checked>
                    <label class="form-check-label" for="preserveNumbers">
                        Não alterar números
                    </label>
                </div>
            </div>
        </div>
    }
    else if (converterType == "csv-json")
    {
        <!-- Opções para Conversor CSV para JSON -->
        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Separador</label>
                <select name="delimiter" class="form-select">
                    <option value=",">Vírgula (,)</option>
                    <option value=";">Ponto e vírgula (;)</option>
                    <option value="|">Pipe (|)</option>
                    <option value="tab">Tab</option>
                </select>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Codificação</label>
                <select name="encoding" class="form-select">
                    <option value="utf8">UTF-8</option>
                    <option value="latin1">Latin-1</option>
                    <option value="ascii">ASCII</option>
                </select>
            </div>
            <div class="col-12">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="includeHeaders" id="includeHeaders" checked>
                    <label class="form-check-label" for="includeHeaders">
                        Primeira linha contém cabeçalhos
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="skipEmptyLines" id="skipEmptyLines" checked>
                    <label class="form-check-label" for="skipEmptyLines">
                        Ignorar linhas vazias
                    </label>
                </div>
            </div>
        </div>
    }
    else if (converterType == "image-ocr")
    {
        <!-- Opções para OCR -->
        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Idioma do OCR</label>
                <select name="ocrLanguage" class="form-select">
                    <option value="por">Português</option>
                    <option value="eng">English</option>
                    <option value="spa">Español</option>
                    <option value="fra">Français</option>
                    <option value="deu">Deutsch</option>
                    <option value="ita">Italiano</option>
                </select>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Qualidade vs Velocidade</label>
                <select name="ocrMode" class="form-select">
                    <option value="balanced">Balanceado</option>
                    <option value="fast">Rápido</option>
                    <option value="accurate">Preciso</option>
                </select>
            </div>
            <div class="col-12">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="autoRotate" id="autoRotate" checked>
                    <label class="form-check-label" for="autoRotate">
                        Detectar e corrigir rotação automaticamente
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="enhanceImage" id="enhanceImage">
                    <label class="form-check-label" for="enhanceImage">
                        Melhorar qualidade da imagem antes do OCR
                    </label>
                </div>
            </div>
        </div>
    }
    else if (converterType == "json-csv")
    {
        <!-- Opções para JSON para CSV -->
        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Separador CSV</label>
                <select name="csvDelimiter" class="form-select">
                    <option value=",">Vírgula (,)</option>
                    <option value=";">Ponto e vírgula (;)</option>
                    <option value="|">Pipe (|)</option>
                </select>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Tratamento de Objetos Aninhados</label>
                <select name="nestedHandling" class="form-select">
                    <option value="flatten">Achatar (objeto.propriedade)</option>
                    <option value="json">Manter como JSON</option>
                    <option value="ignore">Ignorar</option>
                </select>
            </div>
            <div class="col-12">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="includeHeaders" id="csvHeaders" checked>
                    <label class="form-check-label" for="csvHeaders">
                        Incluir linha de cabeçalho
                    </label>
                </div>
            </div>
        </div>
    }
    else
    {
        <!-- Opções genéricas para outros conversores -->
        <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label">Qualidade</label>
                <select name="quality" class="form-select">
                    <option value="high">Alta</option>
                    <option value="medium" selected>Média</option>
                    <option value="low">Baixa</option>
                </select>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label">Formato de Saída</label>
                <select name="outputFormat" class="form-select">
                    <option value="auto">Automático</option>
                    <option value="text">Texto</option>
                    <option value="file">Arquivo</option>
                </select>
            </div>
        </div>
    }

    <!-- Opções Comuns -->
    <div class="row mt-3">
        <div class="col-12">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" name="optimizeOutput" id="optimizeOutput">
                <label class="form-check-label" for="optimizeOutput">
                    Otimizar resultado para melhor performance
                </label>
            </div>
        </div>
    </div>
</div>

<style>
.advanced-options-container {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 0.375rem;
    padding: 1rem;
}

.advanced-options-container .form-label {
    font-weight: 600;
    color: #495057;
    font-size: 0.875rem;
}

.advanced-options-container .form-text {
    font-size: 0.75rem;
}

.advanced-options-container .form-check-label {
    font-size: 0.875rem;
}
</style>