Implemented the new index layout for the index pages

Implemented the new index layout for the index pages.
domains, misc, reseller, seedboxes and shared use this layout

resources/views/domains/index.blade.php

@@ -1,15 +1,12 @@
-@section("title", "Domains")
-@section('style')
+@extends('layouts.index')
+@section('title', 'Domains')
+@section('css_style')
     <x-modal-style></x-modal-style>
 @endsection
-@section('scripts')
-    <script src="{{ asset('js/vue.min.js') }}"></script>
-    <script src="{{ asset('js/axios.min.js') }}"></script>
-@endsection
-<x-app-layout>
-    <x-slot name="header">
+@section('header')
     {{ __('Domains') }}
-    </x-slot>
+@endsection
+@section('content')
     <div class="container" id="app">
         <x-delete-confirm-modal></x-delete-confirm-modal>
         <x-card class="shadow mt-3">
@@ -70,4 +67,4 @@
     <x-modal-delete-script>
         <x-slot name="uri">domains</x-slot>
     </x-modal-delete-script>
-</x-app-layout>
+@endsection

resources/views/misc/index.blade.php

@@ -1,15 +1,12 @@
-@section("title", "Misc services")
-@section('style')
+@extends('layouts.index')
+@section('title', 'Misc')
+@section('css_style')
     <x-modal-style></x-modal-style>
 @endsection
-@section('scripts')
-    <script src="{{ asset('js/vue.min.js') }}"></script>
-    <script src="{{ asset('js/axios.min.js') }}"></script>
+@section('header')
+    {{ __('Misc') }}
 @endsection
-<x-app-layout>
-    <x-slot name="header">
-        {{ __('Misc services') }}
-    </x-slot>
+@section('content')
     <div class="container" id="app">
         <x-delete-confirm-modal></x-delete-confirm-modal>
         <x-card class="shadow mt-3">
@@ -52,7 +49,7 @@
                                         @csrf
                                         @method('DELETE')
                                         <i class="fas fa-trash text-danger ms-3" @click="confirmDeleteModal"
-                                           id="{{$m->name}}" title="{{$m->id}}"></i>
+                                           id="{{$m->id}}" title="{{$m->name}}"></i>
                                     </form>
                                 </td>
                             </tr>
@@ -71,4 +68,4 @@
     <x-modal-delete-script>
         <x-slot name="uri">misc</x-slot>
     </x-modal-delete-script>
-</x-app-layout>
+@endsection

resources/views/reseller/index.blade.php

@@ -1,16 +1,12 @@
-@section("title", "Resellers")
-@section('style')
+@extends('layouts.index')
+@section('title', 'Resellers')
+@section('css_style')
     <x-modal-style></x-modal-style>
 @endsection
-@section('scripts')
-    <script src="{{ asset('js/vue.min.js') }}"></script>
-    <script src="{{ asset('js/axios.min.js') }}"></script>
-@endsection
-<x-app-layout>
-    <x-slot name="header">
+@section('header')
     {{ __('Reseller') }}
-    </x-slot>
-
+@endsection
+@section('content')
     <div class="container" id="app">
         <x-delete-confirm-modal></x-delete-confirm-modal>
         <div class="card shadow mt-3">
@@ -78,4 +74,4 @@
     <x-modal-delete-script>
         <x-slot name="uri">reseller</x-slot>
     </x-modal-delete-script>
-</x-app-layout>
+@endsection

resources/views/seedboxes/index.blade.php

@@ -1,15 +1,12 @@
-@section("title", "Seed boxes")
-@section('style')
+@extends('layouts.index')
+@section('title', 'Seed boxes')
+@section('css_style')
     <x-modal-style></x-modal-style>
 @endsection
-@section('scripts')
-    <script src="{{ asset('js/vue.min.js') }}"></script>
-    <script src="{{ asset('js/axios.min.js') }}"></script>
-@endsection
-<x-app-layout>
-    <x-slot name="header">
+@section('header')
     {{ __('Seed boxes') }}
-    </x-slot>
+@endsection
+@section('content')
     <div class="container" id="app">
         <x-delete-confirm-modal></x-delete-confirm-modal>
         <div class="card shadow mt-3">
@@ -96,12 +93,9 @@
                 </div>
             </div>
         </div>
-        @if(Session::has('timer_version_footer') && Session::get('timer_version_footer') === 1)
-            <p class="text-muted mt-4 text-end"><small>Built on Laravel
-                    v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})</small></p>
-        @endif
+        <x-details-footer></x-details-footer>
     </div>
     <x-modal-delete-script>
         <x-slot name="uri">seedboxes</x-slot>
     </x-modal-delete-script>
-</x-app-layout>
+@endsection

resources/views/shared/index.blade.php

@@ -1,15 +1,12 @@
-@section("title", "Shared hosting")
-@section('style')
+@extends('layouts.index')
+@section('title', 'Shared hosting')
+@section('css_style')
     <x-modal-style></x-modal-style>
 @endsection
-@section('scripts')
-    <script src="{{ asset('js/vue.min.js') }}"></script>
-    <script src="{{ asset('js/axios.min.js') }}"></script>
+@section('header')
+    {{ __('Shared') }}
 @endsection
-<x-app-layout>
-    <x-slot name="header">
-        {{ __('Shared hosting') }}
-    </x-slot>
+@section('content')
     <div class="container" id="app">
         <x-delete-confirm-modal></x-delete-confirm-modal>
         <div class="card shadow mt-3">
@@ -79,4 +76,4 @@
     <x-modal-delete-script>
         <x-slot name="uri">shared</x-slot>
     </x-modal-delete-script>
-</x-app-layout>
+@endsection