Revert "Revert "V2 (Laravel re-make)""

This reverts commit a7e0c005c0.

database/migrations/2022_02_21_001233_create_ips_table.php

@@ -0,0 +1,26 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateIPsTable extends Migration
+{
+    public function up()
+    {
+        Schema::create('ips', function (Blueprint $table) {
+            $table->char('id', 8)->primary();
+            $table->char('service_id', 8);
+            $table->string('address');
+            $table->tinyInteger('is_ipv4')->default(1);
+            $table->tinyInteger('active')->default(1);
+            $table->timestamps();
+            $table->unique(['service_id','address'], 'uni');
+        });
+    }
+
+    public function down()
+    {
+        Schema::dropIfExists('ips');
+    }
+}

database/migrations/2022_03_05_125635_add_cols_to_settings.php

@@ -0,0 +1,30 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('settings', function (Blueprint $table) {
+            $table->string('default_currency')->default('USD');
+            $table->integer('default_server_os')->default(20);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+    }
+};

public/.htaccess

@@ -0,0 +1,21 @@
+<IfModule mod_rewrite.c>
+    <IfModule mod_negotiation.c>
+        Options -MultiViews -Indexes
+    </IfModule>
+
+    RewriteEngine On
+
+    # Handle Authorization Header
+    RewriteCond %{HTTP:Authorization} .
+    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
+
+    # Redirect Trailing Slashes If Not A Folder...
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteCond %{REQUEST_URI} (.+)/$
+    RewriteRule ^ %1 [L,R=301]
+
+    # Send Requests To Front Controller...
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteCond %{REQUEST_FILENAME} !-f
+    RewriteRule ^ index.php [L]
+</IfModule>

public/index.php

@@ -0,0 +1,55 @@
+<?php
+
+use Illuminate\Contracts\Http\Kernel;
+use Illuminate\Http\Request;
+
+define('LARAVEL_START', microtime(true));
+
+/*
+|--------------------------------------------------------------------------
+| Check If Application Is Under Maintenance
+|--------------------------------------------------------------------------
+|
+| If the application is maintenance / demo mode via the "down" command we
+| will require this file so that any prerendered template can be shown
+| instead of starting the framework, which could cause an exception.
+|
+*/
+
+if (file_exists(__DIR__.'/../storage/framework/maintenance.php')) {
+    require __DIR__.'/../storage/framework/maintenance.php';
+}
+
+/*
+|--------------------------------------------------------------------------
+| Register The Auto Loader
+|--------------------------------------------------------------------------
+|
+| Composer provides a convenient, automatically generated class loader for
+| this application. We just need to utilize it! We'll simply require it
+| into the script here so we don't need to manually load our classes.
+|
+*/
+
+require __DIR__.'/../vendor/autoload.php';
+
+/*
+|--------------------------------------------------------------------------
+| Run The Application
+|--------------------------------------------------------------------------
+|
+| Once we have the application, we can handle the incoming request using
+| the application's HTTP kernel. Then, we will send the response back
+| to this client's browser, allowing them to enjoy our application.
+|
+*/
+
+$app = require_once __DIR__.'/../bootstrap/app.php';
+
+$kernel = $app->make(Kernel::class);
+
+$response = tap($kernel->handle(
+    $request = Request::capture()
+))->send();
+
+$kernel->terminate($request, $response);

public/mix-manifest.json

@@ -0,0 +1,4 @@
+{
+    "/js/app.js": "/js/app.js",
+    "/css/app.css": "/css/app.css"
+}

public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:

public/web.config

@@ -0,0 +1,28 @@
+<!--
+    Rewrites requires Microsoft URL Rewrite Module for IIS
+    Download: https://www.microsoft.com/en-us/download/details.aspx?id=47337
+    Debug Help: https://docs.microsoft.com/en-us/iis/extensions/url-rewrite-module/using-failed-request-tracing-to-trace-rewrite-rules
+-->
+<configuration>
+  <system.webServer>
+    <rewrite>
+      <rules>
+        <rule name="Imported Rule 1" stopProcessing="true">
+          <match url="^(.*)/$" ignoreCase="false" />
+          <conditions>
+            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" ignoreCase="false" negate="true" />
+          </conditions>
+          <action type="Redirect" redirectType="Permanent" url="/{R:1}" />
+        </rule>
+        <rule name="Imported Rule 2" stopProcessing="true">
+          <match url="^" ignoreCase="false" />
+          <conditions>
+            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" ignoreCase="false" negate="true" />
+            <add input="{REQUEST_FILENAME}" matchType="IsFile" ignoreCase="false" negate="true" />
+          </conditions>
+          <action type="Rewrite" url="index.php" />
+        </rule>
+      </rules>
+    </rewrite>
+  </system.webServer>
+</configuration>

public/yabsFromForm.txt

@@ -0,0 +1,63 @@
+# ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## #
+#              Yet-Another-Bench-Script              #
+#                     v2021-12-28                    #
+# https://github.com/masonr/yet-another-bench-script #
+# ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## #
+
+Sat 05 Feb 2022 02:54:48 AM CET
+
+Basic System Information:
+---------------------------------
+Processor  : AMD Ryzen 9 3900X 12-Core Processor
+CPU cores  : 2 @ 3792.874 MHz
+AES-NI     : ✔ Enabled
+VM-x/AMD-V : ✔ Enabled
+RAM        : 3.8 GiB
+Swap       : 0.0 KiB
+Disk       : 39.3 GiB
+
+fio Disk Speed Tests (Mixed R/W 50/50):
+---------------------------------
+Block Size | 4k            (IOPS) | 64k           (IOPS)
+  ------   | ---            ----  | ----           ----
+Read       | 174.73 MB/s  (43.6k) | 979.69 MB/s  (15.3k)
+Write      | 175.19 MB/s  (43.7k) | 984.85 MB/s  (15.3k)
+Total      | 349.93 MB/s  (87.4k) | 1.96 GB/s    (30.6k)
+           |                      |
+Block Size | 512k          (IOPS) | 1m            (IOPS)
+  ------   | ---            ----  | ----           ----
+Read       | 571.27 MB/s   (1.1k) | 590.50 MB/s    (576)
+Write      | 601.62 MB/s   (1.1k) | 629.83 MB/s    (615)
+Total      | 1.17 GB/s     (2.2k) | 1.22 GB/s     (1.1k)
+
+iperf3 Network Speed Tests (IPv4):
+---------------------------------
+Provider        | Location (Link)           | Send Speed      | Recv Speed
+                |                           |                 |
+Clouvider       | London, UK (10G)          | 709 Mbits/sec   | 882 Mbits/sec
+Online.net      | Paris, FR (10G)           | 570 Mbits/sec   | 786 Mbits/sec
+WorldStream     | The Netherlands (10G)     | 886 Mbits/sec   | 933 Mbits/sec
+WebHorizon      | Singapore (400M)          | 278 Mbits/sec   | 478 Mbits/sec
+Clouvider       | NYC, NY, US (10G)         | 260 Mbits/sec   | 243 Mbits/sec
+Velocity Online | Tallahassee, FL, US (10G) | 227 Mbits/sec   | 317 Mbits/sec
+Clouvider       | Los Angeles, CA, US (10G) | 255 Mbits/sec   | 288 Mbits/sec
+Iveloz Telecom  | Sao Paulo, BR (2G)        | 110 Mbits/sec   | 281 Mbits/sec
+
+iperf3 Network Speed Tests (IPv6):
+---------------------------------
+Provider        | Location (Link)           | Send Speed      | Recv Speed
+                |                           |                 |
+Clouvider       | London, UK (10G)          | 706 Mbits/sec   | 854 Mbits/sec
+Online.net      | Paris, FR (10G)           | 591 Mbits/sec   | 760 Mbits/sec
+WorldStream     | The Netherlands (10G)     | 867 Mbits/sec   | 904 Mbits/sec
+WebHorizon      | Singapore (400M)          | 207 Mbits/sec   | 502 Mbits/sec
+Clouvider       | NYC, NY, US (10G)         | 302 Mbits/sec   | 201 Mbits/sec
+Clouvider       | Los Angeles, CA, US (10G) | 169 Mbits/sec   | 450 Mbits/sec
+
+Geekbench 5 Benchmark Test:
+---------------------------------
+Test            | Value
+                |
+Single Core     | 1276
+Multi Core      | 2394
+Full Test       | https://browser.geekbench.com/v5/cpu/12590829

resources/css/app.css

@@ -0,0 +1,3 @@
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';

resources/js/app.js

@@ -0,0 +1,6 @@
+require('./bootstrap');
+import Alpine from 'alpinejs';
+
+window.Alpine = Alpine;
+
+Alpine.start();

resources/js/bootstrap.js

@@ -0,0 +1,32 @@
+window._ = require('lodash');
+window.Vue = require('vue');
+try {
+    require('bootstrap');
+} catch (e) {}
+
+/**
+ * We'll load the axios HTTP library which allows us to easily issue requests
+ * to our Laravel back-end. This library automatically handles sending the
+ * CSRF token as a header based on the value of the "XSRF" token cookie.
+ */
+
+window.axios = require('axios');
+
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
+
+/**
+ * Echo exposes an expressive API for subscribing to channels and listening
+ * for events that are broadcast by Laravel. Echo and event broadcasting
+ * allows your team to easily build robust real-time web applications.
+ */
+
+// import Echo from 'laravel-echo';
+
+// window.Pusher = require('pusher-js');
+
+// window.Echo = new Echo({
+//     broadcaster: 'pusher',
+//     key: process.env.MIX_PUSHER_APP_KEY,
+//     cluster: process.env.MIX_PUSHER_APP_CLUSTER,
+//     forceTLS: true
+// });

resources/js/components/ExampleComponent.vue

@@ -0,0 +1,23 @@
+<template>
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-md-8">
+                <div class="card">
+                    <div class="card-header">Example Component</div>
+
+                    <div class="card-body">
+                        I'm an example component.
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        mounted() {
+            console.log('Component mounted.')
+        }
+    }
+</script>

resources/lang/en/auth.php

@@ -0,0 +1,20 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Authentication Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are used during authentication for various
+    | messages that we need to display to the user. You are free to modify
+    | these language lines according to your application's requirements.
+    |
+    */
+
+    'failed' => 'These credentials do not match our records.',
+    'password' => 'The provided password is incorrect.',
+    'throttle' => 'Too many login attempts. Please try again in :seconds seconds.',
+
+];

resources/lang/en/pagination.php

@@ -0,0 +1,19 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Pagination Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are used by the paginator library to build
+    | the simple pagination links. You are free to change them to anything
+    | you want to customize your views to better match your application.
+    |
+    */
+
+    'previous' => '&laquo; Previous',
+    'next' => 'Next &raquo;',
+
+];

resources/lang/en/passwords.php

@@ -0,0 +1,22 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Password Reset Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are the default lines which match reasons
+    | that are given by the password broker for a password update attempt
+    | has failed, such as for an invalid token or invalid new password.
+    |
+    */
+
+    'reset' => 'Your password has been reset!',
+    'sent' => 'We have emailed your password reset link!',
+    'throttled' => 'Please wait before retrying.',
+    'token' => 'This password reset token is invalid.',
+    'user' => "We can't find a user with that email address.",
+
+];

resources/lang/en/validation.php

@@ -0,0 +1,152 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Validation Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines contain the default error messages used by
+    | the validator class. Some of these rules have multiple versions such
+    | as the size rules. Feel free to tweak each of these messages here.
+    |
+    */
+
+    'accepted' => 'The :attribute must be accepted.',
+    'active_url' => 'The :attribute is not a valid URL.',
+    'after' => 'The :attribute must be a date after :date.',
+    'after_or_equal' => 'The :attribute must be a date after or equal to :date.',
+    'alpha' => 'The :attribute may only contain letters.',
+    'alpha_dash' => 'The :attribute may only contain letters, numbers, dashes and underscores.',
+    'alpha_num' => 'The :attribute may only contain letters and numbers.',
+    'array' => 'The :attribute must be an array.',
+    'before' => 'The :attribute must be a date before :date.',
+    'before_or_equal' => 'The :attribute must be a date before or equal to :date.',
+    'between' => [
+        'numeric' => 'The :attribute must be between :min and :max.',
+        'file' => 'The :attribute must be between :min and :max kilobytes.',
+        'string' => 'The :attribute must be between :min and :max characters.',
+        'array' => 'The :attribute must have between :min and :max items.',
+    ],
+    'boolean' => 'The :attribute field must be true or false.',
+    'confirmed' => 'The :attribute confirmation does not match.',
+    'date' => 'The :attribute is not a valid date.',
+    'date_equals' => 'The :attribute must be a date equal to :date.',
+    'date_format' => 'The :attribute does not match the format :format.',
+    'different' => 'The :attribute and :other must be different.',
+    'digits' => 'The :attribute must be :digits digits.',
+    'digits_between' => 'The :attribute must be between :min and :max digits.',
+    'dimensions' => 'The :attribute has invalid image dimensions.',
+    'distinct' => 'The :attribute field has a duplicate value.',
+    'email' => 'The :attribute must be a valid email address.',
+    'ends_with' => 'The :attribute must end with one of the following: :values.',
+    'exists' => 'The selected :attribute is invalid.',
+    'file' => 'The :attribute must be a file.',
+    'filled' => 'The :attribute field must have a value.',
+    'gt' => [
+        'numeric' => 'The :attribute must be greater than :value.',
+        'file' => 'The :attribute must be greater than :value kilobytes.',
+        'string' => 'The :attribute must be greater than :value characters.',
+        'array' => 'The :attribute must have more than :value items.',
+    ],
+    'gte' => [
+        'numeric' => 'The :attribute must be greater than or equal :value.',
+        'file' => 'The :attribute must be greater than or equal :value kilobytes.',
+        'string' => 'The :attribute must be greater than or equal :value characters.',
+        'array' => 'The :attribute must have :value items or more.',
+    ],
+    'image' => 'The :attribute must be an image.',
+    'in' => 'The selected :attribute is invalid.',
+    'in_array' => 'The :attribute field does not exist in :other.',
+    'integer' => 'The :attribute must be an integer.',
+    'ip' => 'The :attribute must be a valid IP address.',
+    'ipv4' => 'The :attribute must be a valid IPv4 address.',
+    'ipv6' => 'The :attribute must be a valid IPv6 address.',
+    'json' => 'The :attribute must be a valid JSON string.',
+    'lt' => [
+        'numeric' => 'The :attribute must be less than :value.',
+        'file' => 'The :attribute must be less than :value kilobytes.',
+        'string' => 'The :attribute must be less than :value characters.',
+        'array' => 'The :attribute must have less than :value items.',
+    ],
+    'lte' => [
+        'numeric' => 'The :attribute must be less than or equal :value.',
+        'file' => 'The :attribute must be less than or equal :value kilobytes.',
+        'string' => 'The :attribute must be less than or equal :value characters.',
+        'array' => 'The :attribute must not have more than :value items.',
+    ],
+    'max' => [
+        'numeric' => 'The :attribute may not be greater than :max.',
+        'file' => 'The :attribute may not be greater than :max kilobytes.',
+        'string' => 'The :attribute may not be greater than :max characters.',
+        'array' => 'The :attribute may not have more than :max items.',
+    ],
+    'mimes' => 'The :attribute must be a file of type: :values.',
+    'mimetypes' => 'The :attribute must be a file of type: :values.',
+    'min' => [
+        'numeric' => 'The :attribute must be at least :min.',
+        'file' => 'The :attribute must be at least :min kilobytes.',
+        'string' => 'The :attribute must be at least :min characters.',
+        'array' => 'The :attribute must have at least :min items.',
+    ],
+    'multiple_of' => 'The :attribute must be a multiple of :value.',
+    'not_in' => 'The selected :attribute is invalid.',
+    'not_regex' => 'The :attribute format is invalid.',
+    'numeric' => 'The :attribute must be a number.',
+    'password' => 'The password is incorrect.',
+    'present' => 'The :attribute field must be present.',
+    'regex' => 'The :attribute format is invalid.',
+    'required' => 'The :attribute field is required.',
+    'required_if' => 'The :attribute field is required when :other is :value.',
+    'required_unless' => 'The :attribute field is required unless :other is in :values.',
+    'required_with' => 'The :attribute field is required when :values is present.',
+    'required_with_all' => 'The :attribute field is required when :values are present.',
+    'required_without' => 'The :attribute field is required when :values is not present.',
+    'required_without_all' => 'The :attribute field is required when none of :values are present.',
+    'same' => 'The :attribute and :other must match.',
+    'size' => [
+        'numeric' => 'The :attribute must be :size.',
+        'file' => 'The :attribute must be :size kilobytes.',
+        'string' => 'The :attribute must be :size characters.',
+        'array' => 'The :attribute must contain :size items.',
+    ],
+    'starts_with' => 'The :attribute must start with one of the following: :values.',
+    'string' => 'The :attribute must be a string.',
+    'timezone' => 'The :attribute must be a valid zone.',
+    'unique' => 'The :attribute has already been taken.',
+    'uploaded' => 'The :attribute failed to upload.',
+    'url' => 'The :attribute format is invalid.',
+    'uuid' => 'The :attribute must be a valid UUID.',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Validation Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify custom validation messages for attributes using the
+    | convention "attribute.rule" to name the lines. This makes it quick to
+    | specify a specific custom language line for a given attribute rule.
+    |
+    */
+
+    'custom' => [
+        'attribute-name' => [
+            'rule-name' => 'custom-message',
+        ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Validation Attributes
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are used to swap our attribute placeholder
+    | with something more reader friendly such as "E-Mail Address" instead
+    | of "email". This simply helps us make our message more expressive.
+    |
+    */
+
+    'attributes' => [],
+
+];

resources/sass/_variables.scss

@@ -0,0 +1,7 @@
+// Body
+$body-bg: #f8fafc;
+
+// Typography
+$font-family-sans-serif: 'Nunito', sans-serif;
+$font-size-base: 0.9rem;
+$line-height-base: 1.6;

resources/sass/app.scss

@@ -0,0 +1,8 @@
+// Fonts
+@import url('https://fonts.googleapis.com/css?family=Nunito');
+
+// Variables
+@import 'variables';
+
+// Bootstrap
+@import '~bootstrap/scss/bootstrap';

resources/views/account/index.blade.php

@@ -0,0 +1,55 @@
+@section('title') {{'Edit account'}} @endsection
+<x-app-layout>
+    <x-slot name="header">
+        Edit account
+    </x-slot>
+
+    <div class="container">
+        <x-card class="shadow mt-3">
+            @if ($message = Session::get('success'))
+                <div class="alert alert-success" role="alert">
+                    <p class="my-1">{{ $message }}</p>
+                </div>
+            @endif
+            <form action="{{ route('account.update',Auth::user()->id) }}" method="POST">
+                @csrf
+                @method('PUT')
+                <div class="row mt-2">
+                    <div class="col-12 col-md-4 mb-3">
+                        <x-text-input>
+                            <x-slot name="title">Name</x-slot>
+                            <x-slot name="name">name</x-slot>
+                            <x-slot name="max">255</x-slot>
+                            <x-slot name="value">{{Auth::user()->name}}</x-slot>
+                        </x-text-input>
+                    </div>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-12 col-md-4 mb-3">
+                        <x-text-input>
+                            <x-slot name="title">Email</x-slot>
+                            <x-slot name="name">email</x-slot>
+                            <x-slot name="max">255</x-slot>
+                            <x-slot name="value">{{Auth::user()->email}}</x-slot>
+                        </x-text-input>
+                    </div>
+                </div>
+                <div class="row my-3">
+                    <div class="col-12 col-md-8">
+                        API key: <code>{{ Auth::user()->api_token }}</code>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-12 col-lg-4">
+                        <x-submit-button>Update account</x-submit-button>
+                    </div>
+                </div>
+            </form>
+        </x-card>
+        @if(Session::has('timer_version_footer') && Session::get('timer_version_footer') === 1)
+            <p class="text-muted mt-4 text-end"><small>@if(isset($timer))@endif Built on
+                    Laravel
+                    v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})</small></p>
+        @endif
+    </div>
+</x-app-layout>

resources/views/auth/confirm-password.blade.php

@@ -0,0 +1,36 @@
+<x-guest-layout>
+    <x-auth-card>
+        <x-slot name="logo">
+            <a href="/">
+                <x-application-logo class="w-20 h-20 fill-current text-gray-500" />
+            </a>
+        </x-slot>
+
+        <div class="mb-4 text-sm text-gray-600">
+            {{ __('This is a secure area of the application. Please confirm your password before continuing.') }}
+        </div>
+
+        <!-- Validation Errors -->
+        <x-auth-validation-errors class="mb-4" :errors="$errors" />
+
+        <form method="POST" action="{{ route('password.confirm') }}">
+            @csrf
+
+            <!-- Password -->
+            <div>
+                <x-label for="password" :value="__('Password')" />
+
+                <x-input id="password" class="block mt-1 w-full"
+                                type="password"
+                                name="password"
+                                required autocomplete="current-password" />
+            </div>
+
+            <div class="flex justify-end mt-4">
+                <x-button>
+                    {{ __('Confirm') }}
+                </x-button>
+            </div>
+        </form>
+    </x-auth-card>
+</x-guest-layout>

resources/views/auth/forgot-password.blade.php

@@ -0,0 +1,36 @@
+<x-guest-layout>
+    <x-auth-card>
+        <x-slot name="logo">
+            <a href="/">
+                <x-application-logo class="w-20 h-20 fill-current text-gray-500" />
+            </a>
+        </x-slot>
+
+        <div class="mb-4 text-sm text-gray-600">
+            {{ __('Forgot your password? No problem. Just let us know your email address and we will email you a password reset link that will allow you to choose a new one.') }}
+        </div>
+
+        <!-- Session Status -->
+        <x-auth-session-status class="mb-4" :status="session('status')" />
+
+        <!-- Validation Errors -->
+        <x-auth-validation-errors class="mb-4" :errors="$errors" />
+
+        <form method="POST" action="{{ route('password.email') }}">
+            @csrf
+
+            <!-- Email Address -->
+            <div>
+                <x-label for="email" :value="__('Email')" />
+
+                <x-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus />
+            </div>
+
+            <div class="flex items-center justify-end mt-4">
+                <x-button>
+                    {{ __('Email Password Reset Link') }}
+                </x-button>
+            </div>
+        </form>
+    </x-auth-card>
+</x-guest-layout>

resources/views/auth/login.blade.php

@@ -0,0 +1,44 @@
+@section('title') {{'Login'}} @endsection
+<x-guest-layout>
+    <x-auth-card>
+        <!-- Session Status -->
+        <x-auth-session-status class="mb-4" :status="session('status')"/>
+        <!-- Validation Errors -->
+        <x-auth-validation-errors class="mb-4" :errors="$errors"/>
+
+            <h3 class="text-center mb-4">My idlers</h3>
+            <form method="POST" action="{{ route('login') }}">
+                @csrf
+                <div class="form-floating mb-3">
+                    <x-label for="email" :value="__('Email')"/>
+
+                    <x-input id="email" class="form-control" type="email" name="email" :value="old('email')" required
+                             autofocus/>
+                </div>
+                <div class="form-floating mb-3">
+                    <x-label for="password" :value="__('Password')"/>
+
+                    <x-input id="password" class="form-control"
+                             type="password"
+                             name="password"
+                             required autocomplete="current-password"/>
+                </div>
+
+                <div class="form-check mb-3">
+                    <input class="form-check-input" type="checkbox" value="remember-me" id="remember-me">
+                    <label class="form-check-label" for="remember-me">
+                        Remember me
+                    </label>
+                </div>
+                @if (Route::has('password.request'))
+                    <a class="text-decoration-none" href="{{ route('password.request') }}">
+                        {{ __('Forgot your password?') }}
+                    </a>
+                @endif
+                <x-button class="mt-3 w-100 btn btn-lg btn-primary">
+                    {{ __('Login') }}
+                </x-button>
+            </form>
+
+    </x-auth-card>
+</x-guest-layout>

resources/views/auth/passwords/confirm.blade.php

@@ -0,0 +1,49 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-md-8">
+            <div class="card">
+                <div class="card-header">{{ __('Confirm Password') }}</div>
+
+                <div class="card-body">
+                    {{ __('Please confirm your password before continuing.') }}
+
+                    <form method="POST" action="{{ route('password.confirm') }}">
+                        @csrf
+
+                        <div class="row mb-3">
+                            <label for="password" class="col-md-4 col-form-label text-md-end">{{ __('Password') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
+
+                                @error('password')
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                                @enderror
+                            </div>
+                        </div>
+
+                        <div class="row mb-0">
+                            <div class="col-md-8 offset-md-4">
+                                <button type="submit" class="btn btn-primary">
+                                    {{ __('Confirm Password') }}
+                                </button>
+
+                                @if (Route::has('password.request'))
+                                    <a class="btn btn-link" href="{{ route('password.request') }}">
+                                        {{ __('Forgot Your Password?') }}
+                                    </a>
+                                @endif
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection

resources/views/auth/passwords/email.blade.php

@@ -0,0 +1,47 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-md-8">
+            <div class="card">
+                <div class="card-header">{{ __('Reset Password') }}</div>
+
+                <div class="card-body">
+                    @if (session('status'))
+                        <div class="alert alert-success" role="alert">
+                            {{ session('status') }}
+                        </div>
+                    @endif
+
+                    <form method="POST" action="{{ route('password.email') }}">
+                        @csrf
+
+                        <div class="row mb-3">
+                            <label for="email" class="col-md-4 col-form-label text-md-end">{{ __('Email Address') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
+
+                                @error('email')
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                                @enderror
+                            </div>
+                        </div>
+
+                        <div class="row mb-0">
+                            <div class="col-md-6 offset-md-4">
+                                <button type="submit" class="btn btn-primary">
+                                    {{ __('Send Password Reset Link') }}
+                                </button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection

resources/views/auth/passwords/reset.blade.php

@@ -0,0 +1,65 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-md-8">
+            <div class="card">
+                <div class="card-header">{{ __('Reset Password') }}</div>
+
+                <div class="card-body">
+                    <form method="POST" action="{{ route('password.update') }}">
+                        @csrf
+
+                        <input type="hidden" name="token" value="{{ $token }}">
+
+                        <div class="row mb-3">
+                            <label for="email" class="col-md-4 col-form-label text-md-end">{{ __('Email Address') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ $email ?? old('email') }}" required autocomplete="email" autofocus>
+
+                                @error('email')
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                                @enderror
+                            </div>
+                        </div>
+
+                        <div class="row mb-3">
+                            <label for="password" class="col-md-4 col-form-label text-md-end">{{ __('Password') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">
+
+                                @error('password')
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $message }}</strong>
+                                    </span>
+                                @enderror
+                            </div>
+                        </div>
+
+                        <div class="row mb-3">
+                            <label for="password-confirm" class="col-md-4 col-form-label text-md-end">{{ __('Confirm Password') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
+                            </div>
+                        </div>
+
+                        <div class="row mb-0">
+                            <div class="col-md-6 offset-md-4">
+                                <button type="submit" class="btn btn-primary">
+                                    {{ __('Reset Password') }}
+                                </button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection

resources/views/auth/register.blade.php

@@ -0,0 +1,60 @@
+@section('title') {{'Register'}} @endsection
+<x-guest-layout>
+    <x-auth-card>
+        <!-- Validation Errors -->
+        <x-auth-validation-errors class="mb-4" :errors="$errors"/>
+
+        <h3 class="text-center mb-4">My idlers Register</h3>
+        <form method="POST" action="{{ route('register') }}">
+        @csrf
+
+        <!-- Name -->
+            <div class="form-floating mb-3">
+                <x-label for="name" :value="__('Name')"/>
+
+                <x-input id="name" class="form-control  " type="text" name="name" :value="old('name')" required
+                         autofocus/>
+            </div>
+
+            <!-- Email Address -->
+            <div class="form-floating mb-3">
+                <x-label for="email" :value="__('Email')"/>
+
+                <x-input id="email" class="form-control" type="email" name="email" :value="old('email')" required
+                         autofocus/>
+            </div>
+
+            <!-- Password -->
+            <div class="form-floating mb-3">
+                <x-label for="password" :value="__('Password')"/>
+
+                <x-input id="password" class="form-control"
+                         type="password"
+                         name="password"
+                         required autocomplete="new-password"/>
+            </div>
+
+            <!-- Confirm Password -->
+            <div class="form-floating mb-3">
+                <x-label for="password_confirmation" :value="__('Confirm Password')"/>
+
+                <x-input id="password_confirmation" class="form-control"
+                         type="password"
+                         name="password_confirmation" required/>
+            </div>
+
+            <div class="row mt-3">
+                <div class="col-12">
+                    <a class="text-decoration-none" href="{{ route('login') }}">
+                        {{ __('Already registered?') }}
+                    </a>
+                </div>
+                <div class="col-12">
+                    <x-button class="mt-3 w-100 btn btn-lg btn-primary">
+                        {{ __('Register') }}
+                    </x-button>
+                </div>
+            </div>
+        </form>
+    </x-auth-card>
+</x-guest-layout>

resources/views/auth/reset-password.blade.php

@@ -0,0 +1,48 @@
+<x-guest-layout>
+    <x-auth-card>
+        <x-slot name="logo">
+            <a href="/">
+                <x-application-logo class="w-20 h-20 fill-current text-gray-500" />
+            </a>
+        </x-slot>
+
+        <!-- Validation Errors -->
+        <x-auth-validation-errors class="mb-4" :errors="$errors" />
+
+        <form method="POST" action="{{ route('password.update') }}">
+            @csrf
+
+            <!-- Password Reset Token -->
+            <input type="hidden" name="token" value="{{ $request->route('token') }}">
+
+            <!-- Email Address -->
+            <div>
+                <x-label for="email" :value="__('Email')" />
+
+                <x-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email', $request->email)" required autofocus />
+            </div>
+
+            <!-- Password -->
+            <div class="mt-4">
+                <x-label for="password" :value="__('Password')" />
+
+                <x-input id="password" class="block mt-1 w-full" type="password" name="password" required />
+            </div>
+
+            <!-- Confirm Password -->
+            <div class="mt-4">
+                <x-label for="password_confirmation" :value="__('Confirm Password')" />
+
+                <x-input id="password_confirmation" class="block mt-1 w-full"
+                                    type="password"
+                                    name="password_confirmation" required />
+            </div>
+
+            <div class="flex items-center justify-end mt-4">
+                <x-button>
+                    {{ __('Reset Password') }}
+                </x-button>
+            </div>
+        </form>
+    </x-auth-card>
+</x-guest-layout>

resources/views/auth/verify-email.blade.php

@@ -0,0 +1,39 @@
+<x-guest-layout>
+    <x-auth-card>
+        <x-slot name="logo">
+            <a href="/">
+                <x-application-logo class="w-20 h-20 fill-current text-gray-500" />
+            </a>
+        </x-slot>
+
+        <div class="mb-4 text-sm text-gray-600">
+            {{ __('Thanks for signing up! Before getting started, could you verify your email address by clicking on the link we just emailed to you? If you didn\'t receive the email, we will gladly send you another.') }}
+        </div>
+
+        @if (session('status') == 'verification-link-sent')
+            <div class="mb-4 font-medium text-sm text-green-600">
+                {{ __('A new verification link has been sent to the email address you provided during registration.') }}
+            </div>
+        @endif
+
+        <div class="mt-4 flex items-center justify-between">
+            <form method="POST" action="{{ route('verification.send') }}">
+                @csrf
+
+                <div>
+                    <x-button>
+                        {{ __('Resend Verification Email') }}
+                    </x-button>
+                </div>
+            </form>
+
+            <form method="POST" action="{{ route('logout') }}">
+                @csrf
+
+                <button type="submit" class="underline text-sm text-gray-600 hover:text-gray-900">
+                    {{ __('Log Out') }}
+                </button>
+            </form>
+        </div>
+    </x-auth-card>
+</x-guest-layout>

resources/views/auth/verify.blade.php

@@ -0,0 +1,28 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-md-8">
+            <div class="card">
+                <div class="card-header">{{ __('Verify Your Email Address') }}</div>
+
+                <div class="card-body">
+                    @if (session('resent'))
+                        <div class="alert alert-success" role="alert">
+                            {{ __('A fresh verification link has been sent to your email address.') }}
+                        </div>
+                    @endif
+
+                    {{ __('Before proceeding, please check your email for a verification link.') }}
+                    {{ __('If you did not receive the email') }},
+                    <form class="d-inline" method="POST" action="{{ route('verification.resend') }}">
+                        @csrf
+                        <button type="submit" class="btn btn-link p-0 m-0 align-baseline">{{ __('click here to request another') }}</button>.
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection

resources/views/components/application-logo.blade.php

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 316 316" xmlns="http://www.w3.org/2000/svg" {{ $attributes }}>
+    <path d="M305.8 81.125C305.77 80.995 305.69 80.885 305.65 80.755C305.56 80.525 305.49 80.285 305.37 80.075C305.29 79.935 305.17 79.815 305.07 79.685C304.94 79.515 304.83 79.325 304.68 79.175C304.55 79.045 304.39 78.955 304.25 78.845C304.09 78.715 303.95 78.575 303.77 78.475L251.32 48.275C249.97 47.495 248.31 47.495 246.96 48.275L194.51 78.475C194.33 78.575 194.19 78.725 194.03 78.845C193.89 78.955 193.73 79.045 193.6 79.175C193.45 79.325 193.34 79.515 193.21 79.685C193.11 79.815 192.99 79.935 192.91 80.075C192.79 80.285 192.71 80.525 192.63 80.755C192.58 80.875 192.51 80.995 192.48 81.125C192.38 81.495 192.33 81.875 192.33 82.265V139.625L148.62 164.795V52.575C148.62 52.185 148.57 51.805 148.47 51.435C148.44 51.305 148.36 51.195 148.32 51.065C148.23 50.835 148.16 50.595 148.04 50.385C147.96 50.245 147.84 50.125 147.74 49.995C147.61 49.825 147.5 49.635 147.35 49.485C147.22 49.355 147.06 49.265 146.92 49.155C146.76 49.025 146.62 48.885 146.44 48.785L93.99 18.585C92.64 17.805 90.98 17.805 89.63 18.585L37.18 48.785C37 48.885 36.86 49.035 36.7 49.155C36.56 49.265 36.4 49.355 36.27 49.485C36.12 49.635 36.01 49.825 35.88 49.995C35.78 50.125 35.66 50.245 35.58 50.385C35.46 50.595 35.38 50.835 35.3 51.065C35.25 51.185 35.18 51.305 35.15 51.435C35.05 51.805 35 52.185 35 52.575V232.235C35 233.795 35.84 235.245 37.19 236.025L142.1 296.425C142.33 296.555 142.58 296.635 142.82 296.725C142.93 296.765 143.04 296.835 143.16 296.865C143.53 296.965 143.9 297.015 144.28 297.015C144.66 297.015 145.03 296.965 145.4 296.865C145.5 296.835 145.59 296.775 145.69 296.745C145.95 296.655 146.21 296.565 146.45 296.435L251.36 236.035C252.72 235.255 253.55 233.815 253.55 232.245V174.885L303.81 145.945C305.17 145.165 306 143.725 306 142.155V82.265C305.95 81.875 305.89 81.495 305.8 81.125ZM144.2 227.205L100.57 202.515L146.39 176.135L196.66 147.195L240.33 172.335L208.29 190.625L144.2 227.205ZM244.75 114.995V164.795L226.39 154.225L201.03 139.625V89.825L219.39 100.395L244.75 114.995ZM249.12 57.105L292.81 82.265L249.12 107.425L205.43 82.265L249.12 57.105ZM114.49 184.425L96.13 194.995V85.305L121.49 70.705L139.85 60.135V169.815L114.49 184.425ZM91.76 27.425L135.45 52.585L91.76 77.745L48.07 52.585L91.76 27.425ZM43.67 60.135L62.03 70.705L87.39 85.305V202.545V202.555V202.565C87.39 202.735 87.44 202.895 87.46 203.055C87.49 203.265 87.49 203.485 87.55 203.695V203.705C87.6 203.875 87.69 204.035 87.76 204.195C87.84 204.375 87.89 204.575 87.99 204.745C87.99 204.745 87.99 204.755 88 204.755C88.09 204.905 88.22 205.035 88.33 205.175C88.45 205.335 88.55 205.495 88.69 205.635L88.7 205.645C88.82 205.765 88.98 205.855 89.12 205.965C89.28 206.085 89.42 206.225 89.59 206.325C89.6 206.325 89.6 206.325 89.61 206.335C89.62 206.335 89.62 206.345 89.63 206.345L139.87 234.775V285.065L43.67 229.705V60.135ZM244.75 229.705L148.58 285.075V234.775L219.8 194.115L244.75 179.875V229.705ZM297.2 139.625L253.49 164.795V114.995L278.85 100.395L297.21 89.825V139.625H297.2Z"/>
+</svg>

resources/views/components/auth-card.blade.php

@@ -0,0 +1,12 @@
+<main class="form-signin">
+<div class="card">
+    <div class="card-body shadow">
+        @if(isset($logo))
+            <div>
+                {{ $logo }}
+            </div>
+        @endif
+        {{ $slot }}
+    </div>
+</div>
+</main>

resources/views/components/auth-session-status.blade.php

@@ -0,0 +1,7 @@
+@props(['status'])
+
+@if ($status)
+    <div {{ $attributes->merge(['class' => 'font-medium text-sm text-green-600']) }}>
+        {{ $status }}
+    </div>
+@endif

resources/views/components/auth-validation-errors.blade.php

@@ -0,0 +1,14 @@
+@props(['errors'])
+
+@if ($errors->any())
+    <div {{ $attributes }}>
+        <div class="alert alert-danger">
+            {{ __('Whoops! Something went wrong.') }}
+            <ul>
+                @foreach ($errors->all() as $error)
+                    <li>{{ $error }}</li>
+                @endforeach
+            </ul>
+        </div>
+    </div>
+@endif

resources/views/components/back-button.blade.php

@@ -0,0 +1 @@
+<a href="{{$href}}" class="btn btn-primary py-0 px-4 mb-4">{{$slot}}</a>

resources/views/components/button.blade.php

@@ -0,0 +1,3 @@
+<button {{ $attributes->merge(['type' => 'submit', 'class' => 'inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:ring ring-gray-300 disabled:opacity-25 transition ease-in-out duration-150']) }}>
+    {{ $slot }}
+</button>

resources/views/components/card.blade.php

@@ -0,0 +1,5 @@
+<div class="card {{ $class ?? '' }}">
+    <div class="card-body">
+        {{ $slot }}
+    </div>
+</div>

resources/views/components/cont-card.blade.php

@@ -0,0 +1,7 @@
+<div class="container">
+    <div class="card shadow mt-3">
+        <div class="card-body">
+
+        </div>
+    </div>
+</div>

resources/views/components/currency-select.blade.php

@@ -0,0 +1,12 @@
+<div class="input-group">
+    <div class="input-group-prepend"><span class="input-group-text">{{ $title ??'Currency'}}</span></div>
+    <select class="form-control" name="{{$name ?? 'currency'}}">
+        <option value="AUD" {{(isset($current) && (string)$current === 'AUD')? 'selected' : ''}}>AUD</option>
+        <option value="USD" {{(isset($current) && (string)$current === 'USD')? 'selected' : ''}}>USD</option>
+        <option value="GBP" {{(isset($current) && (string)$current === 'GBP')? 'selected' : ''}}>GBP</option>
+        <option value="EUR" {{(isset($current) && (string)$current === 'EUR')? 'selected' : ''}}>EUR</option>
+        <option value="NZD" {{(isset($current) && (string)$current === 'NZD')? 'selected' : ''}}>NZD</option>
+        <option value="JPY" {{(isset($current) && (string)$current === 'JPY')? 'selected' : ''}}>JPY</option>
+        <option value="CAD" {{(isset($current) && (string)$current === 'CAD')? 'selected' : ''}}>CAD</option>
+    </select>
+</div>

resources/views/components/datatables-assets.blade.php

@@ -0,0 +1,3 @@
+<script src="{{ asset('js/jquery.min.js') }}"></script>
+<script src="{{ asset('js/datatables.min.js') }}" defer></script>
+<script src="{{ asset('js/datatables.bootstrap5.min.js') }}" defer></script>

resources/views/components/date-input.blade.php

@@ -0,0 +1,5 @@
+<div class="input-group">
+    <div class="input-group-prepend"><span class="input-group-text">{{$title}}</span></div>
+    <input type="date" name="{{$name}}" class="form-control"
+           value="{{$value ?? ''}}" {{(isset($required))? 'required': ''}}>
+</div>

resources/views/components/delete-confirm-modal.blade.php

@@ -0,0 +1,39 @@
+<div v-if="showModal">
+        <transition name="modal">
+        <div class="modal-mask">
+            <div class="modal-wrapper">
+                <div class="modal-dialog">
+                    <div class="modal-content">
+                        <div class="modal-header py-1">
+                            <h4 class="modal-title" id="modal-title" v-html="modal_hostname"></h4>
+                        </div>
+                        <div class="modal-body text-center">
+                            Are you sure you want to delete this?
+                            <form :action=delete_form_action method="POST">
+                                @csrf
+                                @method('DELETE')
+
+                                <input type="hidden" id="id" name="id" value="" v-model="modal_id">
+                                <div class="row mt-2">
+                                    <div class="col-6">
+                                        <button type="submit" title="delete"
+                                                class="btn btn-danger px-3 py-1 mt-2 mt-2">
+                                            Yes
+                                        </button>
+                                    </div>
+                                    <div class="col-6">
+
+                                        <button type="submit" title="delete"
+                                                class="btn btn-success px-3 py-1 mt-2 ms-4" @click="showModal=false">
+                                            No
+                                        </button>
+                                    </div>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </transition>
+</div>

resources/views/components/disk-type-select.blade.php

@@ -0,0 +1,6 @@
+<div class="input-group">
+    <div class="input-group-prepend"><span class="input-group-text">{{$title}}</span></div>
+    <select class="form-control" name="{{$name}}">
+        <option value="GB" {{(isset($value) && $value == 'GB')? 'selected': ''}}>GB</option>
+        <option value="TB" {{(isset($value) && $value == 'TB')? 'selected': ''}}>TB</option>
+    </select></div>

resources/views/components/dropdown-link.blade.php

@@ -0,0 +1 @@
+<a {{ $attributes->merge(['class' => 'block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out']) }}>{{ $slot }}</a>

resources/views/components/dropdown.blade.php

@@ -0,0 +1,43 @@
+@props(['align' => 'right', 'width' => '48', 'contentClasses' => 'py-1 bg-white'])
+
+@php
+switch ($align) {
+    case 'left':
+        $alignmentClasses = 'origin-top-left left-0';
+        break;
+    case 'top':
+        $alignmentClasses = 'origin-top';
+        break;
+    case 'right':
+    default:
+        $alignmentClasses = 'origin-top-right right-0';
+        break;
+}
+
+switch ($width) {
+    case '48':
+        $width = 'w-48';
+        break;
+}
+@endphp
+
+<div class="relative" x-data="{ open: false }" @click.outside="open = false" @close.stop="open = false">
+    <div @click="open = ! open">
+        {{ $trigger }}
+    </div>
+
+    <div x-show="open"
+            x-transition:enter="transition ease-out duration-200"
+            x-transition:enter-start="transform opacity-0 scale-95"
+            x-transition:enter-end="transform opacity-100 scale-100"
+            x-transition:leave="transition ease-in duration-75"
+            x-transition:leave-start="transform opacity-100 scale-100"
+            x-transition:leave-end="transform opacity-0 scale-95"
+            class="absolute z-50 mt-2 {{ $width }} rounded-md shadow-lg {{ $alignmentClasses }}"
+            style="display: none;"
+            @click="open = false">
+        <div class="rounded-md ring-1 ring-black ring-opacity-5 {{ $contentClasses }}">
+            {{ $content }}
+        </div>
+    </div>
+</div>

resources/views/components/errors-alert.blade.php

@@ -0,0 +1,9 @@
+@if ($errors->any())
+<div class="alert alert-danger">
+    <ul>
+        @foreach ($errors->all() as $error)
+        <li>{{ $error }}</li>
+        @endforeach
+    </ul>
+</div>
+@endif

resources/views/components/form-style.blade.php

@@ -0,0 +1,42 @@
+<style>
+    html,
+    body {
+        height: 100%;
+    }
+
+    body {
+        display: grid;
+        align-items: center;
+    }
+
+    .form-signin {
+        width: 100%;
+        max-width: 330px;
+        padding: 15px;
+        margin: auto;
+    }
+
+    .form-signin .checkbox {
+        font-weight: 400;
+    }
+
+    .form-signin .form-floating:focus-within {
+        z-index: 2;
+    }
+
+    .form-signin input[type="email"] {
+        margin-bottom: -1px;
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+
+    .form-signin input[type="password"] {
+        margin-bottom: 10px;
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+    }
+
+    .form-floating > label {
+        padding: 0.2rem .5rem;
+    }
+</style>

resources/views/components/input.blade.php

@@ -0,0 +1,3 @@
+@props(['disabled' => false])
+
+<input {{ $disabled ? 'disabled' : '' }} {!! $attributes->merge(['class' => 'form-control']) !!}>

resources/views/components/label.blade.php

@@ -0,0 +1,5 @@
+@props(['value'])
+
+<label {{ $attributes->merge(['class' => 'small text-muted']) }}>
+    {{ $value ?? $slot }}
+</label>

resources/views/components/labels-select.blade.php

@@ -0,0 +1,11 @@
+<div class="input-group">
+    <div class="input-group-prepend"><span class="input-group-text">{{$title}}</span></div>
+    <select class="form-control" name="{{$name}}">
+        <option value=""></option>
+        @foreach ($labels as $label)
+            <option value="{{ $label['id'] }}" {{(isset($current) && $current == $label['id'])? 'selected' : ''}}>
+                {{ $label['label']}}
+            </option>
+        @endforeach
+    </select>
+</div>

resources/views/components/locations-select.blade.php

@@ -0,0 +1,10 @@
+<div class="input-group">
+    <div class="input-group-prepend"><span class="input-group-text">{{ $title ??'Location'}}</span></div>
+    <select class="form-control" name="{{$name ?? 'location_id'}}">
+        @foreach ($locations as $location)
+            <option value="{{ $location['id'] }}" {{(isset($current) && (string)$current === (string)$location['id'])? 'selected' : ''}}>
+                {{ $location['name'] }}
+            </option>
+        @endforeach
+    </select>
+</div>

resources/views/components/login-card.blade.php

@@ -0,0 +1,18 @@
+<div class="card {{ $class ?? '' }}">
+    @isset($header)
+        <div class="card-header">
+            {!! $header !!}
+        </div>
+    @endisset
+    @isset($body)
+        <div class="card-body pb-0">
+            {!! $body !!}
+            {{ $slot }}
+        </div>
+    @endisset
+    @isset($footer)
+        <div class="card-footer">
+            {!! $footer !!}
+        </div>
+    @endisset
+</div>

resources/views/components/modal-delete-script.blade.php

@@ -0,0 +1,19 @@
+<script>
+    let app = new Vue({
+        el: "#app",
+        data: {
+            "modal_hostname": '',
+            "modal_id": '',
+            "delete_form_action": '',
+            showModal: false
+        },
+        methods: {
+            modalForm(event) {
+                this.showModal = true;
+                this.modal_hostname = event.target.id.replace('btn-', '');
+                this.modal_id = event.target.title;
+                this.delete_form_action = '{{$uri}}/' + this.modal_id;
+            }
+        }
+    });
+</script>

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

@@ -0,0 +1,32 @@
+<style>
+    .modal-mask {
+        position: fixed;
+        z-index: 9998;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color: rgba(0, 0, 0, .5);
+        transition: opacity .3s ease;
+    }
+
+    .modal-container {
+        width: 300px;
+        margin: 40px auto 0;
+        padding: 20px 30px;
+        background-color: #fff;
+        border-radius: 2px;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
+        transition: all .3s ease;
+        font-family: Helvetica, Arial, sans-serif;
+    }
+
+    .modal-header h3 {
+        margin-top: 0;
+        color: #42b983;
+    }
+
+    .modal-body {
+        margin: 20px 0;
+    }
+</style>

resources/views/components/nav-link.blade.php

@@ -0,0 +1,13 @@
+@props(['active'])
+
+@php
+    $classes = ($active ?? false)
+                ? 'nav-link active'
+                : 'nav-link';
+@endphp
+
+<li class="nav-item">
+    <a {{ $attributes->merge(['class' => $classes]) }}>
+        {{ $slot }}
+    </a>
+</li>

resources/views/components/number-input.blade.php

@@ -0,0 +1,5 @@
+<div class="input-group">
+    <div class="input-group-prepend"><span class="input-group-text">{{$title}}</span></div>
+    <input type="number" name="{{$name}}" class="form-control" min="{{$min ?? 0}}" max="{{$max ?? 99999}}"
+           step="{{$step ?? 1}}" value="{{$value ?? ''}}" {{(isset($required))? 'required': ''}}>
+</div>

resources/views/components/os-select.blade.php

@@ -0,0 +1,10 @@
+<div class="input-group">
+    <div class="input-group-prepend"><span class="input-group-text">{{ $title ??'OS'}}</span></div>
+    <select class="form-control" name="{{$name ?? 'os_id'}}">
+        @foreach ($os as $o)
+            <option value="{{ $o['id'] }}" {{(isset($current) && (string)$current === (string)$o['id'])? 'selected' : ''}}>
+                {{ $o['name'] }}
+            </option>
+        @endforeach
+    </select>
+</div>

resources/views/components/pricing-select.blade.php

@@ -0,0 +1,3 @@
+<div>
+    <!-- Walk as if you are kissing the Earth with your feet. - Thich Nhat Hanh -->
+</div>

resources/views/components/providers-select.blade.php

@@ -0,0 +1,10 @@
+<div class="input-group">
+    <div class="input-group-prepend"><span class="input-group-text">{{ $title ??'Provider'}}</span></div>
+    <select class="form-control" name="{{$name ?? 'provider_id'}}">
+        @foreach ($providers as $provider)
+            <option value="{{ $provider['id'] }}" {{(isset($current) && (string)$current === (string)$provider['id'])? 'selected' : ''}}>
+                {{ $provider['name'] }}
+            </option>
+        @endforeach
+    </select>
+</div>

resources/views/components/ram-type-select.blade.php

@@ -0,0 +1,6 @@
+<div class="input-group">
+    <div class="input-group-prepend"><span class="input-group-text">{{$title}}</span></div>
+    <select class="form-control" name="{{$name}}">
+        <option value="MB" {{(isset($value) && $value == 'MB')? 'selected': ''}}>MB</option>
+        <option value="GB" {{(isset($value) && $value == 'GB')? 'selected': ''}}>GB</option>
+    </select></div>

resources/views/components/responsive-nav-link.blade.php

@@ -0,0 +1,11 @@
+@props(['active'])
+
+@php
+$classes = ($active ?? false)
+            ? 'text-decoration-none'
+            : 'text-decoration-none';
+@endphp
+
+<a {{ $attributes->merge(['class' => $classes]) }}>
+    {{ $slot }}
+</a>

resources/views/components/submit-button.blade.php

@@ -0,0 +1,4 @@
+<button type="submit"
+        class="btn btn-success py-0 px-4 mt-2">
+    {{$slot}}
+</button>

resources/views/components/success-alert.blade.php

@@ -0,0 +1,5 @@
+@if ($message = Session::get('success'))
+    <div class="alert alert-success" role="alert">
+        <p class="my-1">{{ $message }}</p>
+    </div>
+@endif

resources/views/components/term-select.blade.php

@@ -0,0 +1,11 @@
+<div class="input-group">
+    <div class="input-group-prepend"><span class="input-group-text">{{ $title ??'Term'}}</span></div>
+    <select class="form-control" name="{{$name ?? 'payment_term'}}">
+        <option value="1" {{(isset($current) && (string)$current === '1')? 'selected' : ''}}>Monthly</option>
+        <option value="2" {{(isset($current) && (string)$current === '2')? 'selected' : ''}}>Quarterly</option>
+        <option value="3" {{(isset($current) && (string)$current === '3')? 'selected' : ''}}>Half annual (half year)</option>
+        <option value="4" {{(isset($current) && (string)$current === '4')? 'selected' : ''}}>Annual (yearly)</option>
+        <option value="5" {{(isset($current) && (string)$current === '5')? 'selected' : ''}}>Biennial (2 years)</option>
+        <option value="6" {{(isset($current) && (string)$current === '6')? 'selected' : ''}}>Triennial (3 years)</option>
+    </select>
+</div>

resources/views/components/text-input.blade.php

@@ -0,0 +1,5 @@
+<div class="input-group">
+    <div class="input-group-prepend"><span class="input-group-text">{{$title}}</span></div>
+    <input type="text" name="{{$name}}" class="form-control" minlength="{{$min ?? 0}}" maxlength="{{$max ?? 99999}}"
+           value="{{$value ?? ''}}" {{(isset($required))? 'required': ''}}>
+</div>

resources/views/components/yes-no-select.blade.php

@@ -0,0 +1,6 @@
+<div class="input-group">
+    <div class="input-group-prepend"><span class="input-group-text">{{$title}}</span></div>
+    <select class="form-control" name="{{$name}}">
+        <option value="1" {{(isset($value) && $value == '1')? 'selected': ''}}>Yes</option>
+        <option value="0" {{(isset($value) && $value == '0')? 'selected': ''}}>No</option>
+    </select></div>

resources/views/dashboard.blade.php

@@ -0,0 +1,17 @@
+<x-app-layout>
+    <x-slot name="header">
+        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
+            {{ __('Dashboard') }}
+        </h2>
+    </x-slot>
+
+    <div class="py-12">
+        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
+                <div class="p-6 bg-white border-b border-gray-200">
+                    You're logged in!
+                </div>
+            </div>
+        </div>
+    </div>
+</x-app-layout>

resources/views/dns/create.blade.php

@@ -0,0 +1,133 @@
+@section('title') {{'Insert DNS'}} @endsection
+<x-app-layout>
+    <x-slot name="header">
+        {{ __('Insert a new DNS') }}
+    </x-slot>
+    <div class="container">
+        <x-card class="shadow mt-3">
+            <h4 class="mb-3">DNS information</h4>
+            <x-back-button>
+                <x-slot name="href">{{ route('dns.index') }}</x-slot>
+                Go back
+            </x-back-button>
+            <x-errors-alert></x-errors-alert>
+            <form action="{{ route('dns.store') }}" method="POST">
+                @csrf
+                <div class="row">
+                    <div class="col-12 col-lg-4 mb-4">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Hostname</span></div>
+                            <input type="text"
+                                   class="form-control"
+                                   name="hostname" required>
+                            @error('name') <span class="text-red-500">{{ $message }}
+                    </span>@enderror
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-4 mb-4">
+                        <x-text-input>
+                            <x-slot name="title">address</x-slot>
+                            <x-slot name="name">address</x-slot>
+                        </x-text-input>
+                    </div>
+                    <div class="col-12 col-lg-4 mb-3">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Type</span></div>
+                            <select class="form-control" name="dns_type">
+                                <option value="A" selected>A</option>
+                                <option value="AAAA">AAAA</option>
+                                <option value="DNAME">DNAME</option>
+                                <option value="MX">MX</option>
+                                <option value="NS">NS</option>
+                                <option value="SOA">SOA</option>
+                                <option value="TXT">TXT</option>
+                                <option value="URI">URI</option>
+                            </select></div>
+                    </div>
+                </div>
+                <div class="row mb-2">
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label1</x-slot>
+                        </x-labels-select>
+                    </div>
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label2</x-slot>
+                        </x-labels-select>
+                    </div>
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label3</x-slot>
+                        </x-labels-select>
+                    </div>
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label4</x-slot>
+                        </x-labels-select>
+                    </div>
+                </div>
+                <div class="row">
+                    <p>Related to:</p>
+                    <div class="col-md-3 mb-3">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Server</span></div>
+                            <select class="form-control" name="server_id">
+                                <option value="null"></option>
+                                @foreach ($Servers as $server)
+                                    <option value="{{ $server['id'] }}">
+                                        {{ $server['hostname'] }}
+                                    </option>
+                                @endforeach
+                            </select></div>
+                    </div>
+                    <div class="col-md-3 mb-3">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Shared</span></div>
+                            <select class="form-control" name="shared_id">
+                                <option value="null"></option>
+                                @foreach ($Shareds as $shared)
+                                    <option value="{{ $shared['id'] }}">
+                                        {{ $shared['hostname'] }}
+                                    </option>
+                                @endforeach
+                            </select></div>
+                    </div>
+                    <div class="col-md-3 mb-3">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Reseller</span></div>
+                            <select class="form-control" name="reseller_id">
+                                <option value="null"></option>
+                                @foreach ($Resellers as $reseller)
+                                    <option value="{{ $reseller['id'] }}">
+                                        {{ $reseller['hostname'] }}
+                                    </option>
+                                @endforeach
+                            </select></div>
+                    </div>
+                    <div class="col-md-3 mb-3">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Domain</span></div>
+                            <select class="form-control" name="domain_id">
+                                <option value="null"></option>
+                                @foreach ($Domains as $domain)
+                                    <option value="{{ $domain['id'] }}">
+                                        {{ $domain['domain'] }}.{{$domain['extension']}}
+                                    </option>
+                                @endforeach
+                            </select></div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-12 col-lg-4">
+                        <x-submit-button>Insert DNS</x-submit-button>
+                    </div>
+                </div>
+            </form>
+        </x-card>
+    </div>
+</x-app-layout>

resources/views/dns/edit.blade.php

@@ -0,0 +1,149 @@
+@section('title') {{'Edit'}} {{ $dn->hostname }} {{$dn->dns_type}} {{'DNS'}} @endsection
+<x-app-layout>
+    <x-slot name="header">
+        Edit {{ $dn->hostname }} {{$dn->dns_type}} record
+    </x-slot>
+    <div class="container">
+        <x-card class="shadow mt-3">
+            <h4 class="mb-3">DNS information</h4>
+            <x-back-button>
+                <x-slot name="href">{{ route('dns.index') }}</x-slot>
+                Go back
+            </x-back-button>
+            <x-errors-alert></x-errors-alert>
+            <form action="{{ route('dns.update', $dn->id) }}" method="POST">
+                @csrf
+                @method('PUT')
+                <div class="row mt-4">
+                    <div class="col-12 col-lg-4 mb-4">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Hostname</span></div>
+                            <input type="text"
+                                   class="form-control"
+                                   name="hostname"
+                                   value="{{ $dn->hostname }}">
+                            @error('name') <span class="text-red-500">{{ $message }}
+                    </span>@enderror
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-4 mb-4">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Address</span></div>
+                            <input type="text" name="address" class="form-control" minlength="1"
+                                   maxlength="124" value="{{ $dn->address }}">
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-4 mb-4">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Type</span></div>
+                            <select class="form-control" name="dns_type">
+                                @foreach (App\Models\DNS::$dns_types as $item)
+                                    <option
+                                        value="{{ $item }}" {{ ( $item == $dn->dns_type) ? 'selected' : '' }}> {{ $item }} </option>
+                                @endforeach
+                            </select>
+                        </div>
+                    </div>
+                </div>
+                <div class="row mb-2">
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label1</x-slot>
+                            @if(isset($labels[0]->id))
+                                <x-slot name="current">{{$labels[0]->id}}</x-slot>
+                            @endif
+                        </x-labels-select>
+                    </div>
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label2</x-slot>
+                            @if(isset($labels[1]->id))
+                                <x-slot name="current">{{$labels[1]->id}}</x-slot>
+                            @endif
+                        </x-labels-select>
+                    </div>
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label3</x-slot>
+                            @if(isset($labels[2]->id))
+                                <x-slot name="current">{{$labels[2]->id}}</x-slot>
+                            @endif
+                        </x-labels-select>
+                    </div>
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label4</x-slot>
+                            @if(isset($labels[3]->id))
+                                <x-slot name="current">{{$labels[3]->id}}</x-slot>
+                            @endif
+                        </x-labels-select>
+                    </div>
+                </div>
+                <div class="row mt-2">
+                    <p>Related to:</p>
+                    <div class="col-md-3 mb-3">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Server</span></div>
+                            <select class="form-control" name="server_id">
+                                <option value="null"></option>
+                                @foreach ($Servers as $server)
+                                    <option
+                                        value="{{ $server['id'] }}" {{($server['id'] == $dn->server_id)? 'selected':''}}>
+                                        {{ $server['hostname'] }}
+                                    </option>
+                                @endforeach
+                            </select></div>
+                    </div>
+                    <div class="col-md-3 mb-3">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Shared</span></div>
+                            <select class="form-control" name="shared_id">
+                                <option value="null"></option>
+                                @foreach ($Shareds as $shared)
+                                    <option
+                                        value="{{ $shared['id'] }}" {{($shared['id'] == $dn->shared_id)? 'selected':''}}>
+                                        {{ $shared['hostname'] }}
+                                    </option>
+                                @endforeach
+                            </select></div>
+                    </div>
+                    <div class="col-md-3 mb-3">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Reseller</span></div>
+                            <select class="form-control" name="reseller_id">
+                                <option value="null"></option>
+                                @foreach ($Resellers as $reseller)
+                                    <option
+                                        value="{{ $reseller['id'] }}" {{($reseller['id'] == $dn->reseller_id)? 'selected':''}}>
+                                        {{ $reseller['hostname'] }}
+                                    </option>
+                                @endforeach
+                            </select></div>
+                    </div>
+                    <div class="col-md-3 mb-3">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Domain</span></div>
+                            <select class="form-control" name="domain_id">
+                                <option value="null"></option>
+                                @foreach ($Domains as $domain)
+                                    <option
+                                        value="{{ $domain['id'] }}" {{($domain['id'] == $dn->domain_id)? 'selected':''}}>
+                                        {{ $domain['domain'] }}.{{$domain['extension']}}
+                                    </option>
+                                @endforeach
+                            </select></div>
+                    </div>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-12 col-lg-4">
+                        <x-submit-button>Update DNS</x-submit-button>
+                    </div>
+                </div>
+            </form>
+        </x-card>
+    </div>
+</x-app-layout>

resources/views/dns/index.blade.php

@@ -0,0 +1,70 @@
+@section('title') {{'DNS'}} @endsection
+@section('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">
+        {{ __('DNS') }}
+    </x-slot>
+    <div class="container" id="app">
+        <x-delete-confirm-modal></x-delete-confirm-modal>
+        <x-card class="shadow mt-3">
+            <a href="{{ route('dns.create') }}" class="btn btn-primary mb-3">Add DNS</a>
+            <x-success-alert></x-success-alert>
+            <div class="table-responsive">
+                <table class="table table-bordered">
+                    <thead class="table-light">
+                    <tr>
+                        <th class="text-nowrap">Type</th>
+                        <th class="text-nowrap">Hostname</th>
+                        <th class="text-nowrap">Address</th>
+                        <th class="text-nowrap">Actions</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    @if(!empty($dn[0]))
+                        @foreach($dn as $dns)
+                            <tr>
+                                <td class="text-nowrap">{{ $dns->dns_type}}</td>
+                                <td class="text-nowrap">{{ $dns->hostname}}</td>
+                                <td class="text-nowrap">{{ $dns->address}}</td>
+                                <td class="text-nowrap">
+                                    <form action="{{ route('dns.destroy', $dns->id) }}" method="POST">
+                                        <a href="{{ route('dns.show', $dns->id) }}"
+                                           class="text-body mx-1">
+                                            <i class="fas fa-eye" title="view"></i></a>
+                                        <a href="{{ route('dns.edit', $dns->id) }}"
+                                           class="text-body mx-1">
+                                            <i class="fas fa-pen" title="edit"></i></a>
+                                        @csrf
+                                        @method('DELETE')
+                                        <i class="fas fa-trash text-danger ms-3" @click="modalForm"
+                                           id="btn-{{$dns->hostname}}" title="{{$dns->id}}"></i>
+                                    </form>
+                                </td>
+                            </tr>
+                        @endforeach
+                    @else
+                        <tr>
+                            <td class="px-4 py-2 border text-red-500" colspan="3">No DNSes found.</td>
+                        </tr>
+                    @endif
+                    </tbody>
+                </table>
+            </div>
+        </x-card>
+        @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
+    </div>
+    <x-modal-delete-script>
+        <x-slot name="uri">dns</x-slot>
+    </x-modal-delete-script>
+</x-app-layout>

resources/views/dns/show.blade.php

@@ -0,0 +1,102 @@
+@section('title') {{ $dns->hostname }} {{$dns->dns_type}} {{'dns'}} @endsection
+<x-app-layout>
+    <x-slot name="header">
+        {{ __('DNS details') }}
+    </x-slot>
+    <div class="container">
+        <x-card class="shadow mt-3">
+            <div class="row">
+                <div class="col-12 col-md-6 mb-2">
+                    <h2>{{ $dns->hostname}}</h2>
+                    <code>@foreach($labels as $label)
+                            @if($loop->last)
+                                {{$label->label}}
+                            @else
+                                {{$label->label}},
+                            @endif
+                        @endforeach</code>
+                </div>
+                <div class="col-12 col-md-6 text-md-end">
+                    <h6 class="text-muted pe-lg-4">{{$dns->id }}</h6>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-12 col-lg-6">
+                    <div class="table-responsive">
+                        <table class="table table-borderless text-nowrap">
+                            <tbody>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Type</td>
+                                <td>{{ $dns->dns_type }}</td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Name</td>
+                                <td>{{ $dns->hostname }}</td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Address</td>
+                                <td><code>{{ $dns->address }}</code></td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Server</td>
+                                <td>
+                                    @if(isset($dns->server_id))
+                                        <a href="{{route('servers.show', $dns->server_id )}}">{{ $dns->server_id }}</a>
+                                    @endif
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Shared</td>
+                                <td>
+                                    @if(isset($dns->shared_id))
+                                        <a href="{{route('shared.show', $dns->shared_id )}}">{{ $dns->shared_id }}</a>
+                                    @endif
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Reseller</td>
+                                <td>
+                                    @if(isset($dns->reseller_id))
+                                        <a href="{{route('resellers.show', $dns->reseller_id )}}">{{ $dns->reseller_id }}</a>
+                                    @endif
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Domain</td>
+                                <td>
+                                    @if(isset($dns->domain_id))
+                                        <a href="{{route('domains.show', $dns->domain_id )}}">{{ $dns->domain_id }}</a>
+                                    @endif</td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Inserted</td>
+                                <td>
+                                    @if(!is_null($dns->created_at))
+                                        {{ date_format(new DateTime($dns->created_at), 'jS M y g:i a') }}
+                                    @endif
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Updated</td>
+                                <td>
+                                    @if(!is_null($dns->updated_at))
+                                        {{ date_format(new DateTime($dns->updated_at), 'jS M y g:i a') }}
+                                    @endif
+                                </td>
+                            </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <a href="{{ route('dns.index') }}"
+               class="btn btn-success btn-sm mx-2">
+                Go back
+            </a>
+            <a href="{{ route('dns.edit', $dns->id) }}"
+               class="btn btn-primary btn-sm mx-2">
+                Edit
+            </a>
+        </x-card>
+    </div>
+</x-app-layout>

resources/views/domains/create.blade.php

@@ -0,0 +1,137 @@
+@section('title') {{'Insert domain'}} @endsection
+<x-app-layout>
+    <x-slot name="header">
+        {{ __('Insert a new domain') }}
+    </x-slot>
+    <div class="container">
+        <x-card class="shadow mt-3">
+            <h4 class="mb-3">Domain information</h4>
+            <x-back-button>
+                <x-slot name="href">{{ route('domains.index') }}</x-slot>
+                Go back
+            </x-back-button>
+            <x-errors-alert></x-errors-alert>
+            <form action="{{ route('domains.store') }}" method="POST">
+                @csrf
+                <div class="row">
+                    <div class="col-12 col-lg-6 mb-4">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Domain</span></div>
+                            <input type="text"
+                                   class="form-control"
+                                   name="domain"
+                                   placeholder="Enter domain name without extension">
+                            @error('name') <span class="text-red-500">{{ $message }}
+                    </span>@enderror
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-3 mb-3">
+                        <x-text-input>
+                            <x-slot name="title">extension</x-slot>
+                            <x-slot name="name">extension</x-slot>
+                            <x-slot name="max">255</x-slot>
+                            <x-slot name="value">com</x-slot>
+                        </x-text-input>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-12 col-lg-4 mb-4">
+                        <x-text-input>
+                            <x-slot name="title">NS1</x-slot>
+                            <x-slot name="name">ns1</x-slot>
+                            <x-slot name="max">255</x-slot>
+                        </x-text-input>
+                    </div>
+                    <div class="col-12 col-lg-4 mb-4">
+                        <x-text-input>
+                            <x-slot name="title">NS2</x-slot>
+                            <x-slot name="name">ns2</x-slot>
+                            <x-slot name="max">255</x-slot>
+                        </x-text-input>
+                    </div>
+                    <div class="col-12 col-lg-4 mb-4">
+                        <x-text-input>
+                            <x-slot name="title">NS3</x-slot>
+                            <x-slot name="name">ns3</x-slot>
+                            <x-slot name="max">255</x-slot>
+                        </x-text-input>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-md-3 mb-3">
+                        <x-providers-select>
+                            <x-slot name="current">1</x-slot>
+                        </x-providers-select>
+                    </div>
+                    <div class="col-12 col-md-3 mb-3">
+                        <x-number-input>
+                            <x-slot name="title">Price</x-slot>
+                            <x-slot name="name">price</x-slot>
+                            <x-slot name="value">9.99</x-slot>
+                            <x-slot name="max">9999</x-slot>
+                            <x-slot name="step">0.01</x-slot>
+                            <x-slot name="required"></x-slot>
+                        </x-number-input>
+                    </div>
+                    <div class="col-md-3 mb-3">
+                        <x-term-select>
+                            <x-slot name="current">4</x-slot>
+                        </x-term-select>
+                    </div>
+                    <div class="col-md-3 mb-3">
+                        <x-currency-select>
+                            <x-slot name="current">{{Session::get('default_currency')}}</x-slot>
+                        </x-currency-select>
+                    </div>
+                </div>
+                <div class="row mb-2">
+                    <div class="col-12 col-md-4 mb-3">
+                        <x-date-input>
+                            <x-slot name="title">Owned since</x-slot>
+                            <x-slot name="name">owned_since</x-slot>
+                            <x-slot name="value">{{Carbon\Carbon::now()->subDays(30)->format('Y-m-d') }}</x-slot>
+                        </x-date-input>
+                    </div>
+                    <div class="col-12 col-md-4 mb-3">
+                        <x-date-input>
+                            <x-slot name="title">Next due date</x-slot>
+                            <x-slot name="name">next_due_date</x-slot>
+                            <x-slot name="value">{{Carbon\Carbon::now()->addDays(30)->format('Y-m-d') }}</x-slot>
+                        </x-date-input>
+                    </div>
+                </div>
+                <div class="row mb-2">
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label1</x-slot>
+                        </x-labels-select>
+                    </div>
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label2</x-slot>
+                        </x-labels-select>
+                    </div>
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label3</x-slot>
+                        </x-labels-select>
+                    </div>
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label4</x-slot>
+                        </x-labels-select>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-12 col-lg-4">
+                        <x-submit-button>Insert domain</x-submit-button>
+                    </div>
+                </div>
+            </form>
+        </x-card>
+    </div>
+</x-app-layout>

resources/views/domains/edit.blade.php

@@ -0,0 +1,162 @@
+@section('title') {{'Edit domain'}} @endsection
+<x-app-layout>
+    <x-slot name="header">
+        Edit {{ $domain->domain }}.{{ $domain->extension }}
+    </x-slot>
+    <div class="container">
+        <x-card class="shadow mt-3">
+            <h4 class="mb-3">Domain information</h4>
+            <x-back-button>
+                <x-slot name="href">{{ route('domains.index') }}</x-slot>
+                Go back
+            </x-back-button>
+            <x-errors-alert></x-errors-alert>
+            <form action="{{ route('domains.update', $domain->id) }}" method="POST">
+                @csrf
+                @method('PUT')
+                <div class="row mt-4">
+                    <div class="col-12 col-lg-4 mb-4">
+                        <input type="hidden" value="1" name="service_type">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">domain</span></div>
+                            <input type="text"
+                                   class="form-control"
+                                   name="domain"
+                                   value="{{ $domain->domain }}">
+                            @error('name') <span class="text-red-500">{{ $message }}
+                    </span>@enderror
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-4 mb-4">
+                        <x-text-input>
+                            <x-slot name="title">Extension</x-slot>
+                            <x-slot name="name">extension</x-slot>
+                            <x-slot name="value">{{ $domain->extension }}</x-slot>
+                        </x-text-input>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-12 col-lg-4 mb-4">
+                        <x-text-input>
+                            <x-slot name="title">NS1</x-slot>
+                            <x-slot name="name">ns1</x-slot>
+                            <x-slot name="max">255</x-slot>
+                            <x-slot name="value">{{$domain->ns1}}</x-slot>
+                        </x-text-input>
+                    </div>
+                    <div class="col-12 col-lg-4 mb-4">
+                        <x-text-input>
+                            <x-slot name="title">NS2</x-slot>
+                            <x-slot name="name">ns2</x-slot>
+                            <x-slot name="max">255</x-slot>
+                            <x-slot name="value">{{$domain->ns2}}</x-slot>
+                        </x-text-input>
+                    </div>
+                    <div class="col-12 col-lg-4 mb-4">
+                        <x-text-input>
+                            <x-slot name="title">NS3</x-slot>
+                            <x-slot name="name">ns3</x-slot>
+                            <x-slot name="max">255</x-slot>
+                            <x-slot name="value">{{$domain->ns3}}</x-slot>
+                        </x-text-input>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-md-3 mb-3">
+                        <x-providers-select>
+                            <x-slot name="current">
+                                {{$domain->provider_id}}
+                            </x-slot>
+                        </x-providers-select>
+                    </div>
+                    <div class="col-md-3 mb-3">
+                        <x-number-input>
+                            <x-slot name="title">Price</x-slot>
+                            <x-slot name="name">price</x-slot>
+                            <x-slot name="step">0.01</x-slot>
+                            <x-slot name="value">{{ $domain_info[0]->price }}</x-slot>
+                        </x-number-input>
+                    </div>
+                    <div class="col-md-3 mb-3">
+                        <x-term-select>
+                            <x-slot name="current">{{$domain_info[0]->term}}</x-slot>
+                        </x-term-select>
+                    </div>
+                    <div class="col-md-3 mb-3">
+                        <x-currency-select>
+                            <x-slot name="current">{{$domain_info[0]->currency}}</x-slot>
+                        </x-currency-select>
+                    </div>
+                </div>
+                <div class="row mb-2">
+                    <div class="col-12 col-md-4 mb-3">
+                        <x-date-input>
+                            <x-slot name="title">Owned since</x-slot>
+                            <x-slot name="name">owned_since</x-slot>
+                            <x-slot name="value">{{$domain_info[0]->owned_since }}</x-slot>
+                        </x-date-input>
+                    </div>
+                    <div class="col-12 col-md-4 mb-3">
+                        <x-date-input>
+                            <x-slot name="title">Next due date</x-slot>
+                            <x-slot name="name">next_due_date</x-slot>
+                            <x-slot name="value">{{$domain_info[0]->next_due_date}}</x-slot>
+                        </x-date-input>
+                    </div>
+                </div>
+
+                <div class="row mb-3">
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label1</x-slot>
+                            @if(isset($labels[0]->id))
+                                <x-slot name="current">{{$labels[0]->id}}</x-slot>
+                            @endif
+                        </x-labels-select>
+                    </div>
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label2</x-slot>
+                            @if(isset($labels[1]->id))
+                                <x-slot name="current">{{$labels[1]->id}}</x-slot>
+                            @endif
+                        </x-labels-select>
+                    </div>
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label3</x-slot>
+                            @if(isset($labels[2]->id))
+                                <x-slot name="current">{{$labels[2]->id}}</x-slot>
+                            @endif
+                        </x-labels-select>
+                    </div>
+                    <div class="col-12 col-lg-3 mb-4">
+                        <x-labels-select>
+                            <x-slot name="title">label</x-slot>
+                            <x-slot name="name">label4</x-slot>
+                            @if(isset($labels[3]->id))
+                                <x-slot name="current">{{$labels[3]->id}}</x-slot>
+                            @endif
+                        </x-labels-select>
+                    </div>
+                </div>
+
+                <div class="form-check mt-2">
+                    <input class="form-check-input" name="is_active" type="checkbox"
+                           value="1" {{ ($domain_info[0]->active === 1) ? 'checked' : '' }}>
+                    <label class="form-check-label">
+                        I still have this service
+                    </label>
+                </div>
+                <div class="row mt-2">
+                    <div class="col-12 col-lg-4">
+                        <x-submit-button>Update domain</x-submit-button>
+                    </div>
+                </div>
+            </form>
+        </x-card>
+    </div>
+</x-app-layout>

resources/views/domains/index.blade.php

@@ -0,0 +1,77 @@
+@section('title') {{'Domains'}} @endsection
+@section('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">
+        {{ __('Domains') }}
+    </x-slot>
+        <div class="container" id="app">
+            <x-delete-confirm-modal></x-delete-confirm-modal>
+            <x-card class="shadow mt-3">
+                <a href="{{ route('domains.create') }}" class="btn btn-primary mb-3">Add a domain</a>
+                <x-success-alert></x-success-alert>
+            <div class="table-responsive">
+                <table class="table table-bordered">
+                    <thead class="table-light">
+                    <tr>
+                        <th class="text-nowrap">Domain</th>
+                        <th class="text-nowrap">Owned since</th>
+                        <th class="text-nowrap">Due in</th>
+                        <th class="text-nowrap">Provider</th>
+                        <th class="text-nowrap">Price</th>
+                        <th class="text-nowrap">Actions</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    @if(!empty($domains))
+                        @foreach($domains as $domain)
+                            <tr>
+                                <td class="text-nowrap"><a href="https://{{ $domain->domain }}.{{$domain->extension}}"
+                                                           class="text-decoration-none">{{ $domain->domain }}
+                                        .{{$domain->extension}}</a></td>
+                                <td class="text-nowrap">{{ $domain->owned_since}}</td>
+                                <td class="text-nowrap">{{ now()->diffInDays($domain->next_due_date) }} <small>days</small>
+                                </td>
+                                <td class="text-nowrap">{{ $domain->provider_name}}</td>
+                                <td class="text-nowrap">{{ $domain->price }} <small>{{$domain->currency}}</small></td>
+                                <td class="text-nowrap">
+                                    <form action="{{ route('domains.destroy', $domain->service_id) }}" method="POST">
+                                        <a href="{{ route('domains.show', $domain->service_id) }}"
+                                           class="text-body mx-1">
+                                            <i class="fas fa-eye" title="view"></i></a>
+                                        <a href="{{ route('domains.edit', $domain->service_id) }}"
+                                           class="text-body mx-1">
+                                            <i class="fas fa-pen" title="edit"></i></a>
+                                        @csrf
+                                        @method('DELETE')
+                                        <i class="fas fa-trash text-danger ms-3" @click="modalForm"
+                                           id="btn-{{$domain->domain}}" title="{{$domain->service_id}}"></i>
+                                    </form>
+                                </td>
+                            </tr>
+                        @endforeach
+                    @else
+                        <tr>
+                            <td class="px-4 py-2 border text-red-500" colspan="3">No domains found.</td>
+                        </tr>
+                    @endif
+                    </tbody>
+                </table>
+            </div>
+        </x-card>
+        @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
+    </div>
+    <x-modal-delete-script>
+        <x-slot name="uri">domains</x-slot>
+    </x-modal-delete-script>
+</x-app-layout>

resources/views/domains/show.blade.php

@@ -0,0 +1,102 @@
+@section('title') {{ $domain->domain }}.{{$domain->extension}} {{'domain'}} @endsection
+<x-app-layout>
+    <x-slot name="header">
+        {{ __('Domain details') }}
+    </x-slot>
+    <div class="container">
+        <x-card class="shadow mt-3">
+            <div class="row">
+                <div class="col-12 col-md-6 mb-2">
+                    <h2>{{ $domain->domain }}.{{$domain->extension}}</h2>
+                    <code>@foreach($labels as $label)
+                            @if($loop->last)
+                                {{$label->label}}
+                            @else
+                                {{$label->label}},
+                            @endif
+                        @endforeach</code>
+                </div>
+                <div class="col-12 col-md-6 text-md-end">
+                    <h6 class="text-muted pe-lg-4">{{ $domain->id }}</h6>
+                    @if($domain->active !== 1)
+                        <h6 class="text-danger pe-lg-4">not active</h6>
+                    @endif
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-12 col-lg-6">
+                    <div class="table-responsive">
+                        <table class="table table-borderless text-nowrap">
+                            <tbody>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Domain</td>
+                                <td><a href="https://{{ $domain->domain }}.{{$domain->extension}}" class="text-decoration-none">{{ $domain->domain }}.{{$domain->extension}}</a></td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Provider</td>
+                                <td>{{ $service_extras[0]->provider_name }}</td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Price</td>
+                                <td>{{ $service_extras[0]->price }} {{ $service_extras[0]->currency }}
+                                    <small>{{\App\Process::paymentTermIntToString($service_extras[0]->term)}}</small>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">NS1</td>
+                                <td>{{ $domain->ns1 }}</td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">NS2</td>
+                                <td>{{ $domain->ns2 }}</td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">NS3</td>
+                                <td>{{ $domain->ns3 }}</td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Owned since</td>
+                                <td>
+                                    @if(!is_null($domain->owned_since))
+                                        {{ date_format(new DateTime($domain->owned_since), 'jS F Y') }}
+                                    @endif
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Next due date</td>
+                                <td>{{Carbon\Carbon::parse($service_extras[0]->next_due_date)->diffForHumans()}}
+                                    ({{Carbon\Carbon::parse($service_extras[0]->next_due_date)->format('d/m/Y')}})
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Inserted</td>
+                                <td>
+                                    @if(!is_null($domain->created_at))
+                                        {{ date_format(new DateTime($domain->created_at), 'jS M y g:i a') }}
+                                    @endif
+                                </td>
+                            </tr>
+                            <tr>
+                                <td class="px-2 py-2 font-bold text-muted">Updated</td>
+                                <td>
+                                    @if(!is_null($domain->updated_at))
+                                        {{ date_format(new DateTime($domain->updated_at), 'jS M y g:i a') }}
+                                    @endif
+                                </td>
+                            </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <a href="{{ route('domains.index') }}"
+               class="btn btn-success btn-sm mx-2">
+                Go back
+            </a>
+            <a href="{{ route('domains.edit', $domain->id) }}"
+               class="btn btn-primary btn-sm mx-2">
+                Edit
+            </a>
+        </x-card>
+    </div>
+</x-app-layout>

resources/views/errors/404.blade.php

@@ -0,0 +1,51 @@
+@section('title') {{'Error'}}
+@if(isset($status))
+    {{$status}}
+@else
+    404
+@endif
+@endsection
+@section('style')
+    <style>
+        .page-not-found-div {
+            height: 100vh;
+        }
+
+        .page-not-found-div h1 {
+            font-size: 8rem;
+            color: #e73974;
+        }
+
+        .page-not-found-div h3 {
+            font-size: 2.5rem;
+        }
+
+        .page-not-found-div .center-div {
+            width: 100%;
+            padding: 0.2rem;
+            text-align: center;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+        }
+    </style>
+@endsection
+<x-app-layout>
+    <div class="page-not-found-div">
+        <div class="center-div">
+            @if(isset($status))
+                <h1>{{$status}}</h1>
+            @else
+                <h1>Error</h1>
+            @endif
+            @if(isset($title))
+                <h3 class="mt-2">{{$title}}</h3>
+            @endif
+            @if(isset($message))
+                <p class="mt-4">{{$message}}</p>
+            @endif
+            <p class="mt-4"><a href="{{route('/')}}" class="text-decoration-none">Go home</a></p>
+        </div>
+    </div>
+</x-app-layout>

resources/views/home.blade.php

@@ -0,0 +1,284 @@
+@section('title') {{'Home'}} @endsection
+<x-app-layout>
+    <div class="container">
+        @if (Route::has('login'))
+            @auth
+                <div class="row mt-4">
+                    <div class="col-12 col-lg-2 mb-3">
+                        <div class="card">
+                            <div class="card-body text-center shadow">
+                                <div class="row">
+                                    <h3>{{ $information['servers'] }}</h3>
+                                    <h5><a href="/servers" class="text-decoration-none">Servers</a></h5>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-2 mb-3">
+                        <div class="card">
+                            <div class="card-body text-center shadow">
+                                <div class="row">
+                                    <h3>{{ $information['shared'] }}</h3>
+                                    <h5><a href="/shared" class="text-decoration-none">Shared</a></h5>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-2 mb-3">
+                        <div class="card">
+                            <div class="card-body text-center shadow">
+                                <div class="row">
+                                    <h3>{{ $information['reseller'] }}</h3>
+                                    <h5><a href="/reseller" class="text-decoration-none">Reseller</a></h5>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-2 mb-3">
+                        <div class="card">
+                            <div class="card-body text-center shadow">
+                                <div class="row">
+                                    <h3>{{ $information['domains'] }}</h3>
+                                    <h5><a href="/domains" class="text-decoration-none">Domains</a></h5>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-2 mb-3">
+                        <div class="card">
+                            <div class="card-body text-center shadow">
+                                <div class="row">
+                                    <h3>{{ $information['misc'] }}</h3>
+                                    <h5><a href="/other" class="text-decoration-none">Misc</a></h5>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-2 mb-3">
+                        <div class="card">
+                            <div class="card-body text-center shadow">
+                                <div class="row">
+                                    <h3>{{ $information['dns'] }}</h3>
+                                    <h5><a href="/dns" class="text-decoration-none">DNS</a></h5>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row mt-3">
+                    <div class="col-12 col-lg-2 mb-3">
+                        <div class="card">
+                            <div class="card-body text-center shadow">
+                                <div class="row">
+                                    <h4>{{$information['total_cost_weekly']}} <small class="text-muted">USD</small></h4>
+                                    <p>Weekly cost</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-2 mb-3">
+                        <div class="card">
+                            <div class="card-body text-center shadow">
+                                <div class="row">
+                                    <h4>{{$information['total_cost_monthly']}} <small class="text-muted">USD</small>
+                                    </h4>
+                                    <p>Monthly cost</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-2 mb-3">
+                        <div class="card">
+                            <div class="card-body text-center shadow">
+                                <div class="row">
+                                    <h4>{{$information['total_cost_yearly']}} <small class="text-muted">USD</small></h4>
+                                    <p>Yearly cost</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-2 mb-3">
+                        <div class="card">
+                            <div class="card-body text-center shadow">
+                                <div class="row">
+                                    <h4>{{$information['total_cost_2_yearly']}} <small class="text-muted">USD</small>
+                                    </h4>
+                                    <p>2 yearly cost</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-2 mb-3">
+                        <div class="card">
+                            <div class="card-body text-center shadow">
+                                <div class="row">
+                                    <h4>{{$information['total_services']}}</h4>
+                                    <p>Active services</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-12 col-lg-2 mb-3">
+                        <div class="card">
+                            <div class="card-body text-center shadow">
+                                <div class="row">
+                                    <h4>{{$information['total_inactive']}}</h4>
+                                    <p>Inactive services</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+
+                <h3 class="my-3">Due soon</h3>
+                @if(!empty($information['due_soon']))
+                    <div class="card shadow mt-3">
+                        <div class="card-body">
+                            <div class="table-responsive">
+                                <table class="table table-bordered">
+                                    <thead class="table-light">
+                                    <tr>
+                                        <th class="text-nowrap">Name</th>
+                                        <th class="text-nowrap">Type</th>
+                                        <th class="text-nowrap">Due</th>
+                                        <th class="text-nowrap">Price</th>
+                                        <th class="text-nowrap"></th>
+                                    </tr>
+                                    </thead>
+                                    <tbody>
+                                    @foreach($information['due_soon'] as $due_soon)
+                                        <tr>
+                                            <td class="text-nowrap">
+                                                @if($due_soon->service_type === 1)
+                                                    {{$due_soon->hostname}}
+                                                @elseif($due_soon->service_type === 2)
+                                                    {{$due_soon->main_domain}}
+                                                @elseif($due_soon->service_type === 3)
+                                                    {{$due_soon->reseller}}
+                                                @elseif($due_soon->service_type === 4)
+                                                    {{$due_soon->domain}}.{{$due_soon->extension}}
+                                                @elseif($due_soon->service_type === 5)
+                                                    {{$due_soon->name}}
+                                                @endif
+                                            </td>
+                                            <td class="text-nowrap">
+                                                @if($due_soon->service_type === 1)
+                                                    VPS
+                                                @elseif($due_soon->service_type === 2)
+                                                    Shared
+                                                @elseif($due_soon->service_type === 3)
+                                                    Reseller
+                                                @elseif($due_soon->service_type === 4)
+                                                    Domain
+                                                @elseif($due_soon->service_type === 5)
+                                                    Misc
+                                                @endif
+                                            </td>
+                                            <td class="text-nowrap">
+                                                {{Carbon\Carbon::parse($due_soon->next_due_date)->diffForHumans()}}</td>
+                                            <td class="text-nowrap">{{$due_soon->price}} {{$due_soon->currency}} {{\App\Process::paymentTermIntToString($due_soon->term)}}</td>
+                                            <td class="text-nowrap text-center">
+                                                @if($due_soon->service_type === 1)
+                                                    <a href="{{ route('servers.show', $due_soon->service_id) }}" class="text-body mx-1"><i class="fas fa-eye" title="view"></i></a>
+                                                @elseif($due_soon->service_type === 2)
+                                                    <a href="{{ route('shared.show', $due_soon->service_id) }}" class="text-body mx-1"><i class="fas fa-eye" title="view"></i></a>
+                                                @elseif($due_soon->service_type === 3)
+                                                    <a href="{{ route('reseller.show', $due_soon->service_id) }}" class="text-body mx-1"><i class="fas fa-eye" title="view"></i></a>
+                                                @elseif($due_soon->service_type === 4)
+                                                    <a href="{{ route('domains.show', $due_soon->service_id) }}" class="text-body mx-1"><i class="fas fa-eye" title="view"></i></a>
+                                                @elseif($due_soon->service_type === 5)
+                                                    <a href="{{ route('misc.show', $due_soon->service_id) }}" class="text-body mx-1"><i class="fas fa-eye" title="view"></i></a>
+                                                @endif
+                                            </td>
+                                        </tr>
+                                    @endforeach
+                                    </tbody>
+                                </table>
+
+                            </div>
+                        </div>
+                    </div>
+                @endif
+
+                <h3 class="mt-4">Recently added</h3>
+                @if(!empty($information['newest']))
+                    <div class="card shadow mt-3">
+                        <div class="card-body">
+                            <div class="table-responsive">
+                                <table class="table table-bordered">
+                                    <thead class="table-light">
+                                    <tr>
+                                        <th class="text-nowrap">Name</th>
+                                        <th class="text-nowrap">Type</th>
+                                        <th class="text-nowrap">Added</th>
+                                        <th class="text-nowrap">Price</th>
+                                        <th class="text-nowrap"></th>
+                                    </tr>
+                                    </thead>
+                                    <tbody>
+                                    @foreach($information['newest'] as $new)
+                                        <tr>
+                                            <td class="text-nowrap">
+                                                @if($new->service_type === 1)
+                                                    {{$new->hostname}}
+                                                @elseif($new->service_type === 2)
+                                                    {{$new->main_domain}}
+                                                @elseif($new->service_type === 3)
+                                                    {{$new->reseller}}
+                                                @elseif($new->service_type === 4)
+                                                    {{$new->domain}}.{{$new->extension}}
+                                                @elseif($new->service_type === 5)
+                                                    {{$new->name}}
+                                                @endif
+                                            </td>
+                                            <td class="text-nowrap">
+                                                @if($new->service_type === 1)
+                                                    VPS
+                                                @elseif($new->service_type === 2)
+                                                    Shared
+                                                @elseif($new->service_type === 3)
+                                                    Reseller
+                                                @elseif($new->service_type === 4)
+                                                    Domain
+                                                @elseif($new->service_type === 5)
+                                                    Misc
+                                                @endif
+                                            </td>
+                                            <td class="text-nowrap">{{Carbon\Carbon::parse($new->created_at)->diffForHumans()}}</td>
+                                            <td class="text-nowrap">{{$new->price}} {{$new->currency}} {{\App\Process::paymentTermIntToString($new->term)}}</td>
+                                            <td class="text-nowrap text-center">
+                                                <a href="{{ route('servers.show', $new->service_id) }}"
+                                                   class="text-body mx-1">
+                                                    <i class="fas fa-eye" title="view"></i>
+                                                </a>
+                                            </td>
+                                        </tr>
+                                    @endforeach
+                                    </tbody>
+                                </table>
+
+                            </div>
+                        </div>
+                    </div>
+                @endif
+                @if(Session::has('timer_version_footer') && Session::get('timer_version_footer') === 1)
+                    <p class="text-muted mt-4 text-end"><small>Page took {{$information['execution_time']}} seconds,
+                            Built on Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }}
+                            )</small>
+                    </p>
+                @endif
+    </div>
+
+    @else
+        <a href="{{ route('login') }}" class="text-sm text-gray-700 underline">Login</a>
+
+        @if (Route::has('register'))
+            <a href="{{ route('register') }}" class="ml-4 text-sm text-gray-700 underline">Register</a>
+            @endif
+            @endauth
+            </div>
+        @endif
+
+</x-app-layout>

resources/views/ips/create.blade.php

@@ -0,0 +1,64 @@
+@section('title') {{'Insert IP address'}} @endsection
+<x-app-layout>
+    <x-slot name="header">
+        {{ __('Insert a new IP') }}
+    </x-slot>
+    <div class="container">
+        <x-card class="shadow mt-3">
+            <h4 class="mb-3">IP information</h4>
+            <x-back-button>
+                <x-slot name="href">{{ route('IPs.index') }}</x-slot>
+                Go back
+            </x-back-button>
+            <x-errors-alert></x-errors-alert>
+            <form action="{{ route('IPs.store') }}" method="POST">
+                @csrf
+                <div class="row">
+                    <div class="col-12 col-lg-6 mb-4">
+                        <x-text-input>
+                            <x-slot name="title">IP address</x-slot>
+                            <x-slot name="name">address</x-slot>
+                        </x-text-input>
+                    </div>
+                    <div class="col-12 col-lg-4 mb-3">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Type</span></div>
+                            <select class="form-control" name="ip_type">
+                                <option value="ipv4" selected>IPv4</option>
+                                <option value="ipv6">IPv6</option>
+                            </select></div>
+                    </div>
+                </div>
+                <div class="row">
+                    <p>Attached to:</p>
+                    <div class="col-12 col-md-6 mb-3">
+                        <div class="input-group">
+                            <div class="input-group-prepend"><span class="input-group-text">Service</span></div>
+                            <select class="form-control" name="service_id">
+                                @foreach ($Servers as $server)
+                                    <option value="{{ $server['id'] }}">
+                                        {{ $server['hostname'] }} (VPS)
+                                    </option>
+                                @endforeach
+                                @foreach ($Shareds as $shared)
+                                    <option value="{{ $shared['id'] }}">
+                                        {{ $shared['main_domain'] }} (shared)
+                                    </option>
+                                @endforeach
+                                @foreach ($Resellers as $reseller)
+                                    <option value="{{ $reseller['id'] }}">
+                                        {{ $reseller['main_domain'] }} (reseller)
+                                    </option>
+                                @endforeach
+                            </select></div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-12 col-lg-4">
+                        <x-submit-button>Insert IP</x-submit-button>
+                    </div>
+                </div>
+            </form>
+        </x-card>
+    </div>
+</x-app-layout>