39 lines
1.4 KiB
PHP
39 lines
1.4 KiB
PHP
<div>
|
|
<div class="flex gap-2">
|
|
<h1>Projects</h1>
|
|
<x-modal-input buttonTitle="+ Add" title="New Project">
|
|
<livewire:project.add-empty />
|
|
</x-modal-input>
|
|
</div>
|
|
<div class="subtitle">All your projects are here.</div>
|
|
<div class="grid gap-2 lg:grid-cols-2">
|
|
@forelse ($projects as $project)
|
|
<div class="gap-2 border border-transparent cursor-pointer box group" x-data
|
|
x-on:click="goto('{{ $project->uuid }}')">
|
|
<a class="flex flex-col flex-1 mx-6 hover:no-underline"
|
|
href="{{ route('project.show', ['project_uuid' => data_get($project, 'uuid')]) }}">
|
|
<div class="box-title">{{ $project->name }}</div>
|
|
<div class="box-description ">
|
|
{{ $project->description }}</div>
|
|
</a>
|
|
<div class="flex items-center">
|
|
<a class="mx-4 font-bold hover:underline"
|
|
href="{{ route('project.edit', ['project_uuid' => data_get($project, 'uuid')]) }}">
|
|
Settings
|
|
</a>
|
|
</div>
|
|
</div>
|
|
@empty
|
|
<div>
|
|
<div>No project found.</div>
|
|
</div>
|
|
@endforelse
|
|
</div>
|
|
|
|
<script>
|
|
function goto(uuid) {
|
|
window.location.href = '/project/' + uuid;
|
|
}
|
|
</script>
|
|
</div>
|