114 lines
8.4 KiB
PHP
114 lines
8.4 KiB
PHP
<x-app-layout>
|
|
<x-slot name="header">
|
|
<h2 class="font-semibold text-xl text-gray-800 dark:text-white leading-tight">
|
|
Ustawienia systemu
|
|
</h2>
|
|
</x-slot>
|
|
|
|
<div class="py-12">
|
|
<div class="max-w-5xl mx-auto sm:px-6 lg:px-8 space-y-6">
|
|
@if (session('status'))
|
|
<div class="rounded-md bg-green-50 dark:bg-green-900/30 border border-green-200 dark:border-green-700/60 p-4 text-sm text-green-800 dark:text-green-200">
|
|
{{ session('status') }}
|
|
</div>
|
|
@endif
|
|
|
|
@if (session('error'))
|
|
<div class="rounded-md bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-700/60 p-4 text-sm text-red-800 dark:text-red-200">
|
|
{{ session('error') }}
|
|
</div>
|
|
@endif
|
|
|
|
<div class="space-y-4">
|
|
<div class="bg-white dark:bg-gray-800 shadow-sm rounded-lg border border-gray-200 dark:border-gray-700/50 overflow-hidden">
|
|
<button type="button" class="w-full flex items-center justify-between px-5 py-4 text-left font-semibold text-gray-900 dark:text-white bg-gray-50 dark:bg-gray-800/80 hover:bg-gray-100 dark:hover:bg-gray-700/80 transition" onclick="const panel=this.nextElementSibling; panel.classList.toggle('hidden'); this.querySelector('svg').classList.toggle('rotate-180');">
|
|
<span>Rodzaje zaliczek</span>
|
|
<svg class="w-5 h-5 transition-transform duration-200" viewBox="0 0 20 20" fill="currentColor">
|
|
<path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.17l3.71-3.94a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" />
|
|
</svg>
|
|
</button>
|
|
|
|
<div class="hidden p-5">
|
|
<form method="POST" action="{{ route('settings.advance-types.store') }}" class="mb-8">
|
|
@csrf
|
|
<div class="flex flex-col sm:flex-row gap-3">
|
|
<div class="flex-1">
|
|
<label for="name" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Nazwa nowego rodzaju</label>
|
|
<input id="name" name="name" type="text" value="{{ old('name') }}" placeholder="np. Paliwo, Hotel, Wpłata" class="w-full rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
|
|
@error('name')
|
|
<p class="mt-1 text-sm text-red-600 dark:text-red-400">{{ $message }}</p>
|
|
@enderror
|
|
</div>
|
|
|
|
<div class="flex items-end">
|
|
<button type="submit" class="inline-flex items-center justify-center px-4 py-2 bg-indigo-600 hover:bg-indigo-500 text-white text-sm font-medium rounded-md shadow-sm transition">
|
|
Dodaj rodzaj
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="overflow-x-auto">
|
|
<table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
|
|
<thead>
|
|
<tr class="text-left text-xs font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400">
|
|
<th class="py-3 px-4">Nazwa</th>
|
|
<th class="py-3 px-4 text-right">Data dodania</th>
|
|
<th class="py-3 px-4 text-right">Akcje</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="divide-y divide-gray-200 dark:divide-gray-700/60">
|
|
@forelse($advanceTypes as $type)
|
|
<tr>
|
|
<td class="py-3 px-4 text-gray-900 dark:text-white">{{ $type->name }}</td>
|
|
<td class="py-3 px-4 text-right text-sm text-gray-500 dark:text-gray-400">
|
|
{{ $type->created_at ? $type->created_at->format('d.m.Y') : '-' }}
|
|
</td>
|
|
<td class="py-3 px-4">
|
|
<div class="flex items-center justify-end gap-2">
|
|
<button type="button" onclick="document.getElementById('edit-type-{{ $type->id }}').classList.toggle('hidden')" class="inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md bg-amber-100 text-amber-800 hover:bg-amber-200 dark:bg-amber-900/40 dark:text-amber-200 dark:hover:bg-amber-900/60">
|
|
Edytuj
|
|
</button>
|
|
<form method="POST" action="{{ route('settings.advance-types.destroy', $type) }}" onsubmit="return confirm('Czy na pewno chcesz usunąć ten rodzaj zaliczki?');">
|
|
@csrf
|
|
@method('DELETE')
|
|
<button type="submit" class="inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md bg-red-100 text-red-700 hover:bg-red-200 dark:bg-red-900/40 dark:text-red-200 dark:hover:bg-red-900/60">
|
|
Usuń
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div id="edit-type-{{ $type->id }}" class="hidden mt-3 rounded-md border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900/40 p-3">
|
|
<form method="POST" action="{{ route('settings.advance-types.update', $type) }}">
|
|
@csrf
|
|
@method('PUT')
|
|
<div class="flex flex-col sm:flex-row gap-2">
|
|
<input type="text" name="name" value="{{ old('name', $type->name) }}" class="flex-1 rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
|
|
<button type="submit" class="inline-flex items-center justify-center px-3 py-2 bg-indigo-600 hover:bg-indigo-500 text-white text-sm rounded-md shadow-sm">
|
|
Zapisz
|
|
</button>
|
|
</div>
|
|
@error('name')
|
|
<p class="mt-2 text-xs text-red-600 dark:text-red-400">{{ $message }}</p>
|
|
@enderror
|
|
</form>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<td colspan="3" class="py-6 px-4 text-center text-sm text-gray-500 dark:text-gray-400">
|
|
Brak zdefiniowanych rodzajów zaliczek.
|
|
</td>
|
|
</tr>
|
|
@endforelse
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</x-app-layout>
|