126 lines
8.0 KiB
PHP
126 lines
8.0 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Settings - {{ config('settings.company_name') }}</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
|
|
<script>
|
|
if (localStorage.getItem('darkMode') === 'true' || (!localStorage.getItem('darkMode') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
|
document.documentElement.classList.add('dark');
|
|
}
|
|
</script>
|
|
</head>
|
|
<body class="bg-gray-100 dark:bg-slate-900 min-h-screen transition-colors">
|
|
<!-- Sidebar -->
|
|
<div class="fixed left-0 top-0 h-full w-64 bg-slate-800">
|
|
<div class="p-6 border-b border-slate-700">
|
|
<h1 class="text-xl font-bold text-white flex items-center gap-2">
|
|
<i class="fas fa-road text-blue-400"></i>
|
|
{{ config('settings.company_name') }}
|
|
</h1>
|
|
<p class="text-slate-400 text-xs mt-1">{{ config('settings.company_tagline') }}</p>
|
|
</div>
|
|
<nav class="mt-4 px-4">
|
|
<a href="{{ route('dashboard') }}" class="flex items-center gap-3 px-4 py-3 rounded-lg {{ request()->routeIs('dashboard') ? 'bg-blue-600 text-white' : 'text-slate-300 hover:bg-slate-700' }}">
|
|
<i class="fas fa-chart-line w-5"></i> Dashboard
|
|
</a>
|
|
<a href="{{ route('cars.index') }}" class="flex items-center gap-3 px-4 py-3 rounded-lg {{ request()->routeIs('cars.*') ? 'bg-blue-600 text-white' : 'text-slate-300 hover:bg-slate-700' }} mt-1">
|
|
<i class="fas fa-car w-5"></i> Fleet
|
|
</a>
|
|
<a href="{{ route('customers.index') }}" class="flex items-center gap-3 px-4 py-3 rounded-lg {{ request()->routeIs('customers.*') ? 'bg-blue-600 text-white' : 'text-slate-300 hover:bg-slate-700' }} mt-1">
|
|
<i class="fas fa-users w-5"></i> Customers
|
|
</a>
|
|
<a href="{{ route('rentals.index') }}" class="flex items-center gap-3 px-4 py-3 rounded-lg {{ request()->routeIs('rentals.*') ? 'bg-blue-600 text-white' : 'text-slate-300 hover:bg-slate-700' }} mt-1">
|
|
<i class="fas fa-calendar-check w-5"></i> Rentals
|
|
</a>
|
|
<a href="{{ route('services.index') }}" class="flex items-center gap-3 px-4 py-3 rounded-lg {{ request()->routeIs('services.*') ? 'bg-blue-600 text-white' : 'text-slate-300 hover:bg-slate-700' }} mt-1">
|
|
<i class="fas fa-tools w-5"></i> Services
|
|
</a>
|
|
<a href="{{ route('payments.index') }}" class="flex items-center gap-3 px-4 py-3 rounded-lg {{ request()->routeIs('payments.*') ? 'bg-blue-600 text-white' : 'text-slate-300 hover:bg-slate-700' }} mt-1">
|
|
<i class="fas fa-credit-card w-5"></i> Payments
|
|
</a>
|
|
<a href="{{ route('settings.index') }}" class="flex items-center gap-3 px-4 py-3 rounded-lg {{ request()->routeIs('settings.*') ? 'bg-blue-600 text-white' : 'text-slate-300 hover:bg-slate-700' }} mt-1">
|
|
<i class="fas fa-cog w-5"></i> Settings
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
|
|
<!-- Main Content -->
|
|
<div class="ml-64 p-8">
|
|
<div class="max-w-2xl mx-auto">
|
|
<h2 class="text-2xl font-bold text-gray-800 dark:text-white mb-6">Settings</h2>
|
|
|
|
@if(session('success'))
|
|
<div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-4">
|
|
{{ session('success') }}
|
|
</div>
|
|
@endif
|
|
|
|
<!-- Logo Upload -->
|
|
<div class="bg-white dark:bg-slate-800 rounded-lg shadow p-6 mb-6">
|
|
<h3 class="text-lg font-semibold text-gray-800 dark:text-white mb-4">Company Logo</h3>
|
|
<div class="flex items-center gap-6">
|
|
<div class="w-32 h-32 bg-gray-100 dark:bg-slate-700 rounded-lg flex items-center justify-center overflow-hidden">
|
|
@if(config('settings.logo'))
|
|
<img src="{{ asset(config('settings.logo')) }}" alt="Logo" class="max-w-full max-h-full object-contain">
|
|
@else
|
|
<i class="fas fa-image text-4xl text-gray-400"></i>
|
|
@endif
|
|
</div>
|
|
<form action="{{ route('settings.logo') }}" method="POST" enctype="multipart/form-data" class="flex-1">
|
|
@csrf
|
|
<input type="file" name="logo" accept="image/*" class="block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100 mb-3">
|
|
<button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700">
|
|
<i class="fas fa-upload mr-2"></i> Upload Logo
|
|
</button>
|
|
<p class="text-xs text-gray-500 mt-2">PNG, JPG, GIF, SVG. Max 2MB. Recommended: 200x60px</p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Company Info -->
|
|
<div class="bg-white dark:bg-slate-800 rounded-lg shadow p-6">
|
|
<h3 class="text-lg font-semibold text-gray-800 dark:text-white mb-4">Company Information</h3>
|
|
<form action="{{ route('settings.update') }}" method="POST">
|
|
@csrf
|
|
<div class="space-y-4">
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Company Name</label>
|
|
<input type="text" name="company_name" value="{{ config('settings.company_name') }}" required
|
|
class="w-full px-4 py-2 border rounded-lg dark:bg-slate-700 dark:border-slate-600 dark:text-white">
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Tagline</label>
|
|
<input type="text" name="company_tagline" value="{{ config('settings.company_tagline') }}"
|
|
class="w-full px-4 py-2 border rounded-lg dark:bg-slate-700 dark:border-slate-600 dark:text-white">
|
|
</div>
|
|
<div class="grid grid-cols-2 gap-4">
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Phone</label>
|
|
<input type="text" name="phone" value="{{ config('settings.phone') }}"
|
|
class="w-full px-4 py-2 border rounded-lg dark:bg-slate-700 dark:border-slate-600 dark:text-white">
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Email</label>
|
|
<input type="email" name="email" value="{{ config('settings.email') }}"
|
|
class="w-full px-4 py-2 border rounded-lg dark:bg-slate-700 dark:border-slate-600 dark:text-white">
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Address</label>
|
|
<input type="text" name="address" value="{{ config('settings.address') }}"
|
|
class="w-full px-4 py-2 border rounded-lg dark:bg-slate-700 dark:border-slate-600 dark:text-white">
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="mt-4 bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700">
|
|
<i class="fas fa-save mr-2"></i> Save Changes
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|