init

resources/views/livewire/ssl/create-ssl.blade.php

@@ -0,0 +1,54 @@
+<div>
+    <x-primary-button x-data="" x-on:click.prevent="$dispatch('open-modal', 'create-ssl')">
+        {{ __('Create SSL') }}
+    </x-primary-button>
+
+    <x-modal name="create-ssl">
+        <form wire:submit.prevent="create" class="p-6">
+            <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
+                {{ __('Create SSL') }}
+            </h2>
+
+            <div class="mt-6">
+                <x-input-label for="type" :value="__('SSL Type')" />
+                <x-select-input wire:model="type" id="type" name="type" class="mt-1 w-full">
+                    <option value="" selected disabled>{{ __("Select") }}</option>
+                    @foreach(\App\Enums\SslType::getValues() as $t)
+                        <option value="{{ $t }}" @if($t === $type) selected @endif>{{ $t }}</option>
+                    @endforeach
+                </x-select-input>
+                @error('type')
+                <x-input-error class="mt-2" :messages="$message" />
+                @enderror
+            </div>
+
+            @if($type === \App\Enums\SslType::CUSTOM)
+                <div class="mt-6">
+                    <x-input-label for="certificate" :value="__('Certificate')" />
+                    <x-textarea wire:model.defer="certificate" id="certificate" name="certificate" type="text" class="mt-1 w-full" rows="5" />
+                    @error('certificate')
+                    <x-input-error class="mt-2" :messages="$message" />
+                    @enderror
+                </div>
+
+                <div class="mt-6">
+                    <x-input-label for="private" :value="__('Private Key')" />
+                    <x-textarea wire:model.defer="private" id="private" name="private" type="text" class="mt-1 w-full" rows="5" />
+                    @error('private')
+                    <x-input-error class="mt-2" :messages="$message" />
+                    @enderror
+                </div>
+            @endif
+
+            <div class="mt-6 flex justify-end">
+                <x-secondary-button type="button" x-on:click="$dispatch('close')">
+                    {{ __('Cancel') }}
+                </x-secondary-button>
+
+                <x-primary-button class="ml-3" @created.window="$dispatch('close')">
+                    {{ __('Create') }}
+                </x-primary-button>
+            </div>
+        </form>
+    </x-modal>
+</div>

resources/views/livewire/ssl/partials/status.blade.php

@@ -0,0 +1,12 @@
+@if($status == \App\Enums\SslStatus::CREATED)
+    <x-status status="success">{{ $status }}</x-status>
+@endif
+@if($status == \App\Enums\SslStatus::CREATING)
+    <x-status status="warning">{{ $status }}</x-status>
+@endif
+@if($status == \App\Enums\SslStatus::DELETING)
+    <x-status status="danger">{{ $status }}</x-status>
+@endif
+@if($status == \App\Enums\SslStatus::FAILED)
+    <x-status status="danger">{{ $status }}</x-status>
+@endif

resources/views/livewire/ssl/ssls-list.blade.php

@@ -0,0 +1,54 @@
+<div>
+    <x-card-header>
+        <x-slot name="title">{{ __("SSLs") }}</x-slot>
+        <x-slot name="description">{{ __("Here you can manage your site's SSL certificates") }}</x-slot>
+        <x-slot name="aside">
+            <livewire:ssl.create-ssl :site="$site" />
+        </x-slot>
+    </x-card-header>
+    <div x-data="" class="space-y-3">
+        @if(count($ssls) > 0)
+            <x-table>
+                <tr>
+                    <x-th>{{ __("Type") }}</x-th>
+                    <x-th>{{ __("Created") }}</x-th>
+                    <x-th>{{ __("Expires at") }}</x-th>
+                    <x-th></x-th>
+                </tr>
+                @foreach($ssls as $ssl)
+                    <tr>
+                        <x-td>{{ $ssl->type }}</x-td>
+                        <x-td>
+                            <x-datetime :value="$ssl->created_at" />
+                        </x-td>
+                        <x-td>
+                            <x-datetime :value="$ssl->expires_at" />
+                        </x-td>
+                        <x-td>
+                            <div class="flex items-center">
+                                @include('livewire.ssl.partials.status', ['status' => $ssl->status])
+                                <div class="inline">
+                                    <x-icon-button x-on:click="$wire.deleteId = '{{ $ssl->id }}'; $dispatch('open-modal', 'delete-ssl')">
+                                        <x-heroicon-o-trash class="w-4 h-4" />
+                                    </x-icon-button>
+                                </div>
+                            </div>
+                        </x-td>
+                    </tr>
+                @endforeach
+            </x-table>
+            <x-confirm-modal
+                name="delete-ssl"
+                :title="__('Confirm')"
+                :description="__('Are you sure that you want to delete this SSL certificate?')"
+                method="delete"
+            />
+        @else
+            <x-simple-card>
+                <div class="text-center">
+                    {{ __("You don't have any SSL certificates yet!") }}
+                </div>
+            </x-simple-card>
+        @endif
+    </div>
+</div>