ChangelogApp/components/html/settings.html

<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
    <h3 class="text-xl font-bold">Profile Settings</h3>
    <div class="space-y-6">
        <div class="flex space-x-4">
            <div class="w-full">
                <label for="settingsProfileDirselectbutton" class="block text-sm font-medium text-gray-300">Profile Name:</label>
                <label id="settingsProfileDirselectprofilename" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important;">Kein Profil</label>
                <input id="settingsProfileDirselectprofilenameInput" 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" style="background-color: #2d3748 !important; display: none"/>
            </div>
            <div class="w-full">
                <label for="settingsProfileDirselectbutton" class="block text-sm font-medium text-gray-300">Select Profile</label>
                <button id="settingsProfileDirselectbutton" 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">Select Directory</button>
            </div>
        </div>
        <div class="w-full">
            <label id="settingsProfileDirselectPath" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" style="background-color: #2d3748 !important;">Kein Verzeichnis</label>
        </div>
        <div class="flex space-x-4">
            <div class="w-full">
                <label for="settingsCheckBoxSaveGitSettings" class="flex items-center cursor-pointer">
                    <div class="relative">
                        <input type="checkbox" id="settingsCheckBoxSaveGitSettings" 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 Git Settings</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="settings-profile-edit-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">
                Edit Profile
            </button>
            <button id="settings-profile-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">
                Save Profile
            </button>
        </div>
    </div>
</section>
<section class="container mx-auto p-6 bg-gray-800 shadow-md rounded-lg mt-6">
    <h3 class="text-xl font-bold">Git Settings</h3>
    <div class="space-y-6">
        <div class="w-full">
            <div>
                <label for="settings-repo-input" class="block text-sm font-medium text-gray-300">Repository Link:</label>
                <input id="settings-repo-input" 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" style="background-color: #2d3748 !important;">
            </div>
        </div>
        <div class="w-full">
            <div class="space-y-6">
                <div>
                    <label for="settings-token-input" class="block text-sm font-medium text-gray-300">Git Token:</label>
                    <input id="settings-token-input" 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" style="background-color: #2d3748 !important;">
                </div>
            </div>
        </div>
        <div class="w-full">
            <label for="settings-type-dropdown" class="block text-sm font-medium text-gray-300">Git Type:</label>
            <select id="settings-type-dropdown" class="mt-1 block w-full p-2 border border-gray-600 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500" 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="text-right">
            <button id="settings-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>