196 lines
10 KiB
PHP
196 lines
10 KiB
PHP
@extends('layouts.game')
|
|
|
|
@section('title', 'Dashboard')
|
|
|
|
@section('game-content')
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
<!-- Welcome Card -->
|
|
<div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg p-6">
|
|
<h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200 mb-4">
|
|
Welcome, {{ $character->name }}!
|
|
</h2>
|
|
<p class="text-gray-600 dark:text-gray-400">
|
|
You are in <strong>{{ $character->location->name ?? 'Unknown Location' }}</strong>.
|
|
</p>
|
|
<p class="text-gray-600 dark:text-gray-400 mt-2">
|
|
Level: {{ $character->level }} ({{ number_format($character->experience) }} / {{ number_format($character->experience_for_next_level) }} EXP)
|
|
</p>
|
|
<div class="w-full bg-gray-200 rounded-full h-2 mt-3">
|
|
<div
|
|
class="bg-blue-600 h-2 rounded-full"
|
|
style="width: {{ $character->experience_progress }}%"
|
|
></div>
|
|
</div>
|
|
<p class="text-sm text-gray-500 mt-1">EXP Progress: {{ number_format($character->experience_progress, 1) }}%</p>
|
|
</div>
|
|
|
|
<!-- Quick Stats -->
|
|
<div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg p-6">
|
|
<h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4">Quick Stats</h3>
|
|
<div class="space-y-2">
|
|
<div class="flex justify-between">
|
|
<span class="text-gray-600 dark:text-gray-400">Strength</span>
|
|
<span class="font-medium">{{ $character->strength }}</span>
|
|
</div>
|
|
<div class="flex justify-between">
|
|
<span class="text-gray-600 dark:text-gray-400">Defense</span>
|
|
<span class="font-medium">{{ $character->defense }}</span>
|
|
</div>
|
|
<div class="flex justify-between">
|
|
<span class="text-gray-600 dark:text-gray-400">Speed</span>
|
|
<span class="font-medium">{{ $character->speed }}</span>
|
|
</div>
|
|
<div class="flex justify-between">
|
|
<span class="text-gray-600 dark:text-gray-400">Dexterity</span>
|
|
<span class="font-medium">{{ $character->dexterity }}</span>
|
|
</div>
|
|
<div class="flex justify-between pt-2 border-t border-gray-200 dark:border-gray-700">
|
|
<span class="text-gray-600 dark:text-gray-400">Attack Power</span>
|
|
<span class="font-medium text-green-600 dark:text-green-400">{{ $character->attack_power }}</span>
|
|
</div>
|
|
<div class="flex justify-between">
|
|
<span class="text-gray-600 dark:text-gray-400">Defense</span>
|
|
<span class="font-medium text-blue-600 dark:text-blue-400">{{ $character->defense }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Money & Bank -->
|
|
<div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg p-6">
|
|
<h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4">Finances</h3>
|
|
<div class="space-y-3">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center">
|
|
<span class="text-green-500 mr-2">💰</span>
|
|
<span class="text-gray-600 dark:text-gray-400">Cash</span>
|
|
</div>
|
|
<span class="font-medium">${{ number_format($character->money) }}</span>
|
|
</div>
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center">
|
|
<span class="text-blue-500 mr-2">🏦</span>
|
|
<span class="text-gray-600 dark:text-gray-400">Bank</span>
|
|
</div>
|
|
<span class="font-medium">${{ number_format($character->bank) }}</span>
|
|
</div>
|
|
<div class="pt-2 border-t border-gray-200 dark:border-gray-700 space-y-2">
|
|
<a
|
|
href="#"
|
|
onclick="event.preventDefault(); document.getElementById('deposit-form').submit();"
|
|
class="block w-full text-center bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded text-sm transition"
|
|
>
|
|
Deposit to Bank
|
|
</a>
|
|
<form id="deposit-form" action="{{ route('game.character.deposit') }}" method="POST" class="hidden">
|
|
@csrf
|
|
<input type="number" name="amount" value="1000" min="1" max="{{ $character->money }}">
|
|
</form>
|
|
|
|
<a
|
|
href="#"
|
|
onclick="event.preventDefault(); document.getElementById('withdraw-form').submit();"
|
|
class="block w-full text-center bg-gray-600 hover:bg-gray-700 text-white py-2 px-4 rounded text-sm transition"
|
|
>
|
|
Withdraw from Bank
|
|
</a>
|
|
<form id="withdraw-form" action="{{ route('game.character.withdraw') }}" method="POST" class="hidden">
|
|
@csrf
|
|
<input type="number" name="amount" value="1000" min="1" max="{{ $character->bank }}">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Quick Actions -->
|
|
<div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg p-6 lg:col-span-2">
|
|
<h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4">Quick Actions</h3>
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-3">
|
|
<a
|
|
href="{{ route('game.crimes.index') }}"
|
|
class="flex flex-col items-center justify-center bg-blue-500 hover:bg-blue-600 text-white py-4 px-2 rounded-lg transition group"
|
|
>
|
|
<span class="text-2xl mb-1">🎯</span>
|
|
<span class="text-sm font-medium">Crimes</span>
|
|
<span class="text-xs opacity-75">Commit crimes</span>
|
|
</a>
|
|
|
|
<a
|
|
href="{{ route('game.inventory.index') }}"
|
|
class="flex flex-col items-center justify-center bg-green-500 hover:bg-green-600 text-white py-4 px-2 rounded-lg transition group"
|
|
>
|
|
<span class="text-2xl mb-1">🎒</span>
|
|
<span class="text-sm font-medium">Inventory</span>
|
|
<span class="text-xs opacity-75">Manage items</span>
|
|
</a>
|
|
|
|
<a
|
|
href="{{ route('game.character.show') }}"
|
|
class="flex flex-col items-center justify-center bg-purple-500 hover:bg-purple-600 text-white py-4 px-2 rounded-lg transition group"
|
|
>
|
|
<span class="text-2xl mb-1">👤</span>
|
|
<span class="text-sm font-medium">Profile</span>
|
|
<span class="text-xs opacity-75">View profile</span>
|
|
</a>
|
|
|
|
<a
|
|
href="{{ route('profile.edit') }}"
|
|
class="flex flex-col items-center justify-center bg-gray-500 hover:bg-gray-600 text-white py-4 px-2 rounded-lg transition group"
|
|
>
|
|
<span class="text-2xl mb-1">⚙️</span>
|
|
<span class="text-sm font-medium">Settings</span>
|
|
<span class="text-xs opacity-75">Account settings</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Recent Activity -->
|
|
<div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg p-6 lg:col-span-3">
|
|
<h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200 mb-4">Recent Activity</h3>
|
|
|
|
@if($recentActivity->isEmpty())
|
|
<p class="text-gray-500 dark:text-gray-400 text-center py-4">No recent activity.</p>
|
|
@else
|
|
<div class="space-y-3">
|
|
@foreach($recentActivity as $activity)
|
|
<div class="flex items-start space-x-3 p-3 bg-gray-50 dark:bg-gray-700 rounded-lg">
|
|
<span class="text-gray-400 dark:text-gray-500">
|
|
@switch($activity->action)
|
|
@case('crime_attempt')
|
|
@if(str_contains($activity->description, 'success'))
|
|
✅
|
|
@else
|
|
❌
|
|
@endif
|
|
@break
|
|
@case('money_earned')
|
|
💰
|
|
@break
|
|
@case('money_spent')
|
|
💸
|
|
@break
|
|
@case('character_created')
|
|
🎉
|
|
@break
|
|
@default
|
|
📝
|
|
@endswitch
|
|
</span>
|
|
<div class="flex-1">
|
|
<p class="text-sm font-medium text-gray-800 dark:text-gray-200">
|
|
{{ ucfirst(str_replace('_', ' ', $activity->action)) }}
|
|
</p>
|
|
<p class="text-xs text-gray-500 dark:text-gray-400">
|
|
{{ $activity->description }}
|
|
</p>
|
|
<p class="text-xs text-gray-400 dark:text-gray-500 mt-1">
|
|
{{ $activity->created_at->diffForHumans() }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endsection
|