Refactor project edit view: split into tabs for project data, phases, and users
This commit is contained in:
@@ -1,6 +1,23 @@
|
||||
<x-app-layout>
|
||||
<div class="max-w-2xl mx-auto p-4">
|
||||
<h1 class="text-2xl font-bold mb-4">{{ __('Edit Project') }}: {{ $project->name }}</h1>
|
||||
|
||||
<div class="tabs tab-box w-full">
|
||||
<ul role="tablist" class="menu menu-horizontal p-0 mb-4 border-b border-base-200">
|
||||
<li role="tab">
|
||||
<a href="#project-data" aria-controls="project-data" aria-selected="true" class="tab tab-active">{{ __('Project Data') }}</a>
|
||||
</li>
|
||||
<li role="tab">
|
||||
<a href="#phases" aria-controls="phases" aria-selected="false" class="tab">{{ __('Phases') }}</a>
|
||||
</li>
|
||||
<li role="tab">
|
||||
<a href="#users" aria-controls="users" aria-selected="false" class="tab">{{ __('Users') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="tab-content space-y-4">
|
||||
<!-- Project Data Tab -->
|
||||
<div role="tabpanel" id="project-data" class="tab-pane">
|
||||
<form action="{{ route('projects.update', $project) }}" method="POST" class="space-y-4">
|
||||
@csrf
|
||||
@method('PUT')
|
||||
@@ -43,15 +60,20 @@
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary w-full">{{ __('Update') }}</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<hr class="my-6">
|
||||
|
||||
<!-- Phases Tab -->
|
||||
<div role="tabpanel" id="phases" class="tab-pane">
|
||||
<h2 class="text-xl font-bold mb-2">{{ __('Phases') }}</h2>
|
||||
<livewire:phase-list :project="$project" />
|
||||
</div>
|
||||
|
||||
<hr class="my-6">
|
||||
|
||||
<!-- Users Tab -->
|
||||
<div role="tabpanel" id="users" class="tab-pane">
|
||||
<h2 class="text-xl font-bold mb-2">{{ __('Users') }}</h2>
|
||||
<livewire:project-users :project="$project" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</x-app-layout>
|
||||
|
||||
Reference in New Issue
Block a user