<form action="">
    <?php echo csrf_field(); ?>
    <div id="modal" class="fixed inset-0 bg-gray-900 bg-opacity-50 flex items-center justify-center hidden">
        <div class="bg-gray-800 rounded-lg p-8 w-1/3">
            <h3 class="text-lg font-semibold text-gray-100">Justifique o Pause</h3>
            <textarea
                id="justificativa"
                class="w-full p-2 mt-4 border border-gray-600 bg-gray-700 text-gray-100 rounded"
                placeholder="Digite sua justificativa...">
            </textarea>
            <div class="flex items-center mt-4">
                <input
                    type="checkbox"
                    id="tramiteSolucao"
                    name="tramiteSolucao"
                    class="w-5 h-5 text-orange-500 border-gray-600 bg-gray-700 focus:ring-orange-400 rounded">
                <label for="tramiteSolucao" class="ml-2 text-sm text-gray-300">Solução</label>
            </div>
            <div class="mt-4">
                <label for="status" class="block text-sm font-medium text-gray-300">Status</label>
                <select
                    id="status"
                    name="status"
                    class="mt-1 block w-full p-2 border border-gray-600 bg-gray-700 text-gray-100 rounded">
                    <option value="NaoIniciado">Não Iniciado</option>
                    <option value="EmAndamento">Em Andamento</option>
                    <option value="AguardandoTerceiro">Aguardando Terceiro</option>
                    <option value="Concluido">Concluído</option>
                </select>
            </div>
            <div id="motivoContainer" class="mt-4 hidden">
                <label for="motivo" class="block text-sm font-medium text-gray-300">Motivo</label>
                <select id="motivo" name="motivo" class="mt-1 block w-full p-2 border border-gray-600 bg-gray-700 text-gray-100 rounded">
                    <option value="15">Aguardando Assinatura</option>
                    <option value="8">Análise Comercial (Pausa SLA) </option>
                    <option value="9">Em Desenvolvimento (Pausa SLA)</option>
                    <option value="7">Pendência Cliente (Pausa SLA)</option>
                    <option value="2">Retorno para Conclusão (Conclui Automático)</option>
                    <option value="1">Retorno para Continuidade (Pausa SLA)</option>
                </select>
            </div>

            <div class="mt-4">
                <label for="status" class="block text-sm font-medium text-gray-300">Atividade</label>
                <select
                    id="atividadeId"
                    name="atividadeId"
                    class="mt-1 block w-full p-2 border border-gray-600 bg-gray-700 text-gray-100 rounded">
                    <option value="1">Atendimento</option>
                    <option value="18">Configuração</option>
                    <option value="7">Deslocamento</option>
                    <option value="8">Implantação</option>
                    <option value="14">Tempo Ocioso</option>
                    <option value="17">Treinamento</option>
                    <option value="24">Visita</option>
                </select>
            </div>
            <div class="mt-4 flex justify-end">
                <button
                    id="cancelPause"
                    class="px-4 py-2 bg-gray-600 text-gray-100 rounded hover:bg-gray-500">
                    Cancelar
                </button>
                <button
                    id="submitPause"
                    class="ml-4 px-4 py-2 bg-orange-700 text-white rounded hover:bg-orange-800">
                    Concluir
                </button>
            </div>
        </div>
    </div>
</form><?php /**PATH C:\Users\luis2\OneDrive\Desktop\Sites\agiliza\resources\views/components/modal.blade.php ENDPATH**/ ?>