ChangelogApp/components/html/push.html

<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
    <div class="space-y-6">
        <div class="flex space-x-4">
            <div class="w-full">
                <div>
                    <label for="pushRepoLabel" class="block text-sm font-medium text-gray-300">Repository:</label>
                    <label id="pushRepoLabel" type="text" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-800 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;"></label>
                </div>
            </div>
            <div class="w-full">
                <div class="space-y-6">
                    <div>
                        <label for="pushTokenInput" class="block text-sm font-medium text-gray-300">Git Token:</label>
                        <label id="pushTokenInput" type="password" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-800 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;"></label>
                    </div>
                </div>
            </div>
        </div>
        <div class="w-full">
            <label for="pushTypeDropdown" class="block text-sm font-medium text-gray-300">Git Type:</label>
            <select id="pushTypeDropdown" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:text-white dark:border-gray-600" style="background-color: #2d3748 !important;">
                <option value="Fix">GitHub</option>
                <option value="Feat">GitLab</option>
                <option value="Sonst">Gitea</option>
                <option value="Sonst">Sonst (noch nicht implementiert)</option>
            </select>
        </div>
        <div class="flex space-x-4">
            <div class="w-full">
                <label for="settingsCheckBoxSaveElse" class="flex items-center cursor-pointer">
                    <div class="relative">
                        <input type="checkbox" id="push" class="sr-only">
                        <div class="block bg-gray-600 w-14 h-8 rounded-full"></div>
                        <div class="dot absolute left-1 top-1 bg-white w-6 h-6 rounded-full transition"></div>
                    </div>
                    <label class="ml-3 block text-sm font-medium text-gray-300">Save Else</label>
                </label>
            </div>
            <div class="w-full">
                <label for="settingsCheckBoxSaveElse" class="flex items-center cursor-pointer">
                    <div class="relative">
                        <input type="checkbox" id="settingsCheckBoxSaveElse" class="sr-only">
                        <div class="block bg-gray-600 w-14 h-8 rounded-full"></div>
                        <div class="dot absolute left-1 top-1 bg-white w-6 h-6 rounded-full transition"></div>
                    </div>
                    <label class="ml-3 block text-sm font-medium text-gray-300">Save Else</label>
                </label>
            </div>
        </div>

        <div class="text-right">
            <button id="push-save-button" class="bg-blue-600 text-white px-4 py-2 rounded-md shadow hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-blue-700 dark:hover:bg-blue-600">
                Save Settings
            </button>
        </div>
    </div>
</section>