added yoga stuff, i18n, workout tracking and a dashboard to track progress

This commit is contained in:
2025-10-04 17:55:30 +03:00
parent 1ed9235451
commit d1bc362fab
32 changed files with 1790 additions and 63 deletions
+25 -12
View File
@@ -13,9 +13,10 @@
<!-- Navigation Links -->
<div class="hidden sm:flex items-center gap-6">
<a href="{{ route('exercises.index') }}" class="text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white">Exercises</a>
<a href="{{ route('workouts.index', [], false) }}" class="text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white">Workouts</a>
<a href="{{ route('blog.index', [], false) }}" class="text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white">Blog</a>
<a href="{{ route('exercises.index') }}" class="text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white">{{ __('app.nav.exercises') }}</a>
<a href="{{ route('yoga.index') }}" class="text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white">{{ __('app.nav.yoga') }}</a>
<a href="{{ route('workouts.index', [], false) }}" class="text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white">{{ __('app.nav.workouts') }}</a>
<a href="{{ route('blog.index', [], false) }}" class="text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white">{{ __('app.nav.blog') }}</a>
</div>
</div>
@@ -24,7 +25,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5 dark:hidden"><path d="M12 18a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm0 4a1 1 0 0 1-1-1v-1.06a9.01 9.01 0 0 1-6.94-6.94H3a1 1 0 1 1 0-2h1.06A9.01 9.01 0 0 1 11 4.06V3a1 1 0 1 1 2 0v1.06A9.01 9.01 0 0 1 19.94 11H21a1 1 0 1 1 0 2h-1.06A9.01 9.01 0 0 1 13 19.94V21a1 1 0 0 1-1 1z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5 hidden dark:block"><path d="M21.64 13.02A9 9 0 1 1 10.98 2.36a1 1 0 0 1 1.3 1.3 7 7 0 1 0 9.05 9.05 1 1 0 0 1 1.3 1.3z"/></svg>
</button>
<a href="{{ route('workouts.builder') }}" class="inline-flex items-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500">Build a Workout</a>
<div class="hidden sm:flex items-center gap-2">
<a href="{{ request()->fullUrlWithQuery(['lang' => 'en']) }}" class="text-xs font-semibold text-gray-700 dark:text-gray-300 hover:text-gray-900">EN</a>
<span class="text-gray-300">|</span>
<a href="{{ request()->fullUrlWithQuery(['lang' => 'ro']) }}" class="text-xs font-semibold text-gray-700 dark:text-gray-300 hover:text-gray-900">RO</a>
</div>
<a href="{{ route('workouts.builder') }}" class="inline-flex items-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500">{{ __('app.nav.build_workout') }}</a>
@auth
<x-dropdown align="right" width="48">
<x-slot name="trigger">
@@ -46,9 +52,9 @@
</x-slot>
</x-dropdown>
@else
<a href="{{ route('login') }}" class="text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white">Log in</a>
<a href="{{ route('login') }}" class="text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white">{{ __('app.nav.login') }}</a>
@if (Route::has('register'))
<a href="{{ route('register') }}" class="text-sm font-semibold text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white">Sign up</a>
<a href="{{ route('register') }}" class="text-sm font-semibold text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white">{{ __('app.nav.register') }}</a>
@endif
@endauth
</div>
@@ -70,14 +76,21 @@
<div class="pt-2 pb-3 space-y-1 border-t border-gray-100 dark:border-gray-800">
<div class="px-4 pb-2">
<button type="button" aria-label="Toggle dark mode" class="inline-flex items-center gap-2 rounded-md border border-gray-200 dark:border-gray-700 px-3 py-2 text-sm text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-900" onclick="(function(){const c=document.documentElement.classList;const now=c.toggle('dark');try{localStorage.setItem('theme', now?'dark':'light');}catch(e){}})()">
<span class="dark:hidden">Enable Dark Mode</span>
<span class="hidden dark:inline">Disable Dark Mode</span>
<span class="dark:hidden">{{ __('app.nav.enable_dark') }}</span>
<span class="hidden dark:inline">{{ __('app.nav.disable_dark') }}</span>
</button>
<div class="mt-3 px-4 flex items-center gap-3">
<span class="text-xs text-gray-500">{{ __('app.nav.language') }}:</span>
<a href="{{ request()->fullUrlWithQuery(['lang' => 'en']) }}" class="text-xs font-semibold text-gray-700 dark:text-gray-300 hover:text-gray-900">EN</a>
<span class="text-gray-300">|</span>
<a href="{{ request()->fullUrlWithQuery(['lang' => 'ro']) }}" class="text-xs font-semibold text-gray-700 dark:text-gray-300 hover:text-gray-900">RO</a>
</div>
</div>
<x-responsive-nav-link :href="route('exercises.index')">Exercises</x-responsive-nav-link>
<x-responsive-nav-link :href="route('workouts.index', [], false)">Workouts</x-responsive-nav-link>
<x-responsive-nav-link :href="route('blog.index', [], false)">Blog</x-responsive-nav-link>
<x-responsive-nav-link :href="route('workouts.builder')">Build a Workout</x-responsive-nav-link>
<x-responsive-nav-link :href="route('exercises.index')">{{ __('app.nav.exercises') }}</x-responsive-nav-link>
<x-responsive-nav-link :href="route('yoga.index')">{{ __('app.nav.yoga') }}</x-responsive-nav-link>
<x-responsive-nav-link :href="route('workouts.index', [], false)">{{ __('app.nav.workouts') }}</x-responsive-nav-link>
<x-responsive-nav-link :href="route('blog.index', [], false)">{{ __('app.nav.blog') }}</x-responsive-nav-link>
<x-responsive-nav-link :href="route('workouts.builder')">{{ __('app.nav.build_workout') }}</x-responsive-nav-link>
</div>
<div class="pt-4 pb-1 border-t border-gray-200 dark:border-gray-800">
@auth