mirror of https://github.com/Devoalda/LaDo.git
81 lines
3.8 KiB
PHP
81 lines
3.8 KiB
PHP
<x-app-layout>
|
|
<x-slot name="header">
|
|
<h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
|
|
{{ __('Project List') }}
|
|
<a href="{{ route('project.create') }}"
|
|
class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded float-right">
|
|
Create Project
|
|
</a>
|
|
</h2>
|
|
</x-slot>
|
|
|
|
<div class="py-4">
|
|
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
@foreach($projects as $project)
|
|
<div class="relative">
|
|
<a href="{{ route('project.todo.index', $project) }}" class="card-link">
|
|
<div
|
|
class="bg-white dark:bg-gray-800 shadow-sm rounded-lg p-6 hover:shadow-md transition duration-300 ease-in-out transform hover:-translate-y-1">
|
|
<div class="text-gray-800 dark:text-gray-100">
|
|
<div class="mb-4">
|
|
<h3 class="font-semibold text-lg mb-2">{{ $project->name }}</h3>
|
|
<p class="text-gray-600 dark:text-gray-400">{{ $project->description }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<form action="{{ route('project.destroy', $project) }}" method="POST"
|
|
class="delete-project-form absolute top-1 right-1">
|
|
@csrf
|
|
@method('DELETE')
|
|
<button type="button"
|
|
class="delete-button text-red-600 hover:text-red-800 transition duration-300 ease-in-out">
|
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M6 18L18 6M6 6l12 12"></path>
|
|
</svg>
|
|
</button>
|
|
<div class="modal hidden">
|
|
<!-- Small Popover, with a background that is visible when modal is open -->
|
|
<div class="popover popover-sm bg-white dark:bg-gray-800 shadow-lg rounded-lg p-6">
|
|
<p class="mb-4">Are you sure you want to delete this project?</p>
|
|
<button type="submit"
|
|
class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded mr-2">
|
|
Delete
|
|
</button>
|
|
<button type="button"
|
|
class="cancel-button bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const deleteButtons = document.querySelectorAll('.delete-button');
|
|
const cancelButtons = document.querySelectorAll('.cancel-button');
|
|
const modals = document.querySelectorAll('.modal');
|
|
|
|
deleteButtons.forEach((deleteButton, index) => {
|
|
deleteButton.addEventListener('click', () => {
|
|
modals[index].classList.remove('hidden');
|
|
});
|
|
|
|
cancelButtons[index].addEventListener('click', () => {
|
|
modals[index].classList.add('hidden');
|
|
});
|
|
});
|
|
</script>
|
|
|
|
@include('todo.todo_list')
|
|
|
|
|
|
</x-app-layout>
|