fallback all modals

tomatophp · Mar 30, 2024 · 3275ae9 · 3275ae9
1 parent a41ebf9
commit 3275ae9
Show file tree

Hide file tree

Showing 20 changed files with 962 additions and 193 deletions.
diff --git a/Modules/CircleXO/resources/views/contact.blade.php b/Modules/CircleXO/resources/views/contact.blade.php
@@ -1,7 +1,8 @@
-<x-splade-modal>
-    <x-slot:title>
-        {{ __('Send Message To') . " " . $account->username }}
-    </x-slot>
+@extends('circle-xo::layouts.public')
+
+@section('title', __('Send Message To') . " " . $account->username )
+
+@section('content')
     <x-splade-form :default="[
         'anonymous_message' => false,
         'name' => auth('accounts')->user() ? auth('accounts')->user()->name : null,
@@ -16,4 +17,4 @@
 
         <x-splade-submit spinner label="Send" class="bg-main-600 border-main-400 text-zinc-900" />
     </x-splade-form>
-</x-splade-modal>
+@endsection
diff --git a/Modules/CircleXO/resources/views/index.blade.php b/Modules/CircleXO/resources/views/index.blade.php
@@ -1,26 +1,3 @@
-{{--@php--}}
-{{--    SEO::openGraphType('WebPage');--}}
-{{--    SEO::openGraphSiteName(setting('site_name'));--}}
-{{--    SEO::openGraphTitle(setting('site_name'));--}}
-{{--    SEO::openGraphUrl(url()->current());--}}
-{{--    SEO::openGraphImage(setting('site_profile'));--}}
-{{--    SEO::metaByProperty('og:description', setting('site_description'));--}}
-
-{{--    SEO::twitterCard('summary_large_image');--}}
-{{--    SEO::twitterTitle(setting('site_name'));--}}
-{{--    SEO::twitterDescription(setting('site_description'));--}}
-{{--    SEO::twitterImage(setting('site_profile'));--}}
-
-{{--    SEO::canonical(url()->current());--}}
-{{--@endphp--}}
-{{--@seoTitle(setting('site_name'))--}}
-{{--@seoDescription(setting('site_description'))--}}
-{{--@seoKeywords(setting('site_keywords'))--}}
-{{--<x-circle-xo-app-layout>--}}
-{{--    <x-circle-xo-hero />--}}
-{{--    <x-circle-xo-features />--}}
-{{--    <x-circle-xo-listing />--}}
-{{--</x-circle-xo-app-layout>--}}
 <div class="bg-zinc-900 text-white">
     <x-tomato-builder-toolbar :page="$page" />
 </div>
diff --git a/Modules/CircleXO/resources/views/layouts/app.blade.php b/Modules/CircleXO/resources/views/layouts/app.blade.php
@@ -0,0 +1,21 @@
+@seoTitle(isset(app()->view->getSections()['title']) ? app()->view->getSections()['title']  . ' | ' : ''. setting('site_name'))
+@seoDescription(isset(app()->view->getSections()['description']) ? app()->view->getSections()['description']  . ' | ' : '' . setting('site_description'))
+@seoKeywords(isset(app()->view->getSections()['keywords']) ? app()->view->getSections()['keywords']  . ' | ' : '' .setting('site_keywords'))
+
+<x-circle-xo-profile-layout>
+    <div class="flex justify-center">
+        <div class="my-8 mx-8 lg:mx-16 bg-zinc-800 rounded-lg border border-zinc-700 w-full overflow-hidden">
+            <div class="border-b border-zinc-700 bg-zinc-700 p-4">
+                @yield('title')
+            </div>
+            <div class="p-4">
+                <x-splade-modal>
+                    <x-slot:title>
+                        @yield('title')
+                    </x-slot>
+                    @yield('content')
+                </x-splade-modal>
+            </div>
+        </div>
+    </div>
+</x-circle-xo-profile-layout>
diff --git a/Modules/CircleXO/resources/views/layouts/public.blade.php b/Modules/CircleXO/resources/views/layouts/public.blade.php
@@ -0,0 +1,21 @@
+@seoTitle(isset(app()->view->getSections()['title']) ? app()->view->getSections()['title']  . ' | ' : ''. setting('site_name'))
+@seoDescription(isset(app()->view->getSections()['description']) ? app()->view->getSections()['description']  . ' | ' : '' . setting('site_description'))
+@seoKeywords(isset(app()->view->getSections()['keywords']) ? app()->view->getSections()['keywords']  . ' | ' : '' .setting('site_keywords'))
+
+<x-circle-xo-public-profile-layout :account="$account">
+    <div class="flex justify-center">
+        <div class="my-8 mx-8 lg:mx-16 bg-zinc-800 rounded-lg border border-zinc-700 w-full overflow-hidden">
+            <div class="border-b border-zinc-700 bg-zinc-700 p-4">
+                @yield('title')
+            </div>
+            <div class="p-4">
+                <x-splade-modal>
+                    <x-slot:title>
+                        @yield('title')
+                    </x-slot>
+                    @yield('content')
+                </x-splade-modal>
+            </div>
+        </div>
+    </div>
+</x-circle-xo-public-profile-layout>
diff --git a/Modules/CircleXO/resources/views/listing/create.blade.php b/Modules/CircleXO/resources/views/listing/create.blade.php
@@ -1,7 +1,8 @@
-<x-splade-modal>
-    <x-slot:title>
-        {{ __('Create New Listing') }}
-    </x-slot>
+@extends('circle-xo::layouts.app')
+
+@section('title', __('Create New Listing'))
+
+@section('content')
     <x-splade-form :default="[
         'type' => 'link',
         'is_active' => true,
@@ -99,4 +100,4 @@
         <x-splade-checkbox name="is_active" :label="__('Public')" />
         <x-splade-submit spinner :label="__('Save')" class="bg-main-600 border-main-400 text-zinc-900" />
     </x-splade-form>
-</x-splade-modal>
+@endsection
diff --git a/Modules/CircleXO/resources/views/listing/edit.blade.php b/Modules/CircleXO/resources/views/listing/edit.blade.php
@@ -1,7 +1,8 @@
-<x-splade-modal>
-    <x-slot:title>
-        {{ __('Update Listing') . "#" . $listing->id }}
-    </x-slot>
+@extends('circle-xo::layouts.app')
+
+@section('title', __('Update Listing') . "#" . $listing->id)
+
+@section('content')
     <x-splade-form :default="$listing->toArray()" class="flex flex-col gap-4"  method="POST" action="{{route('profile.listing.update', $listing)}}">
         <h1 class="font-bold text-lg text-center text-white">{{__('Select Listing Type')}}</h1>
         <div class="grid grid-cols-3 lg:grid-cols-5 gap-4">
@@ -101,4 +102,4 @@
             <x-tomato-admin-button danger confirm-danger method="DELETE" :href="route('profile.listing.destroy', $listing)" :label="__('Delete Listing')" />
         </div>
     </x-splade-form>
-</x-splade-modal>
+@endsection
diff --git a/Modules/CircleXO/resources/views/notifications/index.blade.php b/Modules/CircleXO/resources/views/notifications/index.blade.php
@@ -1,125 +1,123 @@
-<x-circle-xo-profile-layout>
-    <x-splade-modal>
-        <x-slot:title>
-            {{__('Notification')}}
-        </x-slot:title>
+@extends('circle-xo::layouts.app')
 
-        @if(count($notifications))
-            <div class="flex flex-col gap-2">
-                <div class="filament-modal-content">
-                    <div class="flex flex-col gap-4">
-                        @foreach($notifications as $notification)
-                            <div>
-                                <div class="flex flex-col gap-4 rounded-lg @if(!$notification->isRead()) bg-zinc-200 dark:bg-zinc-700 @else bg-zinc-50 dark:bg-zinc-900 @endif  px-4 py-4">
-                                    <div
-                                        class="filament-notifications-notification pointer-events-auto invisible flex gap-3 w-full transition duration-300"
-                                        style="display: flex; visibility: visible;">
+@section('title', __('Notification'))
 
-                                        @if($notification->image)
-                                            <div class="flex flex-col items-center justify-center">
-                                                <div style="background-image: url('{{$notification->image}}')" class="rounded-lg h-16 w-16 bg-center bg-cover">
+@section('content')
+    @if(count($notifications))
+        <div class="flex flex-col gap-2">
+            <div class="filament-modal-content">
+                <div class="flex flex-col gap-4">
+                    @foreach($notifications as $notification)
+                        <div>
+                            <div class="flex flex-col gap-4 rounded-lg @if(!$notification->isRead()) bg-zinc-200 dark:bg-zinc-700 @else bg-zinc-50 dark:bg-zinc-900 @endif  px-4 py-4">
+                                <div
+                                    class="filament-notifications-notification pointer-events-auto invisible flex gap-3 w-full transition duration-300"
+                                    style="display: flex; visibility: visible;">
 
-                                                </div>
-                                            </div>
-                                        @else
-                                            <x-heroicon-s-bell class="filament-notifications-icon h-6 w-6 text-zinc-400"/>
-                                        @endif
+                                    @if($notification->image)
+                                        <div class="flex flex-col items-center justify-center">
+                                            <div style="background-image: url('{{$notification->image}}')" class="rounded-lg h-16 w-16 bg-center bg-cover">
 
-                                        <x-splade-link modal href="{{route('profile.notifications.show', $notification->id)}}" class="grid flex-1">
-                                            <div class="filament-notifications-title flex h-6 items-center text-sm font-medium text-zinc-900 dark:text-zinc-100">
-                                                <p>{{$notification->title}}</p>
                                             </div>
+                                        </div>
+                                    @else
+                                        <x-heroicon-s-bell class="filament-notifications-icon h-6 w-6 text-zinc-400"/>
+                                    @endif
 
-                                            <p class="filament-notifications-date text-xs text-zinc-500 dark:text-zinc-300">
-                                                {{$notification->created_at->diffForHumans()}}
-                                            </p>
+                                    <x-splade-link modal href="{{route('profile.notifications.show', $notification->id)}}" class="grid flex-1">
+                                        <div class="filament-notifications-title flex h-6 items-center text-sm font-medium text-zinc-900 dark:text-zinc-100">
+                                            <p>{{$notification->title}}</p>
+                                        </div>
 
-                                            <div class="filament-notifications-body mt-1 text-sm text-zinc-500 dark:text-zinc-300">
-                                                <p><strong>{{str()->limit($notification->description, 50, '...')}}</strong></p>
-                                            </div>
-                                        </x-splade-link>
+                                        <p class="filament-notifications-date text-xs text-zinc-500 dark:text-zinc-300">
+                                            {{$notification->created_at->diffForHumans()}}
+                                        </p>
+
+                                        <div class="filament-notifications-body mt-1 text-sm text-zinc-500 dark:text-zinc-300">
+                                            <p><strong>{{str()->limit($notification->description, 50, '...')}}</strong></p>
+                                        </div>
+                                    </x-splade-link>
 
-                                        <x-splade-link method="delete" :href="route('profile.notifications.destroy', $notification->id)" confirm>
-                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="filament-notifications-close-button h-4 w-4 cursor-pointer text-zinc-400">
-                                                <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
-                                            </svg>
+                                    <x-splade-link method="delete" :href="route('profile.notifications.destroy', $notification->id)" confirm>
+                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="filament-notifications-close-button h-4 w-4 cursor-pointer text-zinc-400">
+                                            <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
+                                        </svg>
+                                    </x-splade-link>
+                                    @if(!$notification->isRead())
+                                        <x-splade-link method="post" :href="route('profile.notifications.read.selected', $notification->id)" confirm>
+                                            <x-heroicon-s-check-circle class="filament-notifications-close-button h-4 w-4 cursor-pointer text-success-500"/>
                                         </x-splade-link>
-                                        @if(!$notification->isRead())
-                                            <x-splade-link method="post" :href="route('profile.notifications.read.selected', $notification->id)" confirm>
-                                                <x-heroicon-s-check-circle class="filament-notifications-close-button h-4 w-4 cursor-pointer text-success-500"/>
-                                            </x-splade-link>
-                                        @endif
-                                    </div>
+                                    @endif
                                 </div>
                             </div>
-                        @endforeach
-                    </div>
-                    <div class="my-4">
-                        {!! $notifications->links('tomato-admin::components.pagination') !!}
-                    </div>
-                    <div class="my-4 border border-zinc-200 dark:border-zinc-700"></div>
-                    <div class="flex justify-start gap-2">
-                        <x-tomato-admin-button
-                            danger
-                            confirm
-                            method="delete"
-                            :href="route('profile.notifications.clear')"
-                            type="link">
+                        </div>
+                    @endforeach
+                </div>
+                <div class="my-4">
+                    {!! $notifications->links('tomato-admin::components.pagination') !!}
+                </div>
+                <div class="my-4 border border-zinc-200 dark:border-zinc-700"></div>
+                <div class="flex justify-start gap-2">
+                    <x-tomato-admin-button
+                        danger
+                        confirm
+                        method="delete"
+                        :href="route('profile.notifications.clear')"
+                        type="link">
 
-                            <div class="text-md flex justify-start gap-2">
-                                <div class="flex flex-col items-center justify-center">
-                                    <i class="bx bx-trash"></i>
-                                </div>
-                                <div>
-                                    {{__('Clear Notifications')}}
-                                </div>
+                        <div class="text-md flex justify-start gap-2">
+                            <div class="flex flex-col items-center justify-center">
+                                <i class="bx bx-trash"></i>
                             </div>
-                        </x-tomato-admin-button>
+                            <div>
+                                {{__('Clear Notifications')}}
+                            </div>
+                        </div>
+                    </x-tomato-admin-button>
 
-                        <x-tomato-admin-button
-                            warning
-                            confirm
-                            method="post"
-                            :href="route('profile.notifications.read')"
-                            type="link">
+                    <x-tomato-admin-button
+                        warning
+                        confirm
+                        method="post"
+                        :href="route('profile.notifications.read')"
+                        type="link">
 
-                            <div class="text-md flex justify-start gap-2">
-                                <div class="flex flex-col items-center justify-center">
-                                    <i class="bx bx-show"></i>
-                                </div>
-                                <div>
-                                    {{__('Make All As Read')}}
-                                </div>
+                        <div class="text-md flex justify-start gap-2">
+                            <div class="flex flex-col items-center justify-center">
+                                <i class="bx bx-show"></i>
                             </div>
-                        </x-tomato-admin-button>
-                    </div>
+                            <div>
+                                {{__('Make All As Read')}}
+                            </div>
+                        </div>
+                    </x-tomato-admin-button>
                 </div>
-
             </div>
-        @else
-            <div class="space-y-2" >
-                <div class="filament-modal-content space-y-2">
 
-                    <div class="px-4 py-2 space-y-4">
-                        <div class="flex flex-col items-center justify-center mx-auto my-6 space-y-4 text-center bg-white dark:bg-zinc-800">
-                            <div class="flex items-center justify-center w-12 h-12 text-primary-500 rounded-full bg-primary-50 dark:bg-zinc-700">
-                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
-                                    <path stroke-linecap="round" stroke-linejoin="round" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
-                                </svg>    </div>
+        </div>
+    @else
+        <div class="space-y-2" >
+            <div class="filament-modal-content space-y-2">
 
-                            <div class="max-w-md space-y-1">
-                                <h2 class="text-lg font-bold tracking-tight dark:text-white">
-                                    {{__('No notifications here')}}
-                                </h2>
+                <div class="px-4 py-2 space-y-4">
+                    <div class="flex flex-col items-center justify-center mx-auto my-6 space-y-4 text-center bg-white dark:bg-zinc-800">
+                        <div class="flex items-center justify-center w-12 h-12 text-primary-500 rounded-full bg-primary-50 dark:bg-zinc-700">
+                            <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
+                            </svg>    </div>
 
-                                <p class="whitespace-normal text-sm font-medium text-zinc-500 dark:text-zinc-400">
-                                    {{__('Please check again later')}}
-                                </p>
-                            </div>
+                        <div class="max-w-md space-y-1">
+                            <h2 class="text-lg font-bold tracking-tight dark:text-white">
+                                {{__('No notifications here')}}
+                            </h2>
+
+                            <p class="whitespace-normal text-sm font-medium text-zinc-500 dark:text-zinc-400">
+                                {{__('Please check again later')}}
+                            </p>
                         </div>
                     </div>
                 </div>
             </div>
-        @endif
-    </x-splade-modal>
-</x-circle-xo-profile-layout>
+        </div>
+    @endif
+@endsection