Initial commit
This commit is contained in:
24
resources/views/skills/_form.blade.php
Normal file
24
resources/views/skills/_form.blade.php
Normal file
@@ -0,0 +1,24 @@
|
||||
<div class="space-y-6">
|
||||
<div>
|
||||
<label for="title" class="block text-sm font-medium text-gray-700 dark:text-gray-200">Titel</label>
|
||||
<input type="text" id="title" name="title" value="{{ old('title', $skill->title ?? '') }}" class="mt-1 w-full px-3 py-2 bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="description" class="block text-sm font-medium text-gray-700 dark:text-gray-200">Beschrijving</label>
|
||||
<textarea id="description" name="description" rows="4" class="mt-1 w-full px-3 py-2 bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded">{{ old('description', $skill->description ?? '') }}</textarea>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="rating" class="block text-sm font-medium text-gray-700 dark:text-gray-200">Beoordeling (1–10)</label>
|
||||
<input type="number" id="rating" name="rating" min="1" max="10" value="{{ old('rating', $skill->rating ?? 5) }}" class="mt-1 w-full px-3 py-2 bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="image" class="block text-sm font-medium text-gray-700 dark:text-gray-200">Afbeelding</label>
|
||||
<input type="file" id="image" name="image" class="mt-1 text-gray-800 dark:text-gray-100">
|
||||
@if (!empty($skill) && $skill->getFirstMediaUrl('image'))
|
||||
<img src="{{ $skill->getFirstMediaUrl('image') }}" class="mt-2 max-w-xs rounded">
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
10
resources/views/skills/create.blade.php
Normal file
10
resources/views/skills/create.blade.php
Normal file
@@ -0,0 +1,10 @@
|
||||
<x-app-layout>
|
||||
<div class="p-6">
|
||||
<h2 class="text-2xl font-semibold text-gray-800 dark:text-white mb-4">Nieuwe Vaardigheid</h2>
|
||||
<form method="POST" action="{{ route('skills.store') }}" enctype="multipart/form-data">
|
||||
@csrf
|
||||
@include('skills._form')
|
||||
<button type="submit" class="mt-4 px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700">Opslaan</button>
|
||||
</form>
|
||||
</div>
|
||||
</x-app-layout>
|
||||
11
resources/views/skills/edit.blade.php
Normal file
11
resources/views/skills/edit.blade.php
Normal file
@@ -0,0 +1,11 @@
|
||||
<x-app-layout>
|
||||
<div class="p-6">
|
||||
<h2 class="text-2xl font-semibold text-gray-800 dark:text-white mb-4">Vaardigheid Bewerken</h2>
|
||||
<form method="POST" action="{{ route('skills.update', $skill) }}" enctype="multipart/form-data">
|
||||
@csrf
|
||||
@method('PUT')
|
||||
@include('skills._form')
|
||||
<button type="submit" class="mt-4 px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">Bijwerken</button>
|
||||
</form>
|
||||
</div>
|
||||
</x-app-layout>
|
||||
27
resources/views/skills/index.blade.php
Normal file
27
resources/views/skills/index.blade.php
Normal file
@@ -0,0 +1,27 @@
|
||||
<x-app-layout>
|
||||
<div class="p-6">
|
||||
<h2 class="text-2xl font-semibold text-gray-800 dark:text-white mb-4">Vaardigheden</h2>
|
||||
<a href="{{ route('skills.create') }}" class="mb-4 inline-block px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">Nieuwe vaardigheid</a>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
|
||||
@foreach ($skills as $skill)
|
||||
<div class="p-4 bg-white dark:bg-gray-800 rounded shadow">
|
||||
<h3 class="text-lg font-bold text-gray-800 dark:text-white">{{ $skill->title }}</h3>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-300 mb-2">Beoordeling: {{ $skill->rating }}/10</p>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-300">{{ $skill->description }}</p>
|
||||
@if ($skill->getFirstMediaUrl('image'))
|
||||
<img src="{{ $skill->getFirstMediaUrl('image') }}" alt="{{ $skill->title }}" class="mt-2 max-w-full h-32 object-contain rounded">
|
||||
@endif
|
||||
<div class="mt-4 flex justify-between">
|
||||
<a href="{{ route('skills.edit', $skill) }}" class="text-blue-600 hover:underline">Bewerken</a>
|
||||
<form action="{{ route('skills.destroy', $skill) }}" method="POST" onsubmit="return confirm('Weet je zeker dat je dit wilt verwijderen?')">
|
||||
@csrf
|
||||
@method('DELETE')
|
||||
<button class="text-red-600 hover:underline">Verwijderen</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</x-app-layout>
|
||||
Reference in New Issue
Block a user