wip

resources/views/components/confirmation-modal.blade.php

@@ -1,7 +1,7 @@
 @props(['id' => null, 'maxWidth' => null])
 
 <x-modal :id="$id" :maxWidth="$maxWidth" {{ $attributes }}>
-    <div class="px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+    <div class="p-4">
         <div class="sm:flex sm:items-start">
             <div class="mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
                 <svg class="h-6 w-6 text-red-600 dark:text-red-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">

resources/views/components/ib-flex-spacer.blade.php

@@ -0,0 +1 @@
+<div class="grow"></div>

resources/views/components/ib-modal.blade.php

@@ -0,0 +1,43 @@
+@props([
+    'key' => 'modal',
+    'showClose' => true,
+    'closeOnEscape' => true,
+    'title' => null,
+    'subtitle' => null
+])
+
+<div 
+    x-data="{ open: false }"
+    x-on:toggle-{{ $key }}.window="open = !open"
+    class="relative z-50 w-auto h-auto"
+    @if($closeOnEscape)
+        @keydown.window.escape="open = false"
+    @endif
+>
+    <template x-teleport="body">
+        <div x-transition.opacity x-show="open" class="fixed top-0 left-0 z-[99] flex items-center justify-center w-full h-full" x-cloak>
+            <div 
+                @click="open=false" 
+                class="absolute inset-0 w-full h-full bg-black bg-opacity-40"
+            ></div>
+
+            <x-card     
+                x-trap.inert.noscroll="open"
+                :title="$title"
+                :subtitle="$subtitle"
+                {{ $attributes->merge(['class' => 'relative transform overflow-hidden rounded-md ext-left shadow-xl w-full sm:w-2/3 lg:w-1/3 m-2 sm:m-0']) }} 
+            >
+                @if ($showClose)
+                    <x-button 
+                        icon="o-x-mark" 
+                        class="absolute top-4 right-4 btn-ghost btn-circle btn-sm" 
+                        @click="open = false" 
+                    />
+                @endif
+
+                {{ $slot }}
+
+            </x-card>
+        </div>
+    </template>
+</div>

resources/views/components/partials/side-bar.blade.php

@@ -1,23 +1,23 @@
 <x-menu activate-by-route>
 
-    <x-menu-item title="{{ __('Dashboard') }}" icon="o-home" link="{{ @route('dashboard') }}" />
+    <x-menu-item title="{{ __('Dashboard') }}" icon="o-home" link="{{ route('dashboard') }}" />
     <x-menu-sub title="{{ __('Portfolios') }}" icon="o-document-duplicate">
         @foreach (auth()->user()->portfolios as $portfolio)
-        <x-menu-item  icon="o-document" link="{{ route('portfolio.show', ['portfolio' => $portfolio->id ]) }}" exact>
+        <x-menu-item  icon="o-document" link="{{ route('portfolio.show', ['portfolio' => $portfolio->id ]) }}" >
             <x-slot:title> 
                 {{ $portfolio->title }} 
                 @if($portfolio->wishlist)
-                <x-badge value="{{ __('Wishlist') }}" class="badge-primary badge-sm ml-2" />
+                <x-badge value="{{ __('Wishlist') }}" class="badge-secondary badge-sm ml-2" />
                 @endif
             </x-slot:title>
             
         </x-menu-item>
         @endforeach
 
-        <x-menu-item title="{{ __('Create Portfolio') }}" icon="o-document-plus" link="{{ @route('portfolio.create') }}" />
+        <x-menu-item title="{{ __('Create Portfolio') }}" icon="o-document-plus" link="{{ route('portfolio.create') }}" />
     </x-menu-sub>
-    <x-menu-item title="{{ __('Transactions') }}" icon="o-banknotes" link="####" />
-    <x-menu-item title="{{ __('Reporting') }}" icon="o-chart-bar-square" link="####" />
+    <x-menu-item title="{{ __('Transactions') }}" icon="o-banknotes" link="{{ route('transaction.index') }}" />
+    {{-- <x-menu-item title="{{ __('Reporting') }}" icon="o-chart-bar-square" link="####" /> --}}
 
 </x-menu>