119 lines
6.0 KiB
PHP
119 lines
6.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>Profile - SmartCab</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
<body class="bg-gray-100 dark:bg-gray-900">
|
|
<div class="min-h-screen p-6">
|
|
<div class="max-w-3xl mx-auto">
|
|
<!-- Header -->
|
|
<div class="flex justify-between items-center mb-6">
|
|
<h1 class="text-2xl font-bold text-gray-800 dark:text-white">Your Profile</h1>
|
|
<a href="{{ route('welcome') }}" class="px-4 py-2 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600">
|
|
Back to Dashboard
|
|
</a>
|
|
</div>
|
|
|
|
@if(session('success'))
|
|
<div class="mb-4 p-4 bg-green-100 border border-green-400 text-green-700 rounded">
|
|
{{ session('success') }}
|
|
</div>
|
|
@endif
|
|
|
|
@if($errors->any())
|
|
<div class="mb-4 p-4 bg-red-100 border border-red-400 text-red-700 rounded">
|
|
<ul>
|
|
@foreach($errors->all() as $error)
|
|
<li>{{ $error }}</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
@endif
|
|
|
|
<form action="{{ route('profile.update') }}" method="POST" enctype="multipart/form-data" class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
|
|
@csrf
|
|
|
|
<!-- Profile Photo -->
|
|
<div class="mb-6">
|
|
<label class="block text-gray-700 dark:text-gray-200 text-sm font-bold mb-2">Profile Photo</label>
|
|
<div class="flex items-center space-x-6">
|
|
<div class="shrink-0">
|
|
<img id="preview" class="h-32 w-32 object-cover rounded-full" src="{{ asset('asset/foto.jpg') }}" alt="Current profile photo">
|
|
</div>
|
|
<label class="block">
|
|
<span class="sr-only">Choose profile photo</span>
|
|
<input type="file" name="profile_photo" id="profile_photo"
|
|
class="block w-full text-sm text-gray-500 dark:text-gray-300
|
|
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
|
|
dark:file:bg-gray-700 dark:file:text-white"
|
|
accept="image/*"
|
|
onchange="updatePreview(this)"/>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Email -->
|
|
<div class="mb-6">
|
|
<label for="email" class="block text-gray-700 dark:text-gray-200 text-sm font-bold mb-2">Email Address</label>
|
|
<input type="email" name="email" id="email" value="{{ Auth::user()->email }}"
|
|
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 dark:text-gray-300 dark:bg-gray-700 leading-tight focus:outline-none focus:shadow-outline">
|
|
</div>
|
|
|
|
<!-- Password Change Section -->
|
|
<div class="mb-6">
|
|
<h3 class="text-lg font-semibold text-gray-700 dark:text-gray-200 mb-4">Change Password</h3>
|
|
|
|
<div class="space-y-4">
|
|
<div>
|
|
<label for="current_password" class="block text-gray-700 dark:text-gray-200 text-sm font-bold mb-2">Current Password</label>
|
|
<input type="password" name="current_password" id="current_password"
|
|
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 dark:text-gray-300 dark:bg-gray-700 leading-tight focus:outline-none focus:shadow-outline">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="new_password" class="block text-gray-700 dark:text-gray-200 text-sm font-bold mb-2">New Password</label>
|
|
<input type="password" name="new_password" id="new_password"
|
|
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 dark:text-gray-300 dark:bg-gray-700 leading-tight focus:outline-none focus:shadow-outline">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="new_password_confirmation" class="block text-gray-700 dark:text-gray-200 text-sm font-bold mb-2">Confirm New Password</label>
|
|
<input type="password" name="new_password_confirmation" id="new_password_confirmation"
|
|
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 dark:text-gray-300 dark:bg-gray-700 leading-tight focus:outline-none focus:shadow-outline">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Submit Button -->
|
|
<div class="flex justify-end">
|
|
<button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">
|
|
Save Changes
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function updatePreview(input) {
|
|
const file = input.files[0];
|
|
const preview = document.getElementById('preview');
|
|
|
|
if (file) {
|
|
const reader = new FileReader();
|
|
reader.onload = function(e) {
|
|
preview.src = e.target.result;
|
|
}
|
|
reader.readAsDataURL(file);
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|