lasthourcloud/resources/views/source/new.blade.php
2023-08-08 11:51:36 +02:00

23 lines
1.3 KiB
PHP

<x-layout>
<h1>New Source</h1>
<div class="pt-2 pb-10 ">Add source providers for your applications.</div>
<div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : '' }">
<div class="flex justify-center h-full gap-2 pb-6">
<a class="flex items-center justify-center w-1/2 p-2 transition-colors rounded-none min-h-12 bg-coolgray-200 hover:bg-coollabs-100 hover:text-white hover:no-underline"
:class="activeTab === 'github' && 'bg-coollabs text-white'"
@click.prevent="activeTab = 'github'; window.location.hash = 'github'" href="#">GitHub
</a>
<a class="flex items-center justify-center w-1/2 p-2 transition-colors rounded-none min-h-12 bg-coolgray-200 hover:bg-coollabs-100 hover:text-white hover:no-underline"
:class="activeTab === 'gitlab' && 'bg-coollabs text-white'"
@click.prevent="activeTab = 'gitlab'; window.location.hash = 'gitlab'" href="#">GitLab
</a>
</div>
<div x-cloak x-show="activeTab === 'github'" class="h-full">
<livewire:source.github.create/>
</div>
<div x-cloak x-show="activeTab === 'gitlab'" class="h-full">
WIP
</div>
</div>
</x-layout>