first commit
This commit is contained in:
benjibennn
131
resources/views/livewire/wave/deploy-to-do.blade.php
Normal file
131
resources/views/livewire/wave/deploy-to-do.blade.php
Normal file
@@ -0,0 +1,131 @@
|
||||
<div>
|
||||
<div class="flex flex-col items-center justify-center w-screen h-screen bg-gray-50">
|
||||
|
||||
<!-- Back to Admin Button -->
|
||||
<a href="{{ url('admin') }}" class="absolute top-0 left-0 flex items-center pt-5 pl-5 mb-5 ml-5 font-medium text-gray-900 group lg:w-auto lg:items-center lg:justify-center md:mb-0">
|
||||
<span class="w-4 h-4 overflow-hidden transform translate-x-0 group-hover:-translate-x-0.5 absolute left-0 group-hover:w-4 ease-out duration-150 transition">
|
||||
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path></svg>
|
||||
</span>
|
||||
<span class="mx-auto ml-1 text-sm font-bold leading-none text-gray-900 select-none">Back to Admin</span>
|
||||
</a>
|
||||
|
||||
|
||||
<div id="notification" class="flex items-center justify-between hidden w-full max-w-lg px-8 py-5 mb-10 text-white bg-gray-500 rounded-lg">
|
||||
<span id="notification_message" class="text-sm"></span>
|
||||
<svg class="w-5 h-5 opacity-50 cursor-pointer hover:opacity-75" onclick="document.getElementById('notification').classList.add('hidden');" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
|
||||
</div>
|
||||
|
||||
@if(!$app_id)
|
||||
<div class="w-full max-w-lg mx-auto overflow-hidden bg-white border border-gray-100 rounded-lg shadow-xl">
|
||||
<div class="relative flex items-center w-full h-20 pl-5 text-white bg-center bg-cover bg-gradient-to-br from-blue-500 to-blue-600" style="background-image:url('{{ Storage::url('/settings/April2021/deploy-banner.png') }}')">
|
||||
<img src="{{ Storage::url('/settings/April2021/deploy-to-do.png') }}" class="w-10 h-10">
|
||||
|
||||
<div class="relative pl-3">
|
||||
<h3 class="text-base font-bold leading-tight text-white">Deploy Your App to Digital Ocean</h3>
|
||||
<p class="text-xs">Easily deploy your Wave app to DigitalOcean.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="p-10 ">
|
||||
<p class="pb-10 text-sm text-gray-500">Deploy to the <a href="https://www.digitalocean.com/products/app-platform/" target="_blank" class="underline">DigitalOcean App platform</a> in 3 simple steps.</p>
|
||||
|
||||
<div class="relative mb-8">
|
||||
<label for="api_key" class="block pb-3 text-sm font-medium text-gray-700">
|
||||
1. Enter your Github Repo <span class="font-normal">(exclude https://github.com/)</span>
|
||||
</label>
|
||||
<input type="text" wire:model="repo" placeholder="thedevdojo/wave" class="block w-full px-4 py-3 mb-4 border border-2 border-transparent border-gray-200 rounded-lg focus:ring focus:ring-blue-500 focus:outline-none" name="repo">
|
||||
</div>
|
||||
|
||||
<div class="relative mb-8">
|
||||
<label for="api_key" class="block pb-3 text-sm font-medium text-gray-700">
|
||||
2. Grant Access
|
||||
</label>
|
||||
<a href="https://cloud.digitalocean.com/apps/github/install" target="_blank" class="flex items-center font-semibold text-blue-500 underline">
|
||||
<span>Grant DigitalOcean Access to your Github Account</span>
|
||||
<svg class="w-4 h-4 ml-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path><path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<label for="api_key" class="block pb-3 text-sm font-medium text-gray-700">
|
||||
3. Enter Your <a href="https://cloud.digitalocean.com/api_access" class="underline" target="_blank">DigitalOcean API Key</a>
|
||||
</label>
|
||||
<input type="password" wire:model="api_key" class="block w-full px-4 py-3 mb-4 border border-2 border-transparent border-gray-200 rounded-lg focus:ring focus:ring-blue-500 focus:outline-none" name="api_key">
|
||||
<div class="block">
|
||||
<button wire:click="deploy" class="w-full px-3 py-4 font-medium text-white bg-blue-600 rounded-lg">Deploy</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="w-full max-w-lg mx-auto">
|
||||
|
||||
|
||||
<div class="overflow-hidden bg-white border border-gray-100 rounded-lg shadow-xl">
|
||||
<div class="relative flex items-center w-full h-20 pl-5 text-white bg-center bg-cover bg-gradient-to-br from-blue-500 to-blue-600" style="background-image:url('{{ Storage::url('/settings/April2021/deploy-banner.png') }}')">
|
||||
<img src="{{ Storage::url('/settings/April2021/deploy-to-do.png') }}" class="w-10 h-10">
|
||||
|
||||
<div class="relative pl-3">
|
||||
<h3 class="text-base font-bold leading-tight text-white">Your App on Digital Ocean</h3>
|
||||
<p class="block text-xs">Deployed to the <a href="https://www.digitalocean.com/products/app-platform/" target="_blank" class="underline">DO App Platform</a></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="relative flex flex-col h-full p-8">
|
||||
<h2 class="font-bold text-black">{{ $app['app']['spec']['name'] }}</h2>
|
||||
<a href="{{ $app['app']['live_url_base'] ?? '#' }}" target="_blank" class="text-sm font-medium text-blue-500 underline">{{ $app['app']['live_url_base'] ?? 'Deploying...' }}</a>
|
||||
<a href="https://cloud.digitalocean.com/apps/{{ $app_id }}" target="_blank" class="inline-block w-full px-5 py-3 mt-5 text-sm font-bold text-center text-white bg-blue-600 rounded-lg">Configure on DigitalOcean</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="my-5 text-sm font-bold text-gray-500">Deployments</h3>
|
||||
@foreach($deployments['deployments'] as $deployment)
|
||||
@php
|
||||
$success = false;
|
||||
if(isset($deployment['progress']['success_steps']) && isset($deployment['progress']['total_steps'])) {
|
||||
if($deployment['progress']['success_steps'] == $deployment['progress']['total_steps']) {
|
||||
$success = true;
|
||||
} else {
|
||||
$success = true;
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<div class="flex items-center p-5 overflow-hidden bg-white border border-gray-100 rounded-lg shadow-xl">
|
||||
<div class="relative flex items-center justify-center h-full mr-3">
|
||||
<div class="w-4 h-4 @if($success){{ 'bg-green-400' }}@else{{ 'bg-red-400' }}@endif rounded-full"></div>
|
||||
</div>
|
||||
<div class="relative flex items-center justify-between w-full text-sm">
|
||||
<p class="flex items-center h-full font-medium leading-none text-gray-700">{{ $deployment['cause'] }} on {{ Carbon\Carbon::parse($deployment['created_at'])->format('F jS, h:i A') }}</p>
|
||||
<a href="https://cloud.digitalocean.com/apps/{{ $app_id }}/deployments/{{ $deployment['id'] }}" target="_blank" class="text-blue-500 hover:text-blue-600">
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path><path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
</span>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
window.addEventListener('notify', event => {
|
||||
document.getElementById('notification').classList.remove('hidden');
|
||||
|
||||
// remove any bg color
|
||||
document.getElementById('notification').classList.remove('bg-red-400');
|
||||
document.getElementById('notification').classList.remove('bg-green-400');
|
||||
document.getElementById('notification').classList.remove('bg-blue-400');
|
||||
|
||||
if(event.detail.type == 'error'){
|
||||
document.getElementById('notification').classList.add('bg-red-400');
|
||||
} else if(event.detail.type == 'success'){
|
||||
document.getElementById('notification').classList.add('bg-green-400');
|
||||
} else {
|
||||
document.getElementById('notification').classList.remove('bg-blue-400');
|
||||
}
|
||||
|
||||
document.getElementById('notification_message').innerText = event.detail.message;
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
2
resources/views/themes/tailwind/.gitignore
vendored
Normal file
2
resources/views/themes/tailwind/.gitignore
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
/node_modules
|
||||
package-lock.json
|
||||
1113
resources/views/themes/tailwind/account/my-account.blade.php
Normal file
1113
resources/views/themes/tailwind/account/my-account.blade.php
Normal file
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,32 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="max-w-4xl px-5 mx-auto mt-10 lg:px-0">
|
||||
<a href="{{ route('wave.announcements') }}" class="flex items-center mb-6 font-mono text-sm font-bold cursor-pointer text-wave-500">
|
||||
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path></svg>
|
||||
View All Announcements
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<article id="announcement-{{ $announcement->id }}" class="max-w-4xl px-5 pb-20 mx-auto prose prose-xl lg:prose-2xl lg:px-0">
|
||||
|
||||
<meta property="name" content="{{ $announcement->title }}">
|
||||
<meta property="author" typeof="Person" content="admin">
|
||||
<meta property="dateModified" content="{{ Carbon\Carbon::parse($announcement->updated_at)->toIso8601String() }}">
|
||||
<meta class="uk-margin-remove-adjacent" property="datePublished" content="{{ Carbon\Carbon::parse($announcement->created_at)->toIso8601String() }}">
|
||||
|
||||
<div class="max-w-4xl mx-auto mt-6">
|
||||
<h1 class="flex flex-col leading-none">
|
||||
<span>{{ $announcement->title }}</span>
|
||||
<span class="mt-0 mt-10 text-base font-normal">Written on <time datetime="{{ Carbon\Carbon::parse($announcement->created_at)->toIso8601String() }}">{{ Carbon\Carbon::parse($announcement->created_at)->toFormattedDateString() }}</time>. </span>
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div class="max-w-4xl mx-auto">
|
||||
{!! $announcement->body !!}
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,29 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="max-w-4xl px-5 mx-auto mt-10 lg:px-0">
|
||||
<span class="flex items-center mb-6 font-mono text-sm font-bold text-gray-700">
|
||||
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"></path></svg>
|
||||
All Announcements
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="max-w-4xl px-5 pb-20 mx-auto prose prose-xl lg:prose-2xl lg:px-0">
|
||||
|
||||
<h1>Announcements</h1>
|
||||
|
||||
<div class="pb-8 my-8 border-b border-gray-200">
|
||||
|
||||
@foreach($announcements as $announcement)
|
||||
|
||||
<a href="{{ route('wave.announcement', $announcement->id) }}">{{ $announcement->title }}</a>
|
||||
<span class="block mt-0 text-gray-600">{{ $announcement->description }}</span>
|
||||
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
244
resources/views/themes/tailwind/assets/js/app.js
Normal file
244
resources/views/themes/tailwind/assets/js/app.js
Normal file
@@ -0,0 +1,244 @@
|
||||
import Alpine from 'alpinejs'
|
||||
import axios from 'axios';
|
||||
|
||||
window.Alpine = Alpine;
|
||||
window.axios = axios;
|
||||
|
||||
window.url = document.querySelector("meta[name='url']").getAttribute("content");
|
||||
window.csrf = document.querySelector("meta[name='csrf-token']").getAttribute("content");
|
||||
|
||||
/** Adds some simple class replacers, see the following article to learn more:
|
||||
* https://devdojo.com/tnylea/animating-tailwind-transitions-on-page-load
|
||||
*/
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function(){
|
||||
var replacers = document.querySelectorAll('[data-replace]');
|
||||
for(var i=0; i<replacers.length; i++){
|
||||
let replaceClasses = JSON.parse(replacers[i].dataset.replace.replace(/'/g, '"'));
|
||||
Object.keys(replaceClasses).forEach(function(key) {
|
||||
replacers[i].classList.remove(key);
|
||||
replacers[i].classList.add(replaceClasses[key]);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
/********** ALPINE FUNCTIONALITY **********/
|
||||
document.addEventListener('alpine:init', () => {
|
||||
Alpine.store('toast', {
|
||||
type: '',
|
||||
message: '',
|
||||
show: false,
|
||||
|
||||
update({ type, message, show }) {
|
||||
this.type = type;
|
||||
this.message = message;
|
||||
this.show = show;
|
||||
},
|
||||
|
||||
close() {
|
||||
this.show = false;
|
||||
}
|
||||
});
|
||||
|
||||
Alpine.store('plan_modal', {
|
||||
open: false,
|
||||
plan_name: 'basic',
|
||||
plan_id: 0,
|
||||
|
||||
switch(plan_id, plan_name) {
|
||||
this.plan_name = plan_name;
|
||||
this.plan_id = plan_id;
|
||||
this.open = true;
|
||||
},
|
||||
|
||||
close() {
|
||||
this.open = false;
|
||||
}
|
||||
});
|
||||
|
||||
Alpine.store('viewApiKey', {
|
||||
open: false,
|
||||
id: '',
|
||||
name: '',
|
||||
key: '',
|
||||
|
||||
actionClicked(id, name, key) {
|
||||
this.open = true;
|
||||
this.id = id;
|
||||
this.name = name;
|
||||
this.key = key;
|
||||
},
|
||||
|
||||
});
|
||||
|
||||
Alpine.store('editApiKey', {
|
||||
open: false,
|
||||
id: '',
|
||||
name: '',
|
||||
key: '',
|
||||
|
||||
actionClicked(id, name, key) {
|
||||
this.open = true;
|
||||
this.id = id;
|
||||
this.name = name;
|
||||
this.key = key;
|
||||
},
|
||||
|
||||
});
|
||||
|
||||
Alpine.store('deleteApiKey', {
|
||||
open: false,
|
||||
id: '',
|
||||
name: '',
|
||||
key: '',
|
||||
|
||||
actionClicked(id, name, key) {
|
||||
this.open = true;
|
||||
this.id = id;
|
||||
this.name = name;
|
||||
this.key = key;
|
||||
},
|
||||
|
||||
});
|
||||
|
||||
Alpine.store('confirmCancel', {
|
||||
open: false,
|
||||
|
||||
openModal() {
|
||||
this.open = true;
|
||||
},
|
||||
|
||||
close() {
|
||||
this.open = false;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
Alpine.store('uploadModal', {
|
||||
open: false,
|
||||
|
||||
openModal() {
|
||||
this.open = true;
|
||||
},
|
||||
|
||||
close() {
|
||||
this.open = false;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
Alpine.start();
|
||||
/********** END ALPINE FUNCTIONALITY **********/
|
||||
|
||||
/********** NOTIFICATION FUNCTIONALITY **********/
|
||||
|
||||
var markAsRead = document.getElementsByClassName("mark-as-read");
|
||||
var removedNotifications = 0;
|
||||
var unreadNotifications = markAsRead.length;
|
||||
for (var i = 0; i < markAsRead.length; i++) {
|
||||
markAsRead[i].addEventListener('click', function(){
|
||||
var notificationId = this.dataset.id;
|
||||
var notificationListId = this.dataset.listid;
|
||||
|
||||
var notificationRequest = new XMLHttpRequest();
|
||||
notificationRequest.open("POST", url + "/notification/read/" + notificationId, true);
|
||||
notificationRequest.onreadystatechange = function () {
|
||||
if (notificationRequest.readyState != 4 || notificationRequest.status != 200) return;
|
||||
var response = JSON.parse(notificationRequest.responseText);
|
||||
document.getElementById('notification-li-' + response.listid).remove();
|
||||
removedNotifications += 1;
|
||||
var notificationCount = document.getElementById('notification-count');
|
||||
if(notificationCount){
|
||||
notificationCount.innerHTML = parseInt(notificationCount.innerHTML) - 1;
|
||||
}
|
||||
if(removedNotifications >= unreadNotifications){
|
||||
if(document.getElementById('notification-count')){
|
||||
document.getElementById('notification-count').classList.add('opacity-0');
|
||||
}
|
||||
}
|
||||
};
|
||||
notificationRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
||||
notificationRequest.send("_token=" + csrf + "&listid=" + notificationListId );
|
||||
});
|
||||
}
|
||||
|
||||
/********** END NOTIFICATION FUNCTIONALITY **********/
|
||||
|
||||
/********** START TOAST FUNCTIONALITY **********/
|
||||
|
||||
window.popToast = function(type, message){
|
||||
Alpine.store('toast').update({ type, message, show: true });
|
||||
|
||||
setTimeout(function(){
|
||||
document.getElementById('toast_bar').classList.remove('w-full');
|
||||
document.getElementById('toast_bar').classList.add('w-0');
|
||||
}, 150);
|
||||
// After 4 seconds hide the toast
|
||||
setTimeout(function(){
|
||||
Alpine.store('toast').update({ type, message, show: false });
|
||||
|
||||
setTimeout(function(){
|
||||
document.getElementById('toast_bar').classList.remove('w-0');
|
||||
document.getElementById('toast_bar').classList.add('w-full');
|
||||
}, 300);
|
||||
}, 4000);
|
||||
}
|
||||
|
||||
/********** END TOAST FUNCTIONALITY **********/
|
||||
|
||||
/********** Start Billing Checkout Functionality ***********/
|
||||
|
||||
/***** Payment Success Functionality */
|
||||
|
||||
window.checkoutComplete = function(data) {
|
||||
var checkoutId = data.checkout.id;
|
||||
|
||||
Paddle.Order.details(checkoutId, function(data) {
|
||||
// Order data, downloads, receipts etc... available within 'data' variable.
|
||||
document.getElementById('fullscreenLoaderMessage').innerText = 'Finishing Up Your Order';
|
||||
document.getElementById('fullscreenLoader').classList.remove('hidden');
|
||||
axios.post('/checkout', { _token: csrf, checkout_id: data.checkout.checkout_id })
|
||||
.then(function (response) {
|
||||
console.log(response);
|
||||
if(parseInt(response.data.status) == 1){
|
||||
let queryParams = '';
|
||||
if(parseInt(response.data.guest) == 1){
|
||||
queryParams = '?complete=true';
|
||||
}
|
||||
window.location = '/checkout/welcome' + queryParams;
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
window.checkoutUpdate = function(data){
|
||||
if(data.checkout.completed){
|
||||
popToast('success', 'Your payment info has been successfully updated.');
|
||||
} else {
|
||||
popToast('danger', 'Sorry, there seems to be a problem updating your payment info');
|
||||
}
|
||||
}
|
||||
|
||||
window.checkoutCancel = function(data){
|
||||
let subscriptionId = data.checkout.id;
|
||||
axios.post('/cancel', { _token: csrf, id: subscriptionId })
|
||||
.then(function (response) {
|
||||
if(parseInt(response.data.status) == 1){
|
||||
window.location = '/settings/subscription';
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/***** End Payment Success Functionality */
|
||||
|
||||
/********** End Billing Checkout Functionality ***********/
|
||||
|
||||
/********** Switch Plans Button Click ***********/
|
||||
|
||||
window.switchPlans = function (plan_id, plan_name) {
|
||||
Alpine.store('plan_modal').switch(plan_id, plan_name);
|
||||
};
|
||||
|
||||
/********** Switch Plans Button Click ***********/
|
||||
69
resources/views/themes/tailwind/assets/sass/app.scss
Normal file
69
resources/views/themes/tailwind/assets/sass/app.scss
Normal file
@@ -0,0 +1,69 @@
|
||||
@tailwind base;
|
||||
|
||||
@tailwind components;
|
||||
|
||||
@tailwind utilities;
|
||||
|
||||
[x-cloak]{
|
||||
display:none;
|
||||
}
|
||||
|
||||
svg {
|
||||
width:100%;
|
||||
}
|
||||
.wave {
|
||||
animation: wave 3s linear;
|
||||
animation-iteration-count:infinite;
|
||||
fill: #0069ff;
|
||||
}
|
||||
|
||||
#wave2 {
|
||||
animation-duration:5s;
|
||||
animation-direction: reverse;
|
||||
opacity: .6
|
||||
}
|
||||
#wave3 {
|
||||
animation-duration: 7s;
|
||||
opacity:.3;
|
||||
}
|
||||
@keyframes drop {
|
||||
0% {
|
||||
transform: translateY(80%);
|
||||
opacity:.6;
|
||||
}
|
||||
80% {
|
||||
transform: translateY(80%);
|
||||
opacity:.6;
|
||||
}
|
||||
90% {
|
||||
transform: translateY(10%) ;
|
||||
opacity:.6;
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0%) scale(1.5);
|
||||
stroke-width:0.2;
|
||||
opacity:0;
|
||||
}
|
||||
}
|
||||
@keyframes wave {
|
||||
from {transform: translateX(0%);}
|
||||
to {transform: translateX(-100%);}
|
||||
}
|
||||
|
||||
.form-control{
|
||||
@apply form-input w-full;
|
||||
}
|
||||
|
||||
/****** Form Input CLASSES **********/
|
||||
|
||||
.form-input, .form-textarea, .form-select {
|
||||
@apply appearance-none bg-white border border-gray-400 rounded-md py-2 px-3 text-base leading-normal transition duration-150 ease-in-out focus:outline-none focus:ring focus:ring-opacity-30 focus:ring-wave-500 focus:border-wave-400;
|
||||
}
|
||||
|
||||
.form-select{
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
|
||||
background-position: right .5rem center;
|
||||
background-size: 1.5em 1.5em;
|
||||
padding:.5rem 2.5rem .5rem .75rem;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
99
resources/views/themes/tailwind/auth/login.blade.php
Normal file
99
resources/views/themes/tailwind/auth/login.blade.php
Normal file
@@ -0,0 +1,99 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="flex flex-col justify-center py-20 px-2 sm:px-6 lg:px-8">
|
||||
{{-- <div class="sm:mx-auto sm:w-full sm:max-w-md">
|
||||
<h2 class="mt-6 text-3xl font-extrabold leading-9 text-center text-gray-900 lg:text-5xl">
|
||||
Sign in Below
|
||||
</h2>
|
||||
<p class="mt-4 text-sm leading-5 text-center text-gray-600 max-w">
|
||||
or, you can
|
||||
<a href="{{ route('register') }}" class="font-medium transition duration-150 ease-in-out text-wave-600 hover:text-wave-500 focus:outline-none focus:underline">
|
||||
signup here
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
--}}
|
||||
|
||||
<div class="mt-8 sm:mx-auto sm:w-full sm:max-w-lg card-shadow">
|
||||
<div class="bg-white">
|
||||
<form action="{{ route('login') }}" method="POST">
|
||||
@csrf
|
||||
<input type="hidden" name="user_type" value="admin">
|
||||
|
||||
<div class="login-fields">
|
||||
<img class="logo" src="{{ asset('themes/tailwind/images/logo.png') }}">
|
||||
<h2 class="h2-title">CMS Access</h2>
|
||||
<h3 class="h2-title">Login To Your Account</h3>
|
||||
|
||||
@if(setting('auth.email_or_username') && setting('auth.email_or_username') == 'username')
|
||||
<label for="username" class="block text-sm font-medium leading-5 text-gray-700">Username</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="username" type="username" name="username" required class="w-full form-input no-radius" autofocus>
|
||||
</div>
|
||||
|
||||
@if ($errors->has('username'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('username') }}
|
||||
</div>
|
||||
@endif
|
||||
@else
|
||||
<label for="email" class="block text-sm font-medium leading-5 text-gray-700">Email</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="email" type="email" name="email" required class="w-full form-input no-radius" autofocus>
|
||||
</div>
|
||||
|
||||
@if ($errors->has('email'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('email') }}
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<label for="password" class="block text-sm font-medium leading-5 text-gray-700">
|
||||
Password
|
||||
</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="password" type="password" name="password" required class="w-full form-input no-radius">
|
||||
</div>
|
||||
@if ($errors->has('password'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('password') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
{{-- <div class="flex items-center justify-between mt-6">
|
||||
<div class="flex items-center">
|
||||
<input id="remember" name="remember" type="checkbox" class="text-indigo-600 border-0 border-gray-300 rounded shadow-sm focus:border-indigo-300 focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50 rounded-xl" {{ old('remember') ? ' checked' : '' }}>
|
||||
<label for="remember" class="block ml-2 text-sm leading-5 text-gray-900">
|
||||
Remember me
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="text-sm leading-5">
|
||||
<a href="{{ route('password.request') }}" class="font-medium transition duration-150 ease-in-out text-wave-600 hover:text-wave-500 focus:outline-none focus:underline">
|
||||
Forgot your password?
|
||||
</a>
|
||||
</div>
|
||||
</div> --}}
|
||||
|
||||
<div class="mt-6">
|
||||
<span class="block w-full rounded-md shadow-sm">
|
||||
<button type="submit" class="flex justify-center w-full px-4 py-3 text-sm font-medium text-black transition duration-150 ease-in-out border primary-button">
|
||||
Sign in
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,58 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="flex flex-col justify-center py-20 sm:px-6 lg:px-8">
|
||||
<div class="sm:mx-auto sm:w-full sm:max-w-md">
|
||||
<h2 class="mt-6 text-3xl font-extrabold leading-9 text-center text-gray-900 lg:text-5xl">
|
||||
Reset Password
|
||||
</h2>
|
||||
<p class="mt-4 text-sm leading-5 text-center text-gray-600 max-w">
|
||||
or, return back to
|
||||
<a href="{{ route('login') }}" class="font-medium transition duration-150 ease-in-out text-wave-600 hover:text-wave-500 focus:outline-none focus:underline">
|
||||
login
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
|
||||
|
||||
@if (session('status'))
|
||||
<div class="p-3 mb-3 text-sm text-indigo-500 bg-indigo-100">
|
||||
{{ session('status') }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="px-4 py-8 bg-white border shadow border-gray-50 sm:rounded-lg sm:px-10">
|
||||
<form action="{{ route('password.email') }}" method="POST">
|
||||
@csrf
|
||||
|
||||
<div>
|
||||
<label for="email" class="block text-sm font-medium leading-5 text-gray-700">
|
||||
Email Address
|
||||
</label>
|
||||
<div class="mt-3 rounded-md shadow-sm">
|
||||
<input id="email" type="email" name="email" required class="w-full form-input">
|
||||
</div>
|
||||
@if ($errors->has('email'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('email') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<span class="block w-full rounded-md shadow-sm">
|
||||
<button type="submit" class="flex justify-center w-full px-4 py-2 text-sm font-medium text-white transition duration-150 ease-in-out border border-transparent rounded-md bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave active:bg-wave-700">
|
||||
Send Password Reset Link
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,83 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="flex flex-col justify-center py-20 sm:px-6 lg:px-8">
|
||||
<div class="sm:mx-auto sm:w-full sm:max-w-md">
|
||||
<h2 class="mt-6 text-3xl font-extrabold leading-none text-center text-gray-900 lg:text-5xl">
|
||||
Setup Your New Password
|
||||
</h2>
|
||||
<p class="mt-4 text-sm leading-5 text-center text-gray-600 max-w">
|
||||
or, return to
|
||||
<a href="{{ route('login') }}" class="font-medium transition duration-150 ease-in-out text-wave-600 hover:text-wave-500 focus:outline-none focus:underline">
|
||||
login here
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
|
||||
@if (session('status'))
|
||||
<div class="mb-3 uk-alert-primary">
|
||||
{{ session('status') }}
|
||||
</div>
|
||||
@endif
|
||||
<div class="px-4 py-8 bg-white border shadow border-gray-50 sm:rounded-lg sm:px-10">
|
||||
<form action="{{ route('password.request') }}" method="POST">
|
||||
@csrf
|
||||
<input type="hidden" name="token" value="{{ $token }}">
|
||||
<div class="mt-6">
|
||||
<label for="email" class="block text-sm font-medium leading-5 text-gray-700">
|
||||
Email Address
|
||||
</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="email" type="email" name="email" required class="w-full form-input">
|
||||
</div>
|
||||
@if ($errors->has('email'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('email') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<label for="password" class="block text-sm font-medium leading-5 text-gray-700">
|
||||
Password
|
||||
</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="password" type="password" name="password" required class="w-full form-input">
|
||||
</div>
|
||||
@if ($errors->has('password'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('password') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<label for="password_confirmation" class="block text-sm font-medium leading-5 text-gray-700">
|
||||
Confirm Password
|
||||
</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="password_confirmation" type="password" name="password_confirmation" required class="w-full form-input">
|
||||
</div>
|
||||
@if ($errors->has('password_confirmation'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('password_confirmation') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col items-center justify-center text-sm leading-5">
|
||||
<span class="block w-full mt-5 rounded-md shadow-sm">
|
||||
<button type="submit" class="flex justify-center w-full px-4 py-2 text-sm font-medium text-white transition duration-150 ease-in-out border border-transparent rounded-md bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave active:bg-wave-700">
|
||||
Reset Password
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,254 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
||||
|
||||
<div class="flex flex-col justify-center py-20 px-2 sm:px-6 lg:px-8 min-h-screen main-wrapper login-signup-page" style="background-image: url({{ asset('themes/tailwind/images/login-bg.png') }})">
|
||||
<div class="form-steps" data-step="1">
|
||||
<div class="mx-auto login-signup-card">
|
||||
<form action="{{ route('forgot-password.send-otp') }}" method="POST" id="sendOtpFrm">
|
||||
@csrf
|
||||
|
||||
<img class="logo mb-6 mx-auto" src="{{ asset('themes/tailwind/images/Lock.png') }}">
|
||||
<h3 class="form-title mb-6">Recover Your Password</h3>
|
||||
|
||||
<div class="form-group mb-6">
|
||||
<label for="email">Email</label>
|
||||
<input id="email" type="email" name="email" required class="w-full form-input no-radius" autofocus>
|
||||
|
||||
@if ($errors->has('email'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('email') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<span class="block w-full rounded-md shadow-sm">
|
||||
<button type="submit" class="flex justify-center w-full px-4 py-3 text-sm font-medium text-black transition duration-150 ease-in-out border primary-button change-form-step submit-btn" data-target="2">
|
||||
Recover Password
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<p class="bottom-desc">
|
||||
Go back to <a href="{{ route('login') }}" class="blue-link d-inline-block">Sign in</a>
|
||||
</p>
|
||||
|
||||
<div class="mx-auto bottom-links-wrapper pb-0" style="bottom: 30px;">
|
||||
<a href="{{ route('user-terms-and-conditions') }}" class="link">Terms and Conditions</a>
|
||||
<a href="{{ route('user-privacy-policy') }}" class="link">Privacy Policy</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-steps" data-step="2" style="display: none;">
|
||||
<div class="mx-auto login-signup-card">
|
||||
<form action="{{ route('forgot-password.submit-otp') }}" method="POST" id="submitOtpFrm">
|
||||
@csrf
|
||||
|
||||
<img class="logo mb-6 mx-auto" src="{{ asset('themes/tailwind/images/Lock.png') }}">
|
||||
<h3 class="form-title mb-6">OTP sent to your email</h3>
|
||||
|
||||
<div class="form-group mb-6">
|
||||
<label for="otp">OTP</label>
|
||||
<input id="otp" type="password" name="otp" required class="w-full form-input no-radius" autofocus>
|
||||
|
||||
@if ($errors->has('otp'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('otp') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<span class="block w-full rounded-md shadow-sm">
|
||||
<button type="submit" class="flex justify-center w-full px-4 py-3 text-sm font-medium text-black transition duration-150 ease-in-out border primary-button change-form-step submit-btn" data-target="3">
|
||||
Recover Password
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<p class="bottom-desc">
|
||||
Go back to <a href="{{ route('login') }}" class="blue-link d-inline-block">Sign in</a>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="mx-auto bottom-links-wrapper">
|
||||
<a href="{{ route('user-terms-and-conditions') }}" class="link">Terms and Conditions</a>
|
||||
<a href="{{ route('user-privacy-policy') }}" class="link">Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-steps" data-step="3" style="display: none;">
|
||||
<div class="mx-auto login-signup-card">
|
||||
<form action="{{ route('forgot-password.reset-password') }}" method="POST" id="submitResetPasswordFrm">
|
||||
@csrf
|
||||
<input type="hidden" name="user_id" id="user_id">
|
||||
|
||||
<img class="logo mb-6 mx-auto" src="{{ asset('themes/tailwind/images/Lock.png') }}">
|
||||
<h3 class="form-title mb-6">Reset Your Password</h3>
|
||||
|
||||
<div class="form-group mb-6">
|
||||
<label for="password">
|
||||
New Password
|
||||
</label>
|
||||
|
||||
<div class="password-wrapper">
|
||||
<input id="password" type="password" name="password" required class="w-full form-input no-radius">
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
|
||||
@if ($errors->has('password'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('password') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-6">
|
||||
<label for="password_confirmation">
|
||||
Confirm Password
|
||||
</label>
|
||||
|
||||
<div class="password-wrapper">
|
||||
<input id="password_confirmation" type="password" name="password_confirmation" required class="w-full form-input no-radius">
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
|
||||
@if ($errors->has('password_confirmation'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('password_confirmation') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<span class="block w-full rounded-md shadow-sm">
|
||||
<button type="submit" class="flex justify-center w-full px-4 py-3 text-sm font-medium text-black transition duration-150 ease-in-out border primary-button submit-btn">
|
||||
Reset Password
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<p class="bottom-desc">
|
||||
Go back to <a href="{{ route('login') }}" class="blue-link d-inline-block">Sign in</a>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="mx-auto bottom-links-wrapper">
|
||||
<a href="{{ route('user-terms-and-conditions') }}" class="link">Terms and Conditions</a>
|
||||
<a href="{{ route('user-privacy-policy') }}" class="link">Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Validation Modal --}}
|
||||
<div class="modal fade validation-modal style2" id="validationModal" tabindex="-1" aria-labelledby="validationModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content mx-auto w-100">
|
||||
<div class="modal-body p-0">
|
||||
<p class="text-center error-message">Account Not Excise</p>
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">OK</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{-- Success Modal --}}
|
||||
<div class="modal fade validation-modal style1" id="successModal" tabindex="-1" aria-labelledby="successModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content mx-auto w-100">
|
||||
<div class="modal-body p-0">
|
||||
<p class="text-center error-message">Password has successfully reset</p>
|
||||
<a href="{{ route('login') }}" class="btn btn-secondary">Sign in</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$('.password-hide-show').click(function() {
|
||||
var type = $(this).parent().find('input').attr('type');
|
||||
|
||||
if (type == 'password') {
|
||||
$(this).parent().find('input').attr('type', 'text');
|
||||
}
|
||||
else {
|
||||
$(this).parent().find('input').attr('type', 'password');
|
||||
}
|
||||
});
|
||||
$('form').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
var action = $(this).attr('action');
|
||||
var frmId = $(this).attr('id');
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type:"post",
|
||||
data:$(this).serialize(),
|
||||
dataType:'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
if (frmId == 'submitOtpFrm') {
|
||||
$('#submitResetPasswordFrm #user_id').val(data.user_id);
|
||||
}
|
||||
|
||||
var target = button.attr('data-target');
|
||||
|
||||
if (target) {
|
||||
$('.form-steps').hide();
|
||||
$('.form-steps[data-step="' + target + '"]').show();
|
||||
}
|
||||
else {
|
||||
$('#successModal .error-message').html(data.message);
|
||||
$('#successModal').modal('show');
|
||||
}
|
||||
}
|
||||
else {
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
// $('.change-form-step').click(function() {
|
||||
// var target = $(this).attr('data-target');
|
||||
|
||||
// if (target) {
|
||||
// $('.form-steps').hide();
|
||||
// $('.form-steps[data-step="' + target + '"]').show();
|
||||
// }
|
||||
// });
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,18 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="flex flex-col justify-center py-20 px-10 sm:px-6 lg:px-8 min-h-screen main-wrapper terms-and-condition-page" style="background-image: url({{ asset('themes/tailwind/images/login-bg.png') }})">
|
||||
<div class="mx-auto page-title-wrapper">
|
||||
<h3 class="page-title">Privacy Policy</h3>
|
||||
<a href="{{ route('login') }}">Leave</a>
|
||||
</div>
|
||||
|
||||
<div class="mx-auto box-wrapper">
|
||||
{!! $siteSetting ? $siteSetting->privacy_policy : '' !!}
|
||||
</div>
|
||||
|
||||
<div class="mx-auto bottom-links-wrapper">
|
||||
<a href="{{ route('user-terms-and-conditions') }}" class="link">Terms And Conditions</a>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
124
resources/views/themes/tailwind/auth/register.blade.php
Normal file
124
resources/views/themes/tailwind/auth/register.blade.php
Normal file
@@ -0,0 +1,124 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
|
||||
<div class="sm:mx-auto sm:w-full sm:max-w-md sm:pt-10">
|
||||
<h2 class="text-3xl font-extrabold leading-9 text-center text-gray-900 sm:mt-6 lg:text-5xl">
|
||||
Sign up Below
|
||||
</h2>
|
||||
<p class="mt-4 text-sm leading-5 text-center text-gray-600 max-w">
|
||||
or, you can
|
||||
<a href="{{ route('login') }}" class="font-medium transition duration-150 ease-in-out text-wave-600 hover:text-wave-500 focus:outline-none focus:underline">
|
||||
login here
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col justify-center pb-10 sm:pb-20 sm:px-6 lg:px-8">
|
||||
|
||||
|
||||
<div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
|
||||
<div class="px-4 py-8 bg-white border shadow border-gray-50 sm:rounded-lg sm:px-10">
|
||||
<form role="form" method="POST" action="@if(setting('billing.card_upfront')){{ route('wave.register-subscribe') }}@else{{ route('register') }}@endif">
|
||||
@csrf
|
||||
<!-- If we want the user to purchase before they can create an account -->
|
||||
|
||||
<div class="pb-3 sm:border-b sm:border-gray-200">
|
||||
<h3 class="text-lg font-medium leading-6 text-gray-900">
|
||||
Profile
|
||||
</h3>
|
||||
<p class="max-w-2xl mt-1 text-sm leading-5 text-gray-500">
|
||||
Information about your account.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@csrf
|
||||
|
||||
<div class="mt-6">
|
||||
<label for="name" class="block text-sm font-medium leading-5 text-gray-700">
|
||||
Name
|
||||
</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="name" type="text" name="name" required class="w-full form-input" value="{{ old('name') }}" @if(!setting('billing.card_upfront')){{ 'autofocus' }}@endif>
|
||||
</div>
|
||||
@if ($errors->has('name'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('name') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@if(setting('auth.username_in_registration') && setting('auth.username_in_registration') == 'yes')
|
||||
<div class="mt-6">
|
||||
<label for="username" class="block text-sm font-medium leading-5 text-gray-700">
|
||||
Username
|
||||
</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="username" type="text" name="username" value="{{ old('username') }}" required class="w-full form-input">
|
||||
</div>
|
||||
@if ($errors->has('username'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('username') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="mt-6">
|
||||
<label for="email" class="block text-sm font-medium leading-5 text-gray-700">
|
||||
Email Address
|
||||
</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="email" type="email" name="email" value="{{ old('email') }}" required class="w-full form-input">
|
||||
</div>
|
||||
@if ($errors->has('email'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('email') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<label for="password" class="block text-sm font-medium leading-5 text-gray-700">
|
||||
Password
|
||||
</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="password" type="password" name="password" required class="w-full form-input">
|
||||
</div>
|
||||
@if ($errors->has('password'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('password') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<label for="password_confirmation" class="block text-sm font-medium leading-5 text-gray-700">
|
||||
Confirm Password
|
||||
</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="password_confirmation" type="password" name="password_confirmation" required class="w-full form-input">
|
||||
</div>
|
||||
@if ($errors->has('password_confirmation'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('password_confirmation') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col items-center justify-center text-sm leading-5">
|
||||
<span class="block w-full mt-5 rounded-md shadow-sm">
|
||||
<button type="submit" class="flex justify-center w-full px-4 py-2 text-sm font-medium text-white transition duration-150 ease-in-out border border-transparent rounded-md bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave active:bg-wave-700">
|
||||
Register
|
||||
</button>
|
||||
</span>
|
||||
<a href="{{ route('login') }}" class="mt-3 font-medium transition duration-150 ease-in-out text-wave-600 hover:text-wave-500 focus:outline-none focus:underline">
|
||||
Already have an account? Login here
|
||||
</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,18 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div class="flex flex-col justify-center py-20 px-10 sm:px-6 lg:px-8 min-h-screen main-wrapper terms-and-condition-page" style="background-image: url({{ asset('themes/tailwind/images/login-bg.png') }})">
|
||||
<div class="mx-auto page-title-wrapper">
|
||||
<h3 class="page-title">Terms and Conditions</h3>
|
||||
<a href="{{ route('login') }}">Leave</a>
|
||||
</div>
|
||||
|
||||
<div class="mx-auto box-wrapper">
|
||||
{!! $siteSetting ? $siteSetting->terms_and_conditions : '' !!}
|
||||
</div>
|
||||
|
||||
<div class="mx-auto bottom-links-wrapper">
|
||||
<a href="{{ route('user-privacy-policy') }}" class="link">Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
111
resources/views/themes/tailwind/auth/user-login.blade.php
Normal file
111
resources/views/themes/tailwind/auth/user-login.blade.php
Normal file
@@ -0,0 +1,111 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
||||
|
||||
<div class="flex flex-col justify-center py-20 px-2 sm:px-6 lg:px-8 min-h-screen main-wrapper login-signup-page" style="background-image: url({{ asset('themes/tailwind/images/login-bg.png') }})">
|
||||
<div class="mx-auto login-signup-card">
|
||||
<form action="{{ route('login') }}" method="POST">
|
||||
@csrf
|
||||
<input type="hidden" name="user_type" value="user">
|
||||
|
||||
<img class="logo mb-6 mx-auto" src="{{ asset('themes/tailwind/images/logo.png') }}" height="90">
|
||||
<h3 class="form-title mb-6">Login To Your Account</h3>
|
||||
|
||||
<div class="form-group mb-6">
|
||||
<label for="email">Email</label>
|
||||
<input id="email" type="email" name="email" required class="w-full form-input no-radius" autofocus>
|
||||
|
||||
@if ($errors->has('email'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('email') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-6">
|
||||
<label for="password">
|
||||
Password
|
||||
</label>
|
||||
|
||||
<div class="password-wrapper">
|
||||
<input id="password" type="password" name="password" required class="w-full form-input no-radius">
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
|
||||
@if ($errors->has('password'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('password') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<a href="{{ route('forgot-password') }}" class="blue-link ">Forgot Password?</a>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<div class="custom-radio-checkbox">
|
||||
<input type="checkbox" class="remember" name="remember" id="remember" value="1">
|
||||
<label class="remember_label" for="remember">
|
||||
Remember Me
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<span class="block w-full rounded-md shadow-sm">
|
||||
<button type="submit" class="flex justify-center w-full px-4 py-3 text-sm font-medium text-black transition duration-150 ease-in-out border primary-button submit-btn">
|
||||
Sign in
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<p class="bottom-desc">
|
||||
Don't have an account? <a href="{{ route('register') }}" class="link">Sign Up</a>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="mx-auto bottom-links-wrapper">
|
||||
<a href="{{ route('user-terms-and-conditions') }}" class="link">Terms and Conditions</a>
|
||||
<a href="{{ route('user-privacy-policy') }}" class="link">Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if(Session::has('message'))
|
||||
<div class="modal fade validation-modal style1" id="validationModal" tabindex="-1" aria-labelledby="validationModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content mx-auto w-100">
|
||||
<div class="modal-body p-0">
|
||||
<p class="text-center error-message">{{ Session::get('message') }}</p>
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">OK</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
if ($('#validationModal').length) {
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
|
||||
$('.password-hide-show').click(function() {
|
||||
var type = $(this).parent().find('input').attr('type');
|
||||
|
||||
if (type == 'password') {
|
||||
$(this).parent().find('input').attr('type', 'text');
|
||||
}
|
||||
else {
|
||||
$(this).parent().find('input').attr('type', 'password');
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
355
resources/views/themes/tailwind/auth/user-register.blade.php
Normal file
355
resources/views/themes/tailwind/auth/user-register.blade.php
Normal file
@@ -0,0 +1,355 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
||||
|
||||
<div class="flex flex-col justify-center py-20 px-2 sm:px-6 lg:px-8 min-h-screen main-wrapper login-signup-page" style="background-image: url({{ asset('themes/tailwind/images/login-bg.png') }})">
|
||||
<form action="{{ route('register') }}" method="POST" id="registerFrm">
|
||||
@csrf
|
||||
|
||||
<input id="invite_token" type="hidden" name="invite_token" value="{{ $invite_token }}">
|
||||
|
||||
<div class="form-steps" data-step="1" id="formStep1">
|
||||
<div class="mx-auto login-signup-card">
|
||||
<h3 class="form-title mb-6">Create Account</h3>
|
||||
|
||||
<div class="form-group mb-6">
|
||||
<label for="first_name">
|
||||
First Name
|
||||
</label>
|
||||
<input id="first_name" type="text" name="first_name" required class="w-full form-input no-radius" value="{{ old('first_name') }}" autofocus>
|
||||
|
||||
@if ($errors->has('first_name'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('first_name') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-6">
|
||||
<label for="last_name">
|
||||
Last Name
|
||||
</label>
|
||||
<input id="last_name" type="text" name="last_name" required class="w-full form-input no-radius" value="{{ old('last_name') }}" autofocus>
|
||||
|
||||
@if ($errors->has('last_name'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('last_name') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-6">
|
||||
<label for="email">Email</label>
|
||||
<input id="email" type="email" name="email" value="{{ $invite_email ? $invite_email : old('email') }}" required class="w-full form-input no-radius" autofocus {{ $invite_email ? 'disabled' : '' }}>
|
||||
|
||||
@if ($errors->has('email'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('email') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-6">
|
||||
<label for="phone">
|
||||
Phone Number
|
||||
</label>
|
||||
<input id="phone" type="text" name="phone" name="phone" value="{{ old('phone') }}" required class="w-full form-input no-radius">
|
||||
|
||||
@if ($errors->has('phone'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('phone') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-6">
|
||||
<label for="password">
|
||||
Password
|
||||
</label>
|
||||
|
||||
<div class="password-wrapper">
|
||||
<input id="password" type="password" name="password" required class="w-full form-input no-radius">
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
|
||||
@if ($errors->has('password'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('password') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-6">
|
||||
<label for="password_confirmation">
|
||||
Confirm Password
|
||||
</label>
|
||||
|
||||
<div class="password-wrapper">
|
||||
<input id="password_confirmation" type="password" name="password_confirmation" required class="w-full form-input no-radius">
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
|
||||
@if ($errors->has('password_confirmation'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('password_confirmation') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-6 ">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-2 mt-0">
|
||||
<label for="role_id" class="mb-0">
|
||||
Role
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-md-10 mt-0">
|
||||
<select id="role_id" name="role_id" required class="w-full form-input no-radius">
|
||||
@foreach ($roles as $role)
|
||||
<option value="{{ $role->id }}" {{ old('role_id') == $role->id ? 'selected' : '' }}>{{ $role->display_name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if ($errors->has('phone_number'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('phone_number') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<div class="custom-radio-checkbox">
|
||||
<input type="checkbox" class="remember" name="terms_and_conditions" id="terms_and_conditions" value="1">
|
||||
<label class="remember_label" for="terms_and_conditions">
|
||||
I accept <a href="{{ route('user-terms-and-conditions') }}" class="blue-link d-inline-block text-decoration-none">Terms and Conditions</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<span class="block w-full rounded-md shadow-sm">
|
||||
<button type="button" class="flex justify-center w-full px-4 py-3 text-sm font-medium text-black transition duration-150 ease-in-out border primary-button change-form-step submit-btn {{ $invite_token ? 'send-btn' : '' }}" data-target="{{ $invite_token ? '3' : '2' }}">
|
||||
Create Account
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<p class="bottom-desc">
|
||||
Already have an account? <a href="{{ route('login') }}" class="blue-link d-inline-block">Sign in</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (!$invite_token)
|
||||
<div class="form-steps" data-step="2" id="formStep2" style="display: none;">
|
||||
<div class="mx-auto login-signup-card">
|
||||
<img class="logo mb-6 mx-auto" src="{{ asset('themes/tailwind/images/email.png') }}">
|
||||
<h3 class="form-title mb-6">Your Company Owner Email</h3>
|
||||
|
||||
<div class="form-group mb-6">
|
||||
<label for="company_email">Email</label>
|
||||
<input id="company_email" type="email" name="company_email" required class="w-full form-input no-radius" autofocus>
|
||||
|
||||
@if ($errors->has('company_email'))
|
||||
<div class="mt-1 text-red-500">
|
||||
{{ $errors->first('company_email') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mb-6">
|
||||
<span class="block w-full rounded-md shadow-sm">
|
||||
<button type="button" class="flex justify-center w-full px-4 py-3 text-sm font-medium text-black transition duration-150 ease-in-out border primary-button change-form-step submit-btn send-btn" data-target="3">
|
||||
Send
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<p class="bottom-desc">
|
||||
Go back to <a href="{{ route('login') }}" class="blue-link d-inline-block">Sign in</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="form-steps" data-step="3" style="display: none;">
|
||||
<div class="mx-auto login-signup-card">
|
||||
<h3 class="form-title mb-6">Your account is now activated!</h3>
|
||||
|
||||
<div class="mb-6">
|
||||
<span class="block w-full rounded-md shadow-sm">
|
||||
<a href="{{ route('login') }}" class="flex justify-center w-full px-4 py-3 text-sm font-medium text-black transition duration-150 ease-in-out border primary-button submit-btn">
|
||||
Sign in
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" id="submitBtn" class="d-none"></button>
|
||||
</form>
|
||||
|
||||
<div class="mx-auto bottom-links-wrapper">
|
||||
<a href="{{ route('user-terms-and-conditions') }}" class="link">Terms and Conditions</a>
|
||||
<a href="{{ route('user-privacy-policy') }}" class="link">Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Didn't accept T&C Modal --}}
|
||||
<div class="modal fade validation-modal style1" id="validationModal1" tabindex="-1" aria-labelledby="validationModal1Label" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content mx-auto w-100">
|
||||
<div class="modal-body p-0">
|
||||
<p class="text-center error-message">You are not accept Terms & Conditions</p>
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">OK</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{-- Error Modal --}}
|
||||
<div class="modal fade validation-modal style2" id="validationModal2" tabindex="-1" aria-labelledby="validationModal2Label" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content mx-auto w-100">
|
||||
<div class="modal-body p-0">
|
||||
<p class="text-center error-message">Wrong Password</p>
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">OK</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{-- Sent Success Modal --}}
|
||||
<div class="modal fade validation-modal style2" id="validationModal3" tabindex="-1" aria-labelledby="validationModal3Label" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content mx-auto w-100">
|
||||
<div class="modal-body p-0">
|
||||
<p class="text-center error-message">
|
||||
@if ($invite_token)
|
||||
Register successfully
|
||||
@else
|
||||
Sent successfully
|
||||
@endif
|
||||
</p>
|
||||
<a href="{{ route('login') }}" class="btn btn-secondary">Back</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$('.password-hide-show').click(function() {
|
||||
var type = $(this).parent().find('input').attr('type');
|
||||
|
||||
if (type == 'password') {
|
||||
$(this).parent().find('input').attr('type', 'text');
|
||||
}
|
||||
else {
|
||||
$(this).parent().find('input').attr('type', 'password');
|
||||
}
|
||||
});
|
||||
$('.change-form-step').click(function() {
|
||||
var target = $(this).attr('data-target');
|
||||
var validForm = true;
|
||||
var form = $(this).parents('form').first();
|
||||
var currentStep = $('.form-steps:visible').first().attr('id');
|
||||
|
||||
form.find('input[type="text"][required]:visible').each(function() {
|
||||
if (!$(this).val()) {
|
||||
validForm = false;
|
||||
|
||||
return false;
|
||||
}
|
||||
});
|
||||
form.find('input[type="email"][required]:visible').each(function() {
|
||||
if (!$(this).val()) {
|
||||
validForm = false;
|
||||
|
||||
return false;
|
||||
}
|
||||
});
|
||||
form.find('input[type="checkbox"][required]:visible').each(function() {
|
||||
if (!$(this).is(':checked')) {
|
||||
validForm = false;
|
||||
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
if (currentStep == 'formStep1' && validForm) {
|
||||
if (!form.find('#terms_and_conditions').is(':checked')) {
|
||||
$('#validationModal1').modal('show');
|
||||
return;
|
||||
}
|
||||
else if (form.find('#password').val() != form.find('#password_confirmation').val()) {
|
||||
$('#validationModal2 .error-message').html('Wrong Password');
|
||||
$('#validationModal2').modal('show');
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (validForm) {
|
||||
if (target == '3') {
|
||||
form.find('button[type="submit"]').click();
|
||||
}
|
||||
else {
|
||||
$('.form-steps').hide();
|
||||
$('.form-steps[data-step="' + target + '"]').show();
|
||||
}
|
||||
}
|
||||
else {
|
||||
form.find('button[type="submit"]').click();
|
||||
}
|
||||
});
|
||||
|
||||
$('#registerFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var button = $(this).find('.send-btn');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled')) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$(this).find('#email').removeAttr('disabled');
|
||||
var data = $(this).serialize();
|
||||
$(this).find('#email').attr('disabled', 'disabled');
|
||||
|
||||
$.ajax({
|
||||
url: '{{ route("wave.register-ajax") }}',
|
||||
type: "post",
|
||||
data: data,
|
||||
dataType:'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
$('#validationModal3').modal('show');
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal2 .error-message').html(errorMessage);
|
||||
$('#validationModal2').modal('show');
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
24
resources/views/themes/tailwind/auth/verified.blade.php
Normal file
24
resources/views/themes/tailwind/auth/verified.blade.php
Normal file
@@ -0,0 +1,24 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
||||
|
||||
<div class="flex flex-col justify-center py-20 px-2 sm:px-6 lg:px-8 min-h-screen main-wrapper login-signup-page" style="background-image: url({{ asset('themes/tailwind/images/login-bg.png') }})">
|
||||
<div class="mx-auto login-signup-card">
|
||||
<h3 class="form-title mb-6">Your account is now activated!</h3>
|
||||
|
||||
<div class="mb-6">
|
||||
<span class="block w-full rounded-md shadow-sm">
|
||||
<a href="{{ route('login') }}" class="flex justify-center w-full px-4 py-3 text-sm font-medium text-black transition duration-150 ease-in-out border primary-button submit-btn">
|
||||
Sign in
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mx-auto bottom-links-wrapper">
|
||||
<a href="{{ route('user-terms-and-conditions') }}" class="link">Terms and Conditions</a>
|
||||
<a href="{{ route('user-privacy-policy') }}" class="link">Privacy Policy</a>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
96
resources/views/themes/tailwind/blog/index.blade.php
Normal file
96
resources/views/themes/tailwind/blog/index.blade.php
Normal file
@@ -0,0 +1,96 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
|
||||
<div class="relative px-8 pt-8 pb-20 mx-auto xl:px-5 max-w-7xl sm:px-6 lg:pt-10 lg:pb-28">
|
||||
<div class="absolute inset-0">
|
||||
<div class="bg-white h-1/3 sm:h-2/3"></div>
|
||||
</div>
|
||||
<div class="relative mx-auto max-w-7xl">
|
||||
<div class="flex flex-col justify-start">
|
||||
<h1 class="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 sm:text-4xl sm:leading-10">
|
||||
Our Awesome Blog
|
||||
</h1>
|
||||
<p class="mt-3 text-xl leading-7 text-gray-500 sm:mt-4">
|
||||
Check out some of our latest blog posts below.
|
||||
</p>
|
||||
<ul class="flex self-start inline w-auto px-3 py-1 mt-3 text-xs font-medium text-gray-600 bg-blue-100 rounded-md">
|
||||
<li class="mr-4 font-bold text-blue-600 uppercase">Categories:</li>
|
||||
@foreach($categories as $cat)
|
||||
<li class="@if(isset($category) && isset($category->slug) && ($category->slug == $cat->slug)){{ 'text-blue-700' }}@endif"><a href="{{ route('wave.blog.category', $cat->slug) }}">{{ $cat->name }}</a></li>
|
||||
@if(!$loop->last)
|
||||
<li class="mx-2">·</li>
|
||||
@endif
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<div class="grid gap-5 mx-auto mt-12 sm:grid-cols-2 lg:grid-cols-3">
|
||||
|
||||
<!-- Loop Through Posts Here -->
|
||||
@foreach($posts as $post)
|
||||
<article id="post-{{ $post->id }}" class="flex flex-col overflow-hidden rounded-lg shadow-lg" typeof="Article">
|
||||
|
||||
<meta property="name" content="{{ $post->title }}">
|
||||
<meta property="author" typeof="Person" content="admin">
|
||||
<meta property="dateModified" content="{{ Carbon\Carbon::parse($post->updated_at)->toIso8601String() }}">
|
||||
<meta class="uk-margin-remove-adjacent" property="datePublished" content="{{ Carbon\Carbon::parse($post->created_at)->toIso8601String() }}">
|
||||
|
||||
<div class="flex-shrink-0">
|
||||
<a href="{{ $post->link() }}">
|
||||
<img class="object-cover w-full h-48" src="{{ $post->image() }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="relative flex flex-col justify-between flex-1 p-6 bg-white">
|
||||
<div class="flex-1">
|
||||
<a href="{{ $post->link() }}" class="block">
|
||||
<h3 class="mt-2 text-xl font-semibold leading-7 text-gray-900">
|
||||
{{ $post->title }}
|
||||
</h3>
|
||||
</a>
|
||||
<a href="{{ $post->link() }}" class="block">
|
||||
<p class="mt-3 text-base leading-6 text-gray-500">
|
||||
{{ substr(strip_tags($post->body), 0, 200) }}@if(strlen(strip_tags($post->body)) > 200){{ '...' }}@endif
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
<p class="relative self-start inline-block px-2 py-1 mt-4 text-xs font-medium leading-5 text-gray-400 uppercase bg-gray-100 rounded">
|
||||
<a href="{{ route('wave.blog.category', $post->category->slug) }}" class="text-gray-700 hover:underline" rel="category">
|
||||
{{ $post->category->name }}
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center p-6 bg-gray-50">
|
||||
<div class="flex-shrink-0">
|
||||
<a href="#">
|
||||
<img class="w-10 h-10 rounded-full" src="{{ $post->user->avatar() }}" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="ml-3">
|
||||
<p class="text-sm font-medium leading-5 text-gray-900">
|
||||
Written by <a href="#" class="hover:underline">{{ $post->user->name }}</a>
|
||||
</p>
|
||||
<div class="flex text-sm leading-5 text-gray-500">
|
||||
on <time datetime="{{ Carbon\Carbon::parse($post->created_at)->toIso8601String() }}" class="ml-1">{{ Carbon\Carbon::parse($post->created_at)->toFormattedDateString() }}</time>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
@endforeach
|
||||
<!-- End Post Loop Here -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center my-10">
|
||||
{{ $posts->links('theme::partials.pagination') }}
|
||||
<!--li class="uk-active"><span aria-current="page" class="page-numbers current">1</span></li>
|
||||
<li><a class="page-numbers" href="https://demo.yootheme.com/themes/wordpress/2017/copper-hill/?paged=2&page_id=92">2</a></li>
|
||||
<li><a class="next page-numbers" href="https://demo.yootheme.com/themes/wordpress/2017/copper-hill/?paged=2&page_id=92"><span uk-pagination-next="" class="uk-pagination-next uk-icon"><svg width="7" height="12" viewBox="0 0 7 12" xmlns="http://www.w3.org/2000/svg" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.2" points="1 1 6 6 1 11"></polyline></svg></span></a></li-->
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
38
resources/views/themes/tailwind/blog/post.blade.php
Normal file
38
resources/views/themes/tailwind/blog/post.blade.php
Normal file
@@ -0,0 +1,38 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="max-w-4xl px-5 mx-auto mt-10 lg:px-0">
|
||||
<a href="{{ route('wave.blog') }}" class="flex items-center mb-6 font-mono text-sm font-bold cursor-pointer text-wave-500">
|
||||
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path></svg>
|
||||
back to the blog
|
||||
</a>
|
||||
</div>
|
||||
<article id="post-{{ $post->id }}" class="max-w-4xl px-5 mx-auto prose prose-xl lg:prose-2xl lg:px-0">
|
||||
|
||||
<meta property="name" content="{{ $post->title }}">
|
||||
<meta property="author" typeof="Person" content="admin">
|
||||
<meta property="dateModified" content="{{ Carbon\Carbon::parse($post->updated_at)->toIso8601String() }}">
|
||||
<meta class="uk-margin-remove-adjacent" property="datePublished" content="{{ Carbon\Carbon::parse($post->created_at)->toIso8601String() }}">
|
||||
|
||||
<div class="max-w-4xl mx-auto mt-6">
|
||||
|
||||
<h1 class="flex flex-col leading-none">
|
||||
<span>{{ $post->title }}</span>
|
||||
<span class="mt-0 mt-10 text-base font-normal">Written on <time datetime="{{ Carbon\Carbon::parse($post->created_at)->toIso8601String() }}">{{ Carbon\Carbon::parse($post->created_at)->toFormattedDateString() }}</time>. Posted in <a href="{{ route('wave.blog.category', $post->category->slug) }}" rel="category">{{ $post->category->name }}</a>.</span>
|
||||
</h1>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="relative">
|
||||
<img class="w-full h-auto rounded-lg" src="{{ $post->image() }}" alt="{{ $post->title }}" srcset="{{ $post->image() }}">
|
||||
</div>
|
||||
|
||||
<div class="max-w-4xl mx-auto">
|
||||
{!! $post->body !!}
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
||||
@endsection
|
||||
11
resources/views/themes/tailwind/cancelled.blade.php
Normal file
11
resources/views/themes/tailwind/cancelled.blade.php
Normal file
@@ -0,0 +1,11 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="pt-20 mx-auto prose text-center max-w-7xl">
|
||||
<h2>You no longer have an active subscription</h2>
|
||||
<p>Please <a href="{{ route('wave.settings', 'plans') }}">Subscribe to a Plan</a> to continue using {{ setting('site.title') }}. Thanks!</p>
|
||||
<a href="{{ route('wave.settings', 'plans') }}">View Plans</a>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,397 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
.dashboard-title{
|
||||
font-size: 32px;
|
||||
color: #364257;
|
||||
margin-right: 80px;
|
||||
}
|
||||
.dashboard-btn{
|
||||
margin-right: 20px;
|
||||
font-weight: bold;
|
||||
width: 250px;
|
||||
padding: 12px !important;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
line-height: 30px;
|
||||
justify-content: center;
|
||||
border-radius: 3px;
|
||||
|
||||
}
|
||||
.back-btn {
|
||||
background-color: #9B0025;
|
||||
color: #FFF;
|
||||
padding: 20px 105px;
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="dashboard-title-flex">
|
||||
<h2 class="dashboard-title">{{ __("Bookkeeping") }}</h2>
|
||||
<div class="dashboard-button-title">
|
||||
<a href="#" class="btn primary-button" data-bs-toggle="modal" data-bs-target="#newCategoryModal">{{ __("New Category") }}</a>
|
||||
<a href="{{ route('cms.bookkeepings') }}" class="btn btn-error">{{ __("Back") }}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs-content">
|
||||
<div class="tabs-content-item white-bg no-padd no-box-shadow">
|
||||
<table id="categoriesTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Category Name") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
<td>{{ __("Action") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Modals --}}
|
||||
{{-- Add Category Modal --}}
|
||||
<div class="modal fade custom-modal" id="newCategoryModal" tabindex="-1" aria-labelledby="newCategoryModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title">{{ __("Category detail") }}</p>
|
||||
|
||||
<form action="{{ route('cms.bookkeepings.categories.store') }}" class="theme-form" id="addCategoryFrm">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Name") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="name" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto" required>
|
||||
<label class="col-form-label">{{ __("Status") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="status">
|
||||
<option value="active" selected>{{ __("Active") }}</option>
|
||||
<option value="inactive">{{ __("Inactive") }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="submit" class="btn green-btn mx-3">{{ __("Save") }}</button>
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">{{ __("Cancel") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{-- Edit Category Modal --}}
|
||||
<div class="modal fade custom-modal" id="editCategoryModal" tabindex="-1" aria-labelledby="editCategoryModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title">{{ __("Category detail") }}</p>
|
||||
|
||||
<form action="#" class="theme-form" id="editCategoryFrm">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Name") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="name" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto" required>
|
||||
<label class="col-form-label">{{ __("Status") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="status">
|
||||
<option value="active" selected>{{ __("Active") }}</option>
|
||||
<option value="inactive">{{ __("Inactive") }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="submit" class="btn green-btn mx-3">{{ __("Save") }}</button>
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">{{ __("Cancel") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{-- Saved Success Modal --}}
|
||||
<div class="modal fade validation-modal style2" id="validationModal" tabindex="-1" aria-labelledby="validationModal1Label" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="text-center error-message">{{ __("All changes have been saved!") }}</p>
|
||||
<button type="button" class="btn br-0" data-bs-dismiss="modal">{{ __("Back") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$.ajaxSetup({
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
}
|
||||
});
|
||||
|
||||
var categoriesTable = $("#categoriesTable").DataTable({
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: '{{ route("cms.bookkeepings.categories.table") }}',
|
||||
type: 'post',
|
||||
"dataSrc": function ( json ) {
|
||||
for (var i = 0; i < json.data.length; i++) {
|
||||
$.each( json.data[i], function( key, value ) {
|
||||
json.data[i][key] = value ? value : '-';
|
||||
});
|
||||
}
|
||||
|
||||
return json.data;
|
||||
}
|
||||
},
|
||||
columns: [
|
||||
{data: 'name', name: 'name'},
|
||||
{data: 'status', name: 'status'},
|
||||
{data: 'actions', name: 'actions', searchable: false, sortable: false}
|
||||
],
|
||||
order: [[0, "asc"]],
|
||||
searchDelay: 500,
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
"emptyTable": '{{ __("No data available in table") }}'
|
||||
// Add more text customizations if needed
|
||||
}
|
||||
});
|
||||
|
||||
$('#addCategoryFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
$('#newCategoryModal').modal('hide');
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
$('#addUserFrm').trigger("reset");
|
||||
categoriesTable.ajax.reload();
|
||||
}
|
||||
else {
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.remove-category', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
|
||||
if (action) {
|
||||
Swal.fire({
|
||||
title: '{{ __("Are you sure?") }}',
|
||||
text: '{{ __("You would not be able to revert this!") }}',
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: '{{ __("Yes") }}',
|
||||
cancelButtonText: '{{ __("Cancel") }}'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
categoriesTable.ajax.reload();
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.view-edit-category', function(e) {
|
||||
var actionType = $(this).attr('data-action-type');
|
||||
var actionShow = $(this).attr('data-action-show');
|
||||
var actionUpdate = $(this).attr('data-action-update');
|
||||
|
||||
if (actionShow && actionUpdate) {
|
||||
$.ajax({
|
||||
url: actionShow,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
$('#editCategoryFrm').attr('action', actionUpdate);
|
||||
$('#editCategoryFrm input[name="name"]').val(data.category.name);
|
||||
$('#editCategoryFrm select[name="status"]').val(data.category.status);
|
||||
|
||||
if (actionType == 'edit') {
|
||||
$('#editCategoryFrm input[name="name"]').removeAttr('disabled');
|
||||
$('#editCategoryFrm select[name="status"]').removeAttr('disabled');
|
||||
}
|
||||
else {
|
||||
$('#editCategoryFrm input[name="name"]').attr('disabled', 'disabled');
|
||||
$('#editCategoryFrm select[name="status"]').attr('disabled', 'disabled');
|
||||
}
|
||||
|
||||
$('#editCategoryModal').modal('show');
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$('#editCategoryFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
$('#editCategoryModal').modal('hide');
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
$('#editCategoryFrm').trigger("reset");
|
||||
categoriesTable.ajax.reload();
|
||||
}
|
||||
else {
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,356 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('style')
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.10.0/css/bootstrap-datepicker.min.css" />
|
||||
<style type="text/css">
|
||||
|
||||
.dashboard-title{
|
||||
font-size: 32px;
|
||||
color: #364257;
|
||||
margin-right: 80px;
|
||||
}
|
||||
.dashboard-btn{
|
||||
margin-right: 20px;
|
||||
font-weight: bold;
|
||||
width: 250px;
|
||||
padding: 12px !important;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
line-height: 30px;
|
||||
justify-content: center;
|
||||
border-radius: 3px;
|
||||
|
||||
}
|
||||
.back-btn {
|
||||
background-color: #9B0025;
|
||||
color: #FFF;
|
||||
padding: 20px 105px;
|
||||
width: 250px;
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<button type="button" class="d-none reload-main-table"></button>
|
||||
|
||||
<div class="dashboard-title-flex">
|
||||
<h2 class="dashboard-title">{{ __("Document Library") }}</h2>
|
||||
<div class="dashboard-button-title">
|
||||
<a href="#" class="btn primary-button" data-bs-toggle="modal" data-bs-target="#uploadDocumentModal">{{ __("Upload Document") }}</a>
|
||||
<a href="{{ route('cms.bookkeepings') }}" class="btn btn-error">{{ __("Back") }}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form class="search-bar flex mb-5" id="searchFilterFrm">
|
||||
<span class="search-bar__label">{{ __("Document/Record search") }}</span>
|
||||
<div class="search-bar__field">
|
||||
<button type="button" data-bs-toggle="modal" data-bs-target="#searchFilterModal"><img src="{{ asset('themes/tailwind/images/setting-4.svg') }}"></button>
|
||||
<input type="text" name="main_search_file_name" class="w-100" style="box-shadow: none;">
|
||||
</div>
|
||||
<button type="submit" class="btn primary-button search-bar__button">{{ __("Search") }}</button>
|
||||
</form>
|
||||
|
||||
<div class="tabs-content">
|
||||
<div class="tabs-content-item white-bg no-padd no-box-shadow">
|
||||
<table id="documentLibrariesTable">
|
||||
<thead>
|
||||
<tr>
|
||||
{{-- <td style="width: fit-content;"><input type="checkbox"></td> --}}
|
||||
<td>{{ __("Document Name") }}</td>
|
||||
<td>{{ __("Company") }}</td>
|
||||
<td>{{ __("Document Category") }}</td>
|
||||
<td>{{ __("Upload User") }}</td>
|
||||
<td>{{ __("Document Size") }}</td>
|
||||
<td>{{ __("Date Uploaded") }}</td>
|
||||
<td>{{ __("Action") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{-- <tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>ABC Consultant Ltd.</td>
|
||||
<td>Report</td>
|
||||
<td>Admin</td>
|
||||
<td class="primary-text">234KB</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<a href="#" class="primary-text">View</a> |
|
||||
<a href="#" class="primary-text">Properties</a> |
|
||||
<a href="#" class="primary-text">Download</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>ABC Consultant Ltd.</td>
|
||||
<td>Report</td>
|
||||
<td>Admin</td>
|
||||
<td class="primary-text">234KB</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<a href="#" class="primary-text">View</a> |
|
||||
<a href="#" class="primary-text">Properties</a> |
|
||||
<a href="#" class="primary-text">Download</a>
|
||||
</td>
|
||||
</tr> --}}
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<a href="{{ route('cms.bookkeepings.document-libraries.export') }}" class="btn primary-button w-fit-content mb-3" style="min-width: 300px;">{{ __("Download") }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Modals --}}
|
||||
{{-- Upload Document Modal --}}
|
||||
@include('theme::cms.bookkeepings.document-libraries.upload-document-modal')
|
||||
|
||||
<div class="modal fade custom-modal" id="searchFilterModal" tabindex="-1" aria-labelledby="searchFilterModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title">{{ __("Search") }}</p>
|
||||
|
||||
<form action="#" class="theme-form" id="searchFilterModalFrm">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-4">
|
||||
<label class="col-form-label">{{ __("Document category") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="search_bookkeeping_document_category_id">
|
||||
@foreach ($categories as $category)
|
||||
<option value="{{ $category->id }}">{{ $category->name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-4">
|
||||
<label class="col-form-label">{{ __("Status") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="search_status">
|
||||
<option value="uploaded">{{ __("Uploaded") }}</option>
|
||||
<option value="in_progress">{{ __("In Progress") }}</option>
|
||||
<option value="ocr_complete">{{ __("OCR Complete") }}</option>
|
||||
<option value="failed">{{ __("Failed") }}</option>
|
||||
<option value="completed">{{ __("Completed") }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-4">
|
||||
<label class="col-form-label">Keyword</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="search_file_name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-4">
|
||||
<label class="col-form-label">Date uploaded</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="search_date_uploaded">
|
||||
<option value="">Any time</option>
|
||||
<option value="today">{{ __("Today") }}</option>
|
||||
<option value="yesterday">{{ __("Yesterday") }}</option>
|
||||
<option value="last_7_days">{{ __("Last 7 days") }}</option>
|
||||
<option value="last_30_days">{{ __("Last 30 days") }}</option>
|
||||
<option value="last_90_days">{{ __("Last 90 days") }}</option>
|
||||
<option value="custom">{{ __("Custom") }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="display:none;" id="customDateWrapper">
|
||||
<div class="col-md-12">
|
||||
<label class="col-form-label">Between</label>
|
||||
</div>
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="search_date_from">
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="search_date_to">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="submit" class="btn green-btn mx-3">{{ __("Search") }}</button>
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">{{ __("Cancel") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.10.0/js/bootstrap-datepicker.min.js"></script>
|
||||
<script type="text/javascript" src="{{ asset('themes/' . $theme->folder . '/js/cms/bookkeepings/document-libraries/upload-document-modal.js') }}"></script>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
var mainSearchBtnClicked = false;
|
||||
$.ajaxSetup({
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
}
|
||||
});
|
||||
|
||||
$('#searchFilterModalFrm [name="search_date_from"]').datepicker().on('changeDate', function (selected) {
|
||||
var minDate = new Date(selected.date.valueOf());
|
||||
$('#searchFilterModalFrm [name="search_date_to"]').datepicker('setStartDate', minDate);
|
||||
$('#searchFilterModalFrm [name="search_date_to"]').val('');
|
||||
});
|
||||
$('#searchFilterModalFrm [name="search_date_to"]').datepicker();
|
||||
|
||||
var documentLibrariesTable = $("#documentLibrariesTable").DataTable({
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: '{{ route("cms.bookkeepings.document-libraries.table") }}',
|
||||
type: 'post',
|
||||
"data": function ( d ) {
|
||||
if (mainSearchBtnClicked == false && $('#searchFilterModal').is(':visible')) {
|
||||
return $.extend( {}, d, {
|
||||
"bookkeeping_document_category_id": $('#searchFilterModalFrm [name="search_bookkeeping_document_category_id"]').val(),
|
||||
"status": $('#searchFilterModalFrm [name="search_status"]').val(),
|
||||
"file_name": $('#searchFilterModalFrm [name="search_file_name"]').val(),
|
||||
"date_uploaded": $('#searchFilterModalFrm [name="search_date_uploaded"]').val(),
|
||||
"date_uploaded_from": $('#searchFilterModalFrm [name="search_date_from"]').val(),
|
||||
"date_uploaded_to": $('#searchFilterModalFrm [name="search_date_to"]').val(),
|
||||
} );
|
||||
}
|
||||
else if (mainSearchBtnClicked) {
|
||||
return $.extend( {}, d, {
|
||||
"file_name": $('#searchFilterFrm [name="main_search_file_name"]').val(),
|
||||
} );
|
||||
}
|
||||
else {
|
||||
return $.extend( {}, d, {} );
|
||||
}
|
||||
},
|
||||
"dataSrc": function ( json ) {
|
||||
for (var i = 0; i < json.data.length; i++) {
|
||||
$.each( json.data[i], function( key, value ) {
|
||||
json.data[i][key] = value ? value : '-';
|
||||
});
|
||||
}
|
||||
|
||||
return json.data;
|
||||
},
|
||||
complete: function (data) {
|
||||
if (mainSearchBtnClicked == false && $('#searchFilterModal').is(':visible')) {
|
||||
$('#searchFilterFrm')[0].reset();
|
||||
}
|
||||
else if (mainSearchBtnClicked) {
|
||||
$('#searchFilterModalFrm')[0].reset();
|
||||
}
|
||||
|
||||
$('#searchFilterModal').modal('hide');
|
||||
$('#searchFilterModalFrm button[type="submit"]').removeAttr('disabled');
|
||||
$('#searchFilterModalFrm button[type="submit"]').html('{{ __("Search") }}');
|
||||
|
||||
$('#searchFilterFrm button[type="submit"]').removeAttr('disabled');
|
||||
$('#searchFilterFrm button[type="submit"]').html('{{ __("Search") }}');
|
||||
|
||||
mainSearchBtnClicked = false;
|
||||
}
|
||||
},
|
||||
columns: [
|
||||
// {data: 'checkbox', name: 'checkbox', searchable: false, sortable: false},
|
||||
{data: 'file_name', name: 'bookkeeping_documents.file_name'},
|
||||
('{{ strtolower(app()->getLocale()) }}' == 'zh_hk' ? {data: 'name_chinese', name: 'companies.name_chinese'} : {data: 'name_english', name: 'companies.name_english'}),
|
||||
{data: 'category_name', name: 'bookkeeping_document_categories.name'},
|
||||
{data: 'user_name', name: 'users.name'},
|
||||
{data: 'document_size', name: 'document_size', searchable: false, sortable: false},
|
||||
{data: 'created_at', name: 'bookkeeping_documents.created_at'},
|
||||
{data: 'actions', name: 'actions', searchable: false, sortable: false}
|
||||
],
|
||||
order: [[5, "desc"]],
|
||||
searchDelay: 500,
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
"emptyTable": '{{ __("No data available in table") }}'
|
||||
// Add more text customizations if needed
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('change', '#searchFilterModalFrm [name="search_date_uploaded"]', function (e) {
|
||||
if ($(this).val() == 'custom') {
|
||||
$('#searchFilterModalFrm #customDateWrapper').show();
|
||||
}
|
||||
else {
|
||||
$('#searchFilterModalFrm #customDateWrapper').hide();
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.reload-main-table', function (e) {
|
||||
documentLibrariesTable.ajax.reload();
|
||||
});
|
||||
|
||||
$(document).on('submit', '#searchFilterModalFrm', function (e) {
|
||||
e.preventDefault();
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled')) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
documentLibrariesTable.ajax.reload();
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('submit', '#searchFilterFrm', function (e) {
|
||||
e.preventDefault();
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled')) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
mainSearchBtnClicked = true;
|
||||
documentLibrariesTable.ajax.reload();
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.download-file', function (e) {
|
||||
var id = $(this).attr('data-id');
|
||||
var url = '{{ route("cms.bookkeepings.document-libraries.download", ["document" => ":id"]) }}';
|
||||
|
||||
if (id) {
|
||||
$.ajax({
|
||||
url: url.replace(':id', id),
|
||||
type: "get",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
},
|
||||
error: function(data) {
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,176 @@
|
||||
|
||||
<style type="text/css">
|
||||
.pop-up-btn-confirm {
|
||||
background-image: linear-gradient(to right, #62C5BD , #C8E1A4) !important;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.pop-up-btn-deny {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.align-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
select {
|
||||
background-color: #EBEBE4;
|
||||
}
|
||||
|
||||
.select-width {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
.fix-text{
|
||||
white-space: pre;
|
||||
text-overflow: ellipsis;
|
||||
width: 130px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.d-none{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dragDropContainer{
|
||||
border: 2px dashed #000;
|
||||
border-radius: 10px;
|
||||
padding: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-upload{
|
||||
background-color: #58C2B1;
|
||||
padding: 10px 50px;
|
||||
color: #000;
|
||||
box-shadow: 0px 4px 8px #15785440;
|
||||
}
|
||||
|
||||
.uploadingContainer{
|
||||
background-color: #F4F7FA;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.group-input-cont{
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.group-input-label{
|
||||
float: left;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.group-input{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.group-input-span {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
padding-right:10px;
|
||||
}
|
||||
|
||||
.uploaded-file-container {
|
||||
background-color: #F4F7FA;
|
||||
padding: 15px 10px;
|
||||
height: calc(100vh - 630px);
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.uploaded-file-container .file-row {
|
||||
border-bottom: 1px solid;
|
||||
border-image-source: linear-gradient(90deg, rgba(87, 87, 87, 0.2) 0%, #010101 48.44%, rgba(74, 74, 74, 0.2) 100%);
|
||||
}
|
||||
.uploaded-file-container .file-row .file-details {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.uploaded-file-container .file-row .file-details .file-title {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
line-height: 25px;
|
||||
letter-spacing: 0em;
|
||||
color: #000000;
|
||||
}
|
||||
.uploaded-file-container .file-row .file-details .file-progress-wrapper {
|
||||
background-color: #EBEBE4;
|
||||
width: 250px;
|
||||
height: 39px;
|
||||
}
|
||||
.uploaded-file-container .file-row .file-details .file-progress-wrapper .file-progress {
|
||||
height: 100%;
|
||||
background-color: #2C21FE;
|
||||
}
|
||||
.uploaded-file-container .file-row .file-details .file-progress-wrapper .file-progress.green {
|
||||
background-color: #06AE25;
|
||||
}
|
||||
.uploaded-file-container .file-row .file-details .file-progress-remove {
|
||||
cursor: pointer;
|
||||
}
|
||||
.uploaded-file-container .file-row .file-details select {
|
||||
padding: 8px 12px;
|
||||
padding-right: 40px;
|
||||
}
|
||||
.uploaded-file-container .file-row-separator {
|
||||
background: linear-gradient(90deg, rgba(87, 87, 87, 0.2) 0%, #010101 48.44%, rgba(74, 74, 74, 0.2) 100%);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.uploaded-file-count {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
line-height: 27px;
|
||||
letter-spacing: 0em;
|
||||
color: #06AE25;
|
||||
margin-bottom: 30px;
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="modal fade custom-modal" id="uploadDocumentModal" tabindex="-1" aria-labelledby="uploadDocumentModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title">{{ __("Upload Document") }}</p>
|
||||
|
||||
<form action="{{ route('cms.bookkeepings.document-libraries.store') }}" class="theme-form" id="uploadDocumentFrm">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto" required>
|
||||
<label class="col-form-label">{{ __("Company Name") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="company_id">
|
||||
<option value="" selected>{{ __("Select a company") }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<input type="file" name="uploaded_files" id="updloadedFiles" class="d-none" accept="image/png, image/jpeg, application/pdf, application/msword" multiple>
|
||||
<div class="dragDropContainer flex justify-between mb-5">
|
||||
<div class="flex">
|
||||
<img src="/themes/tailwind/images/cloudUpload.png" alt="Cloud Upload" class="mr-5">
|
||||
<span style="color:#58C2B1;">
|
||||
{{ __("Drag and drop files here or choose file.") }}
|
||||
<br>
|
||||
{{ __("Accepted file types: Doc / PDF / JPG / PNG") }}
|
||||
</span>
|
||||
</div>
|
||||
<button type="button" class="btn-upload">{{ __("Choose File") }}</button>
|
||||
</div>
|
||||
<div class="uploaded-file-container" id="uploadedFileList"></div>
|
||||
<div class="uploaded-file-count" id="uploadedFileCount">
|
||||
<span id="totalDone">0</span> {{ __("of") }} <span id="totalFile">0</span> {{ __("files uploaded") }}
|
||||
</div>
|
||||
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="submit" class="btn green-btn mx-3">{{ __("Submit in queue") }}</button>
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">{{ __("Cancel") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
718
resources/views/themes/tailwind/cms/bookkeepings/index.blade.php
Normal file
718
resources/views/themes/tailwind/cms/bookkeepings/index.blade.php
Normal file
@@ -0,0 +1,718 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
<button type="button" class="d-none reload-main-table"></button>
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
.dashboard-title{
|
||||
font-size: 32px;
|
||||
color: #364257;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.pop-up-btn-confirm {
|
||||
background-image: linear-gradient(to right, #62C5BD , #C8E1A4) !important;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.pop-up-btn-deny {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
select {
|
||||
background-color: #EBEBE4;
|
||||
}
|
||||
|
||||
.fix-text{
|
||||
white-space: pre;
|
||||
text-overflow: ellipsis;
|
||||
width: 130px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tabs-navigation.blue-tabs li{
|
||||
background-image: linear-gradient(to right, #575757 , #010101) !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.tabs-navigation.blue-tabs li.active a {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.tabs-navigation.blue-tabs li a{
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.tabs-navigation.blue-tabs li.active .tab-number {
|
||||
background: #EBEBE4;
|
||||
color: #364257;
|
||||
}
|
||||
|
||||
.blue-text{
|
||||
color: #2C21FE;
|
||||
}
|
||||
|
||||
.max-25{
|
||||
width: 100%;
|
||||
max-width: 25px;
|
||||
}
|
||||
|
||||
#bookkeepingLogTable {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#bookkeepingLogTable td, th {
|
||||
border: 1px solid #dddddd;
|
||||
text-align: left;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
#bookkeepingActionLogsListTable_wrapper {
|
||||
border: 2px solid #D6DEE9 !important;
|
||||
box-shadow: none !important;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#bookkeepingActionLogsListTable_wrapper tbody tr {
|
||||
background-color: #D6DEE9;
|
||||
color: #364257;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div class="dashboard-title-flex nowrap">
|
||||
<h2 class="dashboard-title">Bookkeeping</h2>
|
||||
<div class="dashboard-button-title">
|
||||
<a href="#" class="btn primary-button" data-bs-toggle="modal" data-bs-target="#uploadDocumentModal">{{ __("Upload Document") }}</a>
|
||||
<a href="{{ route('cms.bookkeepings.document-libraries') }}" class="btn primary-button">{{ __("Document Library") }}</a>
|
||||
<a href="#" class="btn primary-button view-bookkeeping-action-logs">{{ __("Bookkeeping Action Log") }}</a>
|
||||
<a href="{{ route('cms.bookkeepings.categories') }}" class="btn primary-button">{{ __("Category List") }}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs-navigation blue-tabs">
|
||||
<ul>
|
||||
<li class="active"><a href="#" class="js-tab-navigate" data-id="#in-queue"><img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-timer.svg') }}"> {{ __("In Queue List") }} <span class="tab-number" id="queueTotal" style="display:none;">0</span></a></li>
|
||||
<li><a href="#" class="js-tab-navigate" data-id="#completed"><img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-circle.svg') }}"> {{ __("Completed List") }} <span class="tab-number" id="completedTotal" style="display:none;">0</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tabs-content">
|
||||
<div class="tabs-content-item white-bg no-padd" id="in-queue">
|
||||
<div class="sidebyside paddingy-10 paddingx-10">
|
||||
<p class="blue-text">{{ __("Number of file in process") }}: <span id="process_count">0</span></p>
|
||||
<p class="blue-text">{{ __("Total item(s) in Queue") }}: <span id="queue_count">0</span></p>
|
||||
</div>
|
||||
<table id="bookkeepingInQueueTable" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Original Name") }}</td>
|
||||
<td>{{ __("Company") }}</td>
|
||||
<td>{{ __("Category") }}</td>
|
||||
<td>{{ __("Vendor") }}</td>
|
||||
<td>{{ __("Batch Name") }}</td>
|
||||
<td>{{ __("Remark") }}</td>
|
||||
<td>{{ __("Upload date&time") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
<td style="width: 70px; max-width: 100%;">{{ __("Xero Status") }}</td>
|
||||
<td style="width: 70px; max-width: 100%;">{{ __("Xero Amount") }}</td>
|
||||
<td>{{ __("Action") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{-- <tr>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>CI</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Copy of DCE Ltd.CI</td>
|
||||
<td>DCE Ltd.CI</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><img class="max-25" src="{{ asset('themes/tailwind/images/success.svg') }}"></td>
|
||||
<td>$4000</td>
|
||||
<td><button type="button"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>CI</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Copy of DCE Ltd.CI</td>
|
||||
<td>DCE Ltd.CI</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><img class="max-25" src="{{ asset('themes/tailwind/images/success.svg') }}"></td>
|
||||
<td>$4000</td>
|
||||
<td><button type="button"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>CI</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Copy of DCE Ltd.CI</td>
|
||||
<td>DCE Ltd.CI</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><img class="max-25" src="{{ asset('themes/tailwind/images/error.svg') }}"></td>
|
||||
<td>$4000</td>
|
||||
<td><button type="button"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button></td>
|
||||
</tr> --}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tabs-content-item white-bg no-padd" id="completed" style="display: none;">
|
||||
<table id="bookkeepingCompletedTable" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Original Name") }}</td>
|
||||
<td>{{ __("Company") }}</td>
|
||||
<td>{{ __("Category") }}</td>
|
||||
<td>{{ __("Vendor") }}</td>
|
||||
<td>{{ __("Batch Name") }}</td>
|
||||
<td>{{ __("Remark") }}</td>
|
||||
<td>{{ __("Upload date&time") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
<td style="width: 70px; max-width: 100%;">{{ __("Xero Status") }}</td>
|
||||
<td style="width: 70px; max-width: 100%;">{{ __("Xero Amount") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{-- <tr>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>CI</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Copy of DCE Ltd.CI</td>
|
||||
<td>DCE Ltd.CI</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><img class="max-25" src="{{ asset('themes/tailwind/images/success.svg') }}"></td>
|
||||
<td>$4000</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>CI</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Copy of DCE Ltd.CI</td>
|
||||
<td>DCE Ltd.CI</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><img class="max-25" src="{{ asset('themes/tailwind/images/success.svg') }}"></td>
|
||||
<td>$4000</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>CI</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Copy of DCE Ltd.CI</td>
|
||||
<td>DCE Ltd.CI</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><img class="max-25" src="{{ asset('themes/tailwind/images/error.svg') }}"></td>
|
||||
<td>$4000</td>
|
||||
</tr> --}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Modals --}}
|
||||
{{-- Upload Document Modal --}}
|
||||
@include('theme::cms.bookkeepings.document-libraries.upload-document-modal')
|
||||
|
||||
<div class="modal fade custom-modal" id="updateXeroInformationModal" tabindex="-1" aria-labelledby="updateXeroInformationModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title">{{ __("Update Xero information") }}</p>
|
||||
|
||||
<form action="#" class="theme-form" id="updateXeroInformationModalFrm">
|
||||
<input type="hidden" name="id">
|
||||
<div class="mx-auto text-center" style="max-width: 300px;">
|
||||
<div class="row mb-4 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Xero Status") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="radio" name="xero_status" id="xeroStatus0" value="0" required>
|
||||
<label class="form-check-label" for="xeroStatus0">{{ __("N/A") }}</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="radio" name="xero_status" id="xeroStatus1" value="1" required>
|
||||
<label class="form-check-label" for="xeroStatus1">{{ __("Checked") }}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Xero Amount") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control number-only" value="" name="xero_amount" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="submit" class="btn green-btn mx-3">{{ __("Confirm") }}</button>
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">{{ __("Cancel") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Bookkeeping Action Logs Modal --}}
|
||||
<div class="modal fade custom-modal" id="bookkeepingActionLogsModal" tabindex="-1" aria-labelledby="bookkeepingActionLogsModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title mb-4">{{ __("User Log") }}</p>
|
||||
|
||||
<table id="bookkeepingActionLogsListTable" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Date") }}</td>
|
||||
<td>{{ __("Time") }}</td>
|
||||
<td>{{ __("Event") }}</td>
|
||||
<td>{{ __("Description") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
<td>{{ __("By") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">{{ __("Back") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript" src="{{ asset('themes/' . $theme->folder . '/js/cms/bookkeepings/document-libraries/upload-document-modal.js') }}"></script>
|
||||
|
||||
<script>
|
||||
|
||||
function confirmPopUp() {
|
||||
Swal.fire({
|
||||
title: 'Require Datamolino?',
|
||||
confirmButtonText: 'Yes',
|
||||
showConfirmButton: true,
|
||||
showDenyButton: true,
|
||||
customClass: {
|
||||
confirmButton: 'pop-up-btn-confirm',
|
||||
denyButton: 'pop-up-btn-deny',
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
$.ajaxSetup({
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
}
|
||||
});
|
||||
|
||||
var bookkeepingInQueueTable = $("#bookkeepingInQueueTable").DataTable({
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: '{{ route("cms.bookkeepings.table", ["isCompleted" => 0]) }}',
|
||||
type: 'post',
|
||||
"dataSrc": function ( json ) {
|
||||
for (var i = 0; i < json.data.length; i++) {
|
||||
$.each( json.data[i], function( key, value ) {
|
||||
json.data[i][key] = value ? value : '-';
|
||||
});
|
||||
}
|
||||
|
||||
return json.data;
|
||||
},
|
||||
complete: function (data) {
|
||||
if (data['responseJSON'].recordsTotal > 0) {
|
||||
$('#queueTotal').show();
|
||||
$('#queueTotal').html(data['responseJSON'].recordsTotal);
|
||||
$('#process_count').html(data['responseJSON'].processCount);
|
||||
$('#queue_count').html(data['responseJSON'].queueCount);
|
||||
}
|
||||
else {
|
||||
$('#queueTotal').hide();
|
||||
}
|
||||
},
|
||||
},
|
||||
columns: [
|
||||
{data: 'file_name', name: 'bookkeeping_documents.file_name'},
|
||||
('{{ strtolower(app()->getLocale()) }}' == 'zh_hk' ? {data: 'name_chinese', name: 'companies.name_chinese'} : {data: 'name_english', name: 'companies.name_english'}),
|
||||
{data: 'category_name', name: 'bookkeeping_document_categories.name'},
|
||||
{data: 'user_name', name: 'users.first_name'},
|
||||
{data: 'batch_name', name: 'bookkeeping_documents.batch_name'},
|
||||
{data: 'remark', name: 'bookkeeping_documents.remark'},
|
||||
{data: 'created_at', name: 'bookkeeping_documents.created_at'},
|
||||
{data: 'status_select', name: 'bookkeeping_documents.status'},
|
||||
{data: 'xero_status', name: 'bookkeeping_documents.xero_status'},
|
||||
{data: 'xero_amount', name: 'bookkeeping_documents.xero_amount'},
|
||||
{data: 'actions', name: 'actions', searchable: false, sortable: false}
|
||||
],
|
||||
order: [[6, "desc"]],
|
||||
searchDelay: 500,
|
||||
rowCallback: function ( row, data ) {
|
||||
if (data.status == 'ocr_complete') {
|
||||
$(row).css('background-color', ' #FFEFBD');
|
||||
}
|
||||
else if (data.status == 'failed') {
|
||||
$(row).css('background-color', ' #F5AE97');
|
||||
}
|
||||
},
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
"emptyTable": '{{ __("No data available in table") }}'
|
||||
// Add more text customizations if needed
|
||||
}
|
||||
});
|
||||
|
||||
var bookkeepingCompletedTable = $("#bookkeepingCompletedTable").DataTable({
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: '{{ route("cms.bookkeepings.table", ["isCompleted" => 1]) }}',
|
||||
type: 'post',
|
||||
"dataSrc": function ( json ) {
|
||||
for (var i = 0; i < json.data.length; i++) {
|
||||
$.each( json.data[i], function( key, value ) {
|
||||
json.data[i][key] = value ? value : '-';
|
||||
});
|
||||
}
|
||||
|
||||
return json.data;
|
||||
},
|
||||
complete: function (data) {
|
||||
if (data['responseJSON'].recordsTotal > 0) {
|
||||
$('#completedTotal').show();
|
||||
$('#completedTotal').html(data['responseJSON'].recordsTotal);
|
||||
}
|
||||
else {
|
||||
$('#completedTotal').hide();
|
||||
}
|
||||
},
|
||||
},
|
||||
columns: [
|
||||
('{{ strtolower(app()->getLocale()) }}' == 'zh_hk' ? {data: 'name_chinese', name: 'companies.name_chinese'} : {data: 'name_english', name: 'companies.name_english'}),
|
||||
{data: 'file_name', name: 'bookkeeping_documents.file_name'},
|
||||
{data: 'category_name', name: 'bookkeeping_document_categories.name'},
|
||||
{data: 'user_name', name: 'users.name'},
|
||||
{data: 'batch_name', name: 'bookkeeping_documents.batch_name'},
|
||||
{data: 'remark', name: 'bookkeeping_documents.remark'},
|
||||
{data: 'created_at', name: 'bookkeeping_documents.created_at'},
|
||||
{data: 'status_select', name: 'bookkeeping_documents.status'},
|
||||
{data: 'xero_status', name: 'bookkeeping_documents.xero_status'},
|
||||
{data: 'xero_amount', name: 'bookkeeping_documents.xero_amount'},
|
||||
],
|
||||
order: [[6, "desc"]],
|
||||
searchDelay: 500,
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
"emptyTable": '{{ __("No data available in table") }}'
|
||||
// Add more text customizations if needed
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.reload-main-table', function (e) {
|
||||
bookkeepingInQueueTable.ajax.reload();
|
||||
bookkeepingCompletedTable.ajax.reload();
|
||||
});
|
||||
|
||||
$(document).on('change', '.change-status', function (e) {
|
||||
var _this = $(this);
|
||||
var id = _this.attr('data-id');
|
||||
var val = _this.val();
|
||||
|
||||
if (id) {
|
||||
if (val == 'completed') {
|
||||
$('#updateXeroInformationModal').modal('show');
|
||||
$('#updateXeroInformationModal input[name="id"]').val(id);
|
||||
}
|
||||
else {
|
||||
$.ajax({
|
||||
url: '{{ route("cms.bookkeepings.update-status") }}',
|
||||
type: "post",
|
||||
data: {
|
||||
'id': id,
|
||||
'status': val,
|
||||
},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
popToast('success', data.message);
|
||||
|
||||
bookkeepingInQueueTable.ajax.reload();
|
||||
bookkeepingCompletedTable.ajax.reload();
|
||||
}
|
||||
else {
|
||||
popToast('danger', data.message);
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
$.each(errors, function(index, error) {
|
||||
popToast('danger', errors[0]);
|
||||
return false;
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('submit', '#updateXeroInformationModalFrm', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var id = $(this).find('input[name="id"]').val();
|
||||
var xeroStatus = $(this).find('input[name="xero_status"]:checked').val();
|
||||
var xeroAmount = $(this).find('input[name="xero_amount"]').val();
|
||||
var val = $(this).val();
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled')) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: '{{ route("cms.bookkeepings.update-status") }}',
|
||||
type: "post",
|
||||
data: {
|
||||
'id': id,
|
||||
'status': 'completed',
|
||||
'xero_status': xeroStatus,
|
||||
'xero_amount': xeroAmount,
|
||||
},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
popToast('success', data.message);
|
||||
|
||||
$('#updateXeroInformationModal').modal('hide');
|
||||
$('#updateXeroInformationModalFrm').reset();
|
||||
bookkeepingInQueueTable.ajax.reload();
|
||||
bookkeepingCompletedTable.ajax.reload();
|
||||
}
|
||||
else {
|
||||
popToast('danger', data.message);
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
$.each(errors, function(index, error) {
|
||||
popToast('danger', errors[0]);
|
||||
return false;
|
||||
});
|
||||
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$("#updateXeroInformationModal").on('hide.bs.modal', function(){
|
||||
bookkeepingInQueueTable.ajax.reload();
|
||||
bookkeepingCompletedTable.ajax.reload();
|
||||
});
|
||||
|
||||
$(document).on('click', '.view-bookkeeping-action-logs', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
initializeBookkeepingActionLogsListTable();
|
||||
$('#bookkeepingActionLogsModal').modal('show');
|
||||
});
|
||||
|
||||
$(document).on('click', '.reupload-button', function (e) {
|
||||
$(this).parent().find('.re-upload-file').click();
|
||||
});
|
||||
|
||||
$(document).on('change', '.re-upload-file', function (e) {
|
||||
var id = $(this).attr('data-id');
|
||||
|
||||
if (id) {
|
||||
var formData = new FormData();
|
||||
var file = $(this)[0].files[0];
|
||||
formData.append('uploaded_file', file);
|
||||
formData.append('id', id);
|
||||
|
||||
$.ajax({
|
||||
url: '{{ route("cms.bookkeepings.re-upload-file") }}',
|
||||
type: "post",
|
||||
data: formData,
|
||||
dataType: 'json',
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
popToast('success', data.message);
|
||||
|
||||
bookkeepingInQueueTable.ajax.reload();
|
||||
bookkeepingCompletedTable.ajax.reload();
|
||||
}
|
||||
else {
|
||||
popToast('danger', data.message);
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
$.each(errors, function(index, error) {
|
||||
popToast('danger', errors[0]);
|
||||
return false;
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(".js-tab-navigate").click(function(e){
|
||||
e.preventDefault();
|
||||
var id = jQuery(this).data('id');
|
||||
jQuery(this).closest('.tabs-navigation').next().find('.tabs-content-item').hide();
|
||||
jQuery(id).show();
|
||||
jQuery(this).closest('.tabs-navigation').find('li').removeClass('active');
|
||||
jQuery(this).parent().addClass('active');
|
||||
});
|
||||
|
||||
var bookkeepingActionLogsListTable = null;
|
||||
function initializeBookkeepingActionLogsListTable(url = '{{ route("cms.bookkeepings.action-logs-table") }}') {
|
||||
if (bookkeepingActionLogsListTable) {
|
||||
bookkeepingActionLogsListTable.destroy();
|
||||
}
|
||||
|
||||
bookkeepingActionLogsListTable = $("#bookkeepingActionLogsListTable").DataTable({
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: url,
|
||||
type: 'post',
|
||||
"dataSrc": function ( json ) {
|
||||
for (var i = 0; i < json.data.length; i++) {
|
||||
$.each( json.data[i], function( key, value ) {
|
||||
json.data[i][key] = value ? value : '-';
|
||||
});
|
||||
}
|
||||
|
||||
return json.data;
|
||||
}
|
||||
},
|
||||
columns: [
|
||||
{data: 'date', name: 'document_action_logs.created_at'},
|
||||
{data: 'time', name: 'document_action_logs.created_at'},
|
||||
{data: 'event', name: 'document_action_logs.event'},
|
||||
{data: 'description', name: 'document_action_logs.description'},
|
||||
{data: 'status', name: 'document_action_logs.status'},
|
||||
{data: 'name', name: 'users.name'},
|
||||
],
|
||||
order: [[1, "desc"]],
|
||||
searchDelay: 500,
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
"emptyTable": '{{ __("No data available in table") }}'
|
||||
// Add more text customizations if needed
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
@endsection
|
||||
503
resources/views/themes/tailwind/cms/chats/index.blade.php
Normal file
503
resources/views/themes/tailwind/cms/chats/index.blade.php
Normal file
@@ -0,0 +1,503 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
|
||||
<h2 class="dashboard-title">{{ __("Service Chat") }}</h2>
|
||||
<div class="card-chat">
|
||||
<div class="flex h-100">
|
||||
<div class="chat-room-area">
|
||||
<h3 class="h2-title text-left">{{ __("Chat Room") }}</h3>
|
||||
<div class="accordion-lists">
|
||||
<div class="accordion-box">
|
||||
<div class="accordion-title">
|
||||
<span class="text-uppercase">{{ __("Recent") }}</span>
|
||||
<img src="{{ asset('themes/tailwind/images/arrow-down.svg') }}">
|
||||
{{-- <button class="accordion-button"><img src="{{ asset('themes/tailwind/images/arrow-down.svg') }}"></button> --}}
|
||||
</div>
|
||||
<div class="accordion-items chat-lists">
|
||||
{{-- <div class="accordion-item">
|
||||
<div class="accordion-content">
|
||||
<h4>Site Alpha</h4>
|
||||
<span>Client: Company A</span>
|
||||
</div>
|
||||
<div class="accordion-notif">
|
||||
<span class="number-item">4</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<div class="accordion-content">
|
||||
<h4>Site Alpha</h4>
|
||||
<span>Client: Company A</span>
|
||||
</div>
|
||||
<div class="accordion-notif">
|
||||
<span class="number-item">4</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<div class="accordion-content">
|
||||
<h4>Site Alpha</h4>
|
||||
<span>Client: Company A</span>
|
||||
</div>
|
||||
<div class="accordion-notif">
|
||||
<span class="number-item">4</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<div class="accordion-content">
|
||||
<h4>Site Alpha</h4>
|
||||
<span>Client: Company A</span>
|
||||
</div>
|
||||
<div class="accordion-notif">
|
||||
<span class="number-item">4</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<div class="accordion-content">
|
||||
<h4>Site Alpha</h4>
|
||||
<span>Client: Company A</span>
|
||||
</div>
|
||||
<div class="accordion-notif">
|
||||
<span class="number-item">4</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<div class="accordion-content">
|
||||
<h4>Site Alpha</h4>
|
||||
<span>Client: Company A</span>
|
||||
</div>
|
||||
<div class="accordion-notif">
|
||||
<span class="number-item">4</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<div class="accordion-content">
|
||||
<h4>Site Alpha</h4>
|
||||
<span>Client: Company A</span>
|
||||
</div>
|
||||
<div class="accordion-notif">
|
||||
<span class="number-item">4</span>
|
||||
</div>
|
||||
</div> --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chat-area" style="display:none;">
|
||||
<div class="flex">
|
||||
<div class="chat-topic">
|
||||
<h3 class="topic-title text-uppercase">{{ __("Service Topic") }}</h3>
|
||||
<div class="topic-lists">
|
||||
{{-- <div class="topic-list">
|
||||
<div class="topic-head">
|
||||
<h4>Copmany Secretary Service</h4>
|
||||
<time>21/04/2023</time>
|
||||
</div>
|
||||
<div class="topic-body">
|
||||
<p>Client: Hi, I can't upload my documents successfully</p>
|
||||
<span class="number-item">4</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="topic-list">
|
||||
<div class="topic-head">
|
||||
<h4>Copmany Secretary Service</h4>
|
||||
<time>21/04/2023</time>
|
||||
</div>
|
||||
<div class="topic-body">
|
||||
<p>Client: Hi, I can't upload my documents successfully</p>
|
||||
<span class="number-item">4</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="topic-list">
|
||||
<div class="topic-head">
|
||||
<h4>Copmany Secretary Service</h4>
|
||||
<time>21/04/2023</time>
|
||||
</div>
|
||||
<div class="topic-body">
|
||||
<p>Client: Hi, I can't upload my documents successfully</p>
|
||||
<span class="number-item">4</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="topic-list">
|
||||
<div class="topic-head">
|
||||
<h4>Copmany Secretary Service</h4>
|
||||
<time>21/04/2023</time>
|
||||
</div>
|
||||
<div class="topic-body">
|
||||
<p>Client: Hi, I can't upload my documents successfully</p>
|
||||
<span class="number-item">4</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="topic-list">
|
||||
<div class="topic-head">
|
||||
<h4>Copmany Secretary Service</h4>
|
||||
<time>21/04/2023</time>
|
||||
</div>
|
||||
<div class="topic-body">
|
||||
<p>Client: Hi, I can't upload my documents successfully</p>
|
||||
<span class="number-item">4</span>
|
||||
</div>
|
||||
</div> --}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="chat-inside-content" style="display:none;s">
|
||||
<div class="chat-inside-head">
|
||||
<h5 class="topic-title">-</h5>
|
||||
<button class="more-item" type="button"><img src="{{ asset('themes/tailwind/images/more-plain.svg') }}"></button>
|
||||
</div>
|
||||
<div class="chat-inside-body">
|
||||
{{-- <div class="chat-box chat-sender">
|
||||
<div class="chat-label">LM</div>
|
||||
<div class="chat-content"><time>1 day ago</time>Hi, I am logistics manager at Company A. My name is Ellen.</div>
|
||||
</div>
|
||||
<div class="chat-box">
|
||||
<div class="chat-label">CS</div>
|
||||
<div class="chat-content"><time>1 day ago</time>Hi, I am logistics manager at Company A. My name is Ellen.</div>
|
||||
</div>
|
||||
<div class="chat-box chat-sender">
|
||||
<div class="chat-label">LM</div>
|
||||
<div class="chat-content"><time>1 day ago</time>Hi, I am logistics manager at Company A. My name is Ellen.</div>
|
||||
</div>
|
||||
<div class="chat-box">
|
||||
<div class="chat-label">CS</div>
|
||||
<div class="chat-content"><time>1 day ago</time>Hi, I am logistics manager at Company A. My name is Ellen.</div>
|
||||
</div>
|
||||
<div class="chat-box chat-sender">
|
||||
<div class="chat-label">LM</div>
|
||||
<div class="chat-content"><time>1 day ago</time>Hi, I am logistics manager at Company A. My name is Ellen.</div>
|
||||
</div>
|
||||
<div class="chat-box chat-sender">
|
||||
<div class="chat-label">LM</div>
|
||||
<div class="chat-content"><time>1 day ago</time>Hi, I am logistics manager at Company A. My name is Ellen.</div>
|
||||
</div>
|
||||
<div class="chat-box">
|
||||
<div class="chat-label">CS</div>
|
||||
<div class="chat-content"><time>1 day ago</time>Hi, I am logistics manager at Company A. My name is Ellen.</div>
|
||||
</div>
|
||||
<div class="chat-messages-date">
|
||||
<span>Today</span>
|
||||
</div> --}}
|
||||
</div>
|
||||
<div class="chat-inside-footer">
|
||||
<div class="chat-message-box">
|
||||
<form action="{{ route('cms.chat.send-message', ':id') }}" class="chat-message-box w-100" id="chatFrm">
|
||||
<input type="file" name="chat_message_file" style="display:none;">
|
||||
<button type="button" class="chat-file"><img src="{{ asset('themes/tailwind/images/Attachment.svg') }}"></button>
|
||||
<button type="button" class="chat-smile"><img src="{{ asset('themes/tailwind/images/Smile.svg') }}"></button>
|
||||
<textarea name="chat_message" placeholder="Type a message here..." rows="1"></textarea>
|
||||
<button type="submit" class="chat-send-message"><img src="{{ asset('themes/tailwind/images/send.svg') }}"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chat-side-area" style="display:none;">
|
||||
<div class="chat-side-head">
|
||||
<img src="{{ asset('themes/tailwind/images/company.svg') }}">
|
||||
<h3 class="text-uppercase">{{ __("Company Info") }}</h3>
|
||||
</div>
|
||||
<div class="company-info-wrapper">
|
||||
<div class="chat-side-info">
|
||||
<label class="text-uppercase">{{ __("User Email") }}</label>
|
||||
<p class="user-email">-</p>
|
||||
</div>
|
||||
<div class="chat-side-info">
|
||||
<label class="text-uppercase">{{ __("Phone") }}</label>
|
||||
<p class="user-phone">-</p>
|
||||
</div>
|
||||
<div class="chat-side-info">
|
||||
<label class="text-uppercase">{{ __("Location") }}</label>
|
||||
<p class="company-address">-</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chat-side-scroll">
|
||||
<div class="accordion-box">
|
||||
<div class="accordion-title accordion-title__image">
|
||||
<img src="{{ asset('themes/tailwind/images/simcard.svg') }}">
|
||||
<span class="text-uppercase">{{ __("Form List") }}</span>
|
||||
<img src="{{ asset('themes/tailwind/images/arrow-down.svg') }}">
|
||||
{{-- <button class="accordion-button"><img src="http://127.0.0.1:8000/themes/tailwind/images/arrow-down.svg"></button> --}}
|
||||
</div>
|
||||
<div class="accordion-items">
|
||||
<div class="accordion-item">
|
||||
<div class="accordion-content">
|
||||
<h4>{{ __("Incorporation of Hong Kong Limited") }}</h4>
|
||||
</div>
|
||||
<div class="accordion-notif">
|
||||
<button type="button" class="chat-send-message"><img src="{{ asset('themes/tailwind/images/send.svg') }}"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<div class="accordion-content">
|
||||
<h4>{{ __("Change Company Name") }}</h4>
|
||||
</div>
|
||||
<div class="accordion-notif">
|
||||
<button type="button" class="chat-send-message"><img src="{{ asset('themes/tailwind/images/send.svg') }}"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<div class="accordion-content">
|
||||
<h4>{{ __("Change Company Address") }}</h4>
|
||||
</div>
|
||||
<div class="accordion-notif">
|
||||
<button type="button" class="chat-send-message"><img src="{{ asset('themes/tailwind/images/send.svg') }}"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<div class="accordion-content">
|
||||
<h4>{{ __("Change of Company and Director (Appointment / Cessation)") }}</h4>
|
||||
</div>
|
||||
<div class="accordion-notif">
|
||||
<button type="button" class="chat-send-message"><img src="{{ asset('themes/tailwind/images/send.svg') }}"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<div class="accordion-content">
|
||||
<h4>{{ __("Change of Company Secretary (Appointment / Cessation)") }}</h4>
|
||||
</div>
|
||||
<div class="accordion-notif">
|
||||
<button type="button" class="chat-send-message"><img src="{{ asset('themes/tailwind/images/send.svg') }}"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<div class="accordion-content">
|
||||
<h4>{{ __("Change in Particulars of Company Secretary or Director") }}</h4>
|
||||
</div>
|
||||
<div class="accordion-notif">
|
||||
<button type="button" class="chat-send-message"><img src="{{ asset('themes/tailwind/images/send.svg') }}"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<div class="accordion-content">
|
||||
<h4>{{ __("Resignation of Reserve Director") }}</h4>
|
||||
</div>
|
||||
<div class="accordion-notif">
|
||||
<button type="button" class="chat-send-message"><img src="{{ asset('themes/tailwind/images/send.svg') }}"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script>
|
||||
$(document).ready( function () {
|
||||
$.ajaxSetup({
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
}
|
||||
});
|
||||
|
||||
window.Echo.channel(`chat-channel`).listen("ChatEvent", (e) => {
|
||||
getChats();
|
||||
if ($('.show-messages[data-id="' + e.chatId + '"]').hasClass('active') && e.toAdmin) {
|
||||
var url = "{{ route('cms.chat.get-messages', [':id']) }}";
|
||||
url = url.replace(":id", e.chatId);
|
||||
showMessages(url);
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.show-topics', function(e) {
|
||||
var userId = $(this).attr('data-user-id');
|
||||
var companyId = $(this).attr('data-company-id');
|
||||
var activeId = $('.show-messages.active').attr('data-id');
|
||||
|
||||
if (! $(this).hasClass('active')) {
|
||||
$('.show-topics').removeClass('active');
|
||||
$(this).addClass('active');
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: "{{ route('cms.chat.get-topics') }}",
|
||||
type: "post",
|
||||
data: {
|
||||
userId: userId,
|
||||
companyId: companyId,
|
||||
},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
var chats = data.chats;
|
||||
var html = '';
|
||||
|
||||
chats.forEach(function(chat) {
|
||||
html += `
|
||||
<div class="topic-list show-messages ` + (activeId == chat.id ? 'active' : '') + `" data-id="` + chat.id + `" data-title="` + chat.topic + `">
|
||||
<div class="topic-head">
|
||||
<h4>` + chat.topic + `</h4>
|
||||
<time>` + chat.date + `</time>
|
||||
</div>
|
||||
<div class="topic-body">
|
||||
<p>Client: ` + chat.first_message + `</p>
|
||||
` + (chat.unread_count > 0 ? `<span class="number-item">` + chat.unread_count + `</span>` : '') + `
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
});
|
||||
|
||||
$('.topic-lists').html(html);
|
||||
$('.company-info-wrapper .user-email').html(data.user.email ? data.user.email : '-');
|
||||
$('.company-info-wrapper .user-phone').html(data.user.phone ? data.user.phone : '-');
|
||||
$('.company-info-wrapper .company-address').html(data.company.address ? data.company.address : '-');
|
||||
$('.chat-area').show();
|
||||
$('.chat-side-area').show();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(document).on('click', '.show-messages', function(e) {
|
||||
var title = $(this).attr('data-title');
|
||||
var id = $(this).attr('data-id');
|
||||
var url = "{{ route('cms.chat.get-messages', [':id']) }}";
|
||||
url = url.replace(":id", id);
|
||||
|
||||
$('.show-messages').removeClass('active');
|
||||
$(this).addClass('active');
|
||||
|
||||
showMessages(url, title);
|
||||
});
|
||||
|
||||
$(document).on('click', '#chatFrm .chat-file', function(e) {
|
||||
$('#chatFrm input[name="chat_message_file"]').click();
|
||||
});
|
||||
|
||||
$(document).on('change', '#chatFrm input[name="chat_message_file"]', function(e) {
|
||||
if ($(this).val()) {
|
||||
$('#chatFrm').submit();
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('submit', '#chatFrm', function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var data = new FormData(this);
|
||||
var id = $('.show-messages.active').attr('data-id');
|
||||
action = action.replace(":id", id);
|
||||
|
||||
if (!button.is(':disabled') && action && ($('#chatFrm [name="chat_message"]').val() != '' || $('#chatFrm [name="chat_message_file"]').val() != '')) {
|
||||
button.attr('disabled', 'disabled');
|
||||
$('#chatFrm [name="chat_message"]').val('');
|
||||
$('#chatFrm [name="chat_message_file"]').val('');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: data,
|
||||
dataType: 'json',
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
$('.show-messages.active').click();
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
$.each(errors, function(index, error) {
|
||||
popToast('danger', errors[0]);
|
||||
return false;
|
||||
});
|
||||
|
||||
button.removeAttr('disabled');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on( 'keyup', '#chatFrm textarea', function (){
|
||||
$(this).height( 0 );
|
||||
$(this).height( this.scrollHeight );
|
||||
}).keypress(function (e) {
|
||||
if(e.which === 13 && !e.shiftKey) {
|
||||
e.preventDefault();
|
||||
|
||||
$('#chatFrm').submit();
|
||||
}
|
||||
});
|
||||
|
||||
getChats();
|
||||
|
||||
function getChats() {
|
||||
var activeId = $('.show-topics.active').attr('data-id');
|
||||
|
||||
$.ajax({
|
||||
url: "{{ route('cms.chat.get-chats') }}",
|
||||
type: "get",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
var chats = data.chats;
|
||||
var html = '';
|
||||
|
||||
chats.forEach(function(chat) {
|
||||
html += `
|
||||
<div class="accordion-item cursor-pointer show-topics ` + (activeId == chat.id ? 'active' : '') + `" data-user-id="` + chat.user_id + `" data-company-id="` + chat.company_id + `" data-id="` + chat.id + `">
|
||||
<div class="accordion-content">
|
||||
<h4>` + chat.user_first_name + ` ` + chat.user_last_name + `</h4>
|
||||
<span>Client: ` + chat.company_name + `</span>
|
||||
</div>
|
||||
`;
|
||||
|
||||
if (chat.unread_count > 0) {
|
||||
html += `
|
||||
<div class="accordion-notif">
|
||||
<span class="number-item">` + chat.unread_count + `</span>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
html += '</div>';
|
||||
});
|
||||
|
||||
$('.chat-lists').html(html);
|
||||
|
||||
if (activeId) {
|
||||
$('.show-topics[data-id="' + activeId + '"]').click();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
function showMessages(url, title = '') {
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: "get",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(response) {
|
||||
var data = response.data;
|
||||
var html = '';
|
||||
|
||||
data.forEach(function(item) {
|
||||
html += `
|
||||
<div class="chat-messages-date">
|
||||
<span>` + (item.is_today ? 'Today' : item.date) + `</span>
|
||||
</div>
|
||||
`;
|
||||
item.messages.forEach(function(message) {
|
||||
html += `
|
||||
<div class="chat-box ` + (message.is_own_message ? 'chat-sender' : '') + `">
|
||||
<div class="chat-label">` + message.initials + `</div>
|
||||
<div class="chat-content"><time>` + message.elapsed_time + `</time>` + message.message + `</div>
|
||||
</div>
|
||||
`;
|
||||
});
|
||||
});
|
||||
|
||||
if (title) {
|
||||
$('.chat-inside-content .topic-title').html(title);
|
||||
}
|
||||
|
||||
$('.chat-inside-content .chat-inside-body').html(html);
|
||||
$('.chat-inside-content').show();
|
||||
$('.chat-inside-content .chat-inside-body').scrollTop($('.chat-inside-content .chat-inside-body')[0].scrollHeight);
|
||||
}
|
||||
});
|
||||
}
|
||||
} );
|
||||
</script>
|
||||
@endsection
|
||||
157
resources/views/themes/tailwind/cms/companies/index.blade.php
Normal file
157
resources/views/themes/tailwind/cms/companies/index.blade.php
Normal file
@@ -0,0 +1,157 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
|
||||
<h2 class="dashboard-title">{{ __("Company") }} </h2>
|
||||
<form class="search-fields flex" action="#" id="searchFrm">
|
||||
<div class="search-field d-flex align-items-center">
|
||||
<label class="label-field mr-2" style="white-space: nowrap;">
|
||||
{{ __("Company Name") }}
|
||||
</label>
|
||||
<input type="text" class="w-100" id="search_company_name">
|
||||
</div>
|
||||
<div class="search-field d-flex align-items-center">
|
||||
<label class="label-field mr-2">
|
||||
{{ __("Bookkeeping Subscription") }}
|
||||
</label>
|
||||
<select class="w-100" id="search_bookkeeping_subscription_status">
|
||||
<option value="" selected>{{ __("All") }}</option>
|
||||
<option value="active">{{ __("Active") }}</option>
|
||||
<option value="expired">{{ __("Expired") }}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="search-field d-flex align-items-center">
|
||||
<label class="label-field mr-2">
|
||||
{{ __("ComSec Subscription") }}
|
||||
</label>
|
||||
<select class="w-100" id="search_com_sec_subscription_All">
|
||||
<option value="" selected>{{ __("All") }}</option>
|
||||
<option value="active">{{ __("Active") }}</option>
|
||||
<option value="expired">{{ __("Expired") }}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="search-field width-auto">
|
||||
<button type="submit" class="btn primary-button btn-normal">{{ __("Search") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<table id="companyListTable" class="" data-ajax-url="{{ route("cms.companies.table") }}" data-empty-text="{{ __("No data available in table") }}">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Company Name") }}</td>
|
||||
<td>{{ __("Bookkeeping Subscription") }}</td>
|
||||
<td>{{ __("Bookkeeping Request(s)") }}</td>
|
||||
<td>{{ __("ComSec Subscription") }}</td>
|
||||
<td>{{ __("ComSec Request(s)") }}</td>
|
||||
<td>{{ __("Action") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{-- <tr>
|
||||
<td>ABC Ltd.</td>
|
||||
<td>
|
||||
<span class="success item-list-note d-block">Active</span>
|
||||
<span class="item-list-note d-block">Expiration: 2024/05/16</span>
|
||||
</td>
|
||||
<td>0</td>
|
||||
<td>
|
||||
<span class="failed item-list-note d-block">Expired</span>
|
||||
<span class="item-list-note d-block">Expiration: 2023/04/16</span>
|
||||
</td>
|
||||
<td>3</td>
|
||||
<td><a href="{{ route('cms.companies.show', 1) }}" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', 1) }}" class="primary-text">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ABC Ltd.</td>
|
||||
<td>
|
||||
<span class="success item-list-note d-block">Active</span>
|
||||
<span class="item-list-note d-block">Expiration: 2024/05/16</span>
|
||||
</td>
|
||||
<td>0</td>
|
||||
<td>
|
||||
<span class="failed item-list-note d-block">Expired</span>
|
||||
<span class="item-list-note d-block">Expiration: 2023/04/16</span>
|
||||
</td>
|
||||
<td>3</td>
|
||||
<td><a href="{{ route('cms.companies.show', 1) }}" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', 1) }}" class="primary-text">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ABC Ltd.</td>
|
||||
<td>
|
||||
<span class="success item-list-note d-block">Active</span>
|
||||
<span class="item-list-note d-block">Expiration: 2024/05/16</span>
|
||||
</td>
|
||||
<td>0</td>
|
||||
<td>
|
||||
<span class="failed item-list-note d-block">Expired</span>
|
||||
<span class="item-list-note d-block">Expiration: 2023/04/16</span>
|
||||
</td>
|
||||
<td>3</td>
|
||||
<td><a href="{{ route('cms.companies.show', 1) }}" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', 1) }}" class="primary-text">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ABC Ltd.</td>
|
||||
<td>
|
||||
<span class="success item-list-note d-block">Active</span>
|
||||
<span class="item-list-note d-block">Expiration: 2024/05/16</span>
|
||||
</td>
|
||||
<td>0</td>
|
||||
<td>
|
||||
<span class="failed item-list-note d-block">Expired</span>
|
||||
<span class="item-list-note d-block">Expiration: 2023/04/16</span>
|
||||
</td>
|
||||
<td>3</td>
|
||||
<td><a href="{{ route('cms.companies.show', 1) }}" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', 1) }}" class="primary-text">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ABC Ltd.</td>
|
||||
<td>
|
||||
<span class="success item-list-note d-block">Active</span>
|
||||
<span class="item-list-note d-block">Expiration: 2024/05/16</span>
|
||||
</td>
|
||||
<td>0</td>
|
||||
<td>
|
||||
<span class="failed item-list-note d-block">Expired</span>
|
||||
<span class="item-list-note d-block">Expiration: 2023/04/16</span>
|
||||
</td>
|
||||
<td>3</td>
|
||||
<td><a href="{{ route('cms.companies.show', 1) }}" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', 1) }}" class="primary-text">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ABC Ltd.</td>
|
||||
<td>
|
||||
<span class="success item-list-note d-block">Active</span>
|
||||
<span class="item-list-note d-block">Expiration: 2024/05/16</span>
|
||||
</td>
|
||||
<td>0</td>
|
||||
<td>
|
||||
<span class="failed item-list-note d-block">Expired</span>
|
||||
<span class="item-list-note d-block">Expiration: 2023/04/16</span>
|
||||
</td>
|
||||
<td>3</td>
|
||||
<td><a href="{{ route('cms.companies.show', 1) }}" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', 1) }}" class="primary-text">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ABC Ltd.</td>
|
||||
<td>
|
||||
<span class="success item-list-note d-block">Active</span>
|
||||
<span class="item-list-note d-block">Expiration: 2024/05/16</span>
|
||||
</td>
|
||||
<td>0</td>
|
||||
<td>
|
||||
<span class="failed item-list-note d-block">Expired</span>
|
||||
<span class="item-list-note d-block">Expiration: 2023/04/16</span>
|
||||
</td>
|
||||
<td>3</td>
|
||||
<td><a href="{{ route('cms.companies.show', 1) }}" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', 1) }}" class="primary-text">Edit</a></td>
|
||||
</tr> --}}
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript" src="{{ asset('themes/' . $theme->folder . '/js/cms/companies/index.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,74 @@
|
||||
<div class="tabs-content-item">
|
||||
<div class="list-dashboard">
|
||||
<ul>
|
||||
<li class="card-shadow card-padd-30 dashboard-item">
|
||||
<div class="dashboard-item-head">
|
||||
<img src="{{ asset('themes/tailwind/images/receipt-check-black.svg') }}">
|
||||
<span>0</span>
|
||||
</div>
|
||||
<div class="dashboard-item-footer">
|
||||
<h3 class="dashboard-item-title">{{ __("Active Subscription") }}</h3>
|
||||
</div>
|
||||
</li>
|
||||
<li class="card-shadow card-padd-30 dashboard-item">
|
||||
<div class="dashboard-item-head">
|
||||
<img src="{{ asset('themes/tailwind/images/receipt-cross-black.svg') }}">
|
||||
<span>0</span>
|
||||
</div>
|
||||
<div class="dashboard-item-footer">
|
||||
<h3 class="dashboard-item-title">{{ __("Expired Subscription") }}</h3>
|
||||
</div>
|
||||
</li>
|
||||
<li class="card-shadow card-padd-30 dashboard-item">
|
||||
<div class="dashboard-item-head">
|
||||
<img src="{{ asset('themes/tailwind/images/business-black.svg') }}">
|
||||
<span>0</span>
|
||||
</div>
|
||||
<div class="dashboard-item-footer">
|
||||
<h3 class="dashboard-item-title">{{ __("Bookkeeping pending request") }}</h3>
|
||||
</div>
|
||||
</li>
|
||||
<li class="card-shadow card-padd-30 dashboard-item">
|
||||
<div class="dashboard-item-head">
|
||||
<img src="{{ asset('themes/tailwind/images/secretary-black.svg') }}">
|
||||
<span>0</span>
|
||||
</div>
|
||||
<div class="dashboard-item-footer">
|
||||
<h3 class="dashboard-item-title">{{ __("ComSec pending request") }}</h3>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<h3>{{ __("Company registration information") }}</h3>
|
||||
<form class="form-tabs">
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Company name(English)") }}</span>
|
||||
<input type="text" placeholder="" disabled value="{{ $company->name_english }}">
|
||||
</label></div>
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Company name(Chinese)") }}</span>
|
||||
<input type="text" placeholder="" disabled value="{{ $company->name_chinese }}">
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Registered office address(English)") }}</span>
|
||||
<input type="text" placeholder="" disabled value="{{ $company->registered_office_address_english }}">
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Registered office address(Chinese)") }}</span>
|
||||
<input type="text" placeholder="" disabled value="{{ $company->registered_office_address_chinese }}">
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("BR number") }}</span>
|
||||
<input type="text" placeholder="" disabled value="{{ $company->br_number }}">
|
||||
</label></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -0,0 +1,17 @@
|
||||
<div class="tabs-content-item">
|
||||
<div class="main-comsec-library">
|
||||
<table id="allUserAccessLogsListTable" class="" data-ajax-url="{{ route("cms.companies.show.access-logs-table", $company->id) }}" data-empty-text="{{ __("No data available in table") }}">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("User email") }}</td>
|
||||
<td>{{ __("Date") }}</td>
|
||||
<td>{{ __("Time") }}</td>
|
||||
<td>{{ __("Event") }}</td>
|
||||
<td>{{ __("Description") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,28 @@
|
||||
<div class="tabs-content-item">
|
||||
<div class="main-comsec-library">
|
||||
<table id="subscription-table" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>Date</td>
|
||||
<td>Service</td>
|
||||
<td>Subscription Period</td>
|
||||
<td>Package</td>
|
||||
<td>Status</td>
|
||||
<td>Invoice</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($company_subscription as $sub)
|
||||
<tr>
|
||||
<td>{{ $sub->created_at->format('Y-m-d') }}</td>
|
||||
<td>{{ $sub->subscription->service_type }}</td>
|
||||
<td>{{ explode(' ', $sub->expiration_at)[0] }}</td>
|
||||
<td>{{ $sub->subscription->period }}</td>
|
||||
<td><span class="success item-list-note">{{ $sub->status == 1 ? 'Active' : 'Deactivate' }}</span></td>
|
||||
<td><a href=""><img class="max-25" src="{{ asset('themes/tailwind/images/download.svg') }}"></a></td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,16 @@
|
||||
<div class="dashboard-edit-option">
|
||||
<form class="form-tabs" id="sendInviteUserFrm" action="{{ route('cms.companies.show.send-user-invite', $company->id) }}">
|
||||
<h2 class="dashboard-edit-option__title">{{ __("Invitation") }}</h2>
|
||||
<div class="inner-form-tabs">
|
||||
<div class="flex">
|
||||
<div class="label-field white-input-field"><label>
|
||||
<span>{{ __("Enter invited user email") }}</span>
|
||||
<input type="text" placeholder="" value="" name="email" required>
|
||||
</label></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn primary-button btn-initial">{{ __("Save") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -0,0 +1,501 @@
|
||||
<style>
|
||||
#userAccessLogsListTable_wrapper {
|
||||
border: 2px solid #D6DEE9 !important;
|
||||
box-shadow: none !important;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#userAccessLogsListTable_wrapper tbody tr {
|
||||
background-color: #D6DEE9;
|
||||
color: #364257;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="tabs-content-item">
|
||||
<div class="flex-document-library flex">
|
||||
<div class="side-document-library side-nav-tabs">
|
||||
<ul class="navigation-document-library">
|
||||
<li class="active"><button type="button" class="js-side-nav" data-id="#description">{{ __("Description") }}</button></li>
|
||||
<li><button type="button" class="js-side-nav" data-id="#user-list">{{ __("User List") }}</button></li>
|
||||
<li><button type="button" class="js-side-nav" data-id="#access-level">{{ __("Access level") }}</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="main-document-library side-content-tabs">
|
||||
<div id="description" class="js-content-tab">
|
||||
<div class="list-dashboard">
|
||||
<ul>
|
||||
<li class="card-shadow card-padd-30 dashboard-item single-dashboard-item">
|
||||
<div class="dashboard-item-head">
|
||||
<img src="{{ asset('themes/tailwind/images/user-2.svg') }}">
|
||||
<h3 class="dashboard-item-title">{{ __("Total User") }}</h3>
|
||||
<span>{{ $company->users->count() }}</span>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="#" class="btn primary-button" data-bs-toggle="modal" data-bs-target="#newUserModal">{{ __("Add User") }}</a></li>
|
||||
<li><a href="?p=user-invite" class="btn primary-button">{{ __("Invitation") }}</a></li>
|
||||
<li></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="list-details">
|
||||
<div class="card-shadow card-padd-15">
|
||||
<h3 class="list-details-title">{{ __("Owner") }}</h3>
|
||||
<div class="list-details-content">
|
||||
<h4 class="text-center list-details-subtitle">{{ __("Access Level") }}</h4>
|
||||
<h4 class="font-bold">{{ __("Company Account") }}</h4>
|
||||
<ul>
|
||||
<li>{{ __("Create Company Account") }}</li>
|
||||
<li>{{ __("Manage/Revoke/Transfer Administrator Access") }}</li>
|
||||
<li>{{ __("Manage Company Detail") }}</li>
|
||||
<li>{{ __("Manage Subscription") }}</li>
|
||||
<li>{{ __("Manage Group Access") }}</li>
|
||||
<li>{{ __("Manage User & Assign Group (All)") }}</li>
|
||||
<li>{{ __("Manage User & Assign Group (Except Administrator)") }}</li>
|
||||
<li>{{ __("View Access Log") }}</li>
|
||||
</ul>
|
||||
<br>
|
||||
<h4 class="font-bold">{{ __("Bookkeeping") }}</h4>
|
||||
<ul>
|
||||
<li>{{ __("View / List Bookkeeping Record") }}</li>
|
||||
<li>{{ __("Upload Bookkeeping Record") }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-shadow card-padd-15">
|
||||
<h3 class="list-details-title">{{ __("Administrator") }}</h3>
|
||||
<div class="list-details-content">
|
||||
<h4 class="text-center list-details-subtitle">{{ __("Access Level") }}</h4>
|
||||
<h4 class="font-bold">{{ __("Company Account") }}</h4>
|
||||
<ul>
|
||||
<li>{{ __("Create Company Account") }}</li>
|
||||
<li>{{ __("Manage Company Detail") }}</li>
|
||||
<li>{{ __("Manage Subscription") }}</li>
|
||||
<li>{{ __("Manage Group Access") }}</li>
|
||||
<li>{{ __("Manage User & Assign Group (Except Administrator)") }}</li>
|
||||
<li>{{ __("View Access Log") }}</li>
|
||||
</ul>
|
||||
<br>
|
||||
<h4 class="font-bold">{{ __("Bookkeeping") }}</h4>
|
||||
<ul>
|
||||
<li>{{ __("View / List Bookkeeping Record") }}</li>
|
||||
<li>{{ __("Upload Bookkeeping Record") }}</li>
|
||||
</ul>
|
||||
<br>
|
||||
<h4 class="font-bold">{{ __("Company Secretary") }}</h4>
|
||||
<ul>
|
||||
<li>{{ __("View / List Comp Sec Document") }}</li>
|
||||
<li>{{ __("Upload Comp Sec Document") }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-shadow card-padd-15">
|
||||
<h3 class="list-details-title">{{ __("Bookkeeper") }}</h3>
|
||||
<div class="list-details-content">
|
||||
<h4 class="text-center list-details-subtitle">{{ __("Access Level") }}</h4>
|
||||
<h4 class="font-bold">{{ __("Bookkeeping") }}</h4>
|
||||
<ul>
|
||||
<li>{{ __("View / List Bookkeeping Record") }}</li>
|
||||
<li>{{ __("Upload Bookkeeping Record") }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-shadow card-padd-15">
|
||||
<h3 class="list-details-title">{{ __("Company Secretary") }}</h3>
|
||||
<div class="list-details-content">
|
||||
<h4 class="text-center list-details-subtitle">{{ __("Access Level") }}</h4>
|
||||
<h4 class="font-bold">{{ __("Company Secretary") }}</h4>
|
||||
<ul>
|
||||
<li>{{ __("View / List Comp Sec Document") }}</li>
|
||||
<li>{{ __("Upload Comp Sec Document") }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="user-list" class="js-content-tab" style="display: none">
|
||||
<table id="userListTable" class="" data-ajax-url="{{ route("cms.companies.show.users-table", $company->id) }}" data-empty-text="{{ __("No data available in table") }}">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>First Name</td>
|
||||
<td>Last Name</td>
|
||||
<td>Phone Number</td>
|
||||
<td>Company</td>
|
||||
<td>Access Level</td>
|
||||
<td>Status</td>
|
||||
<td>Action</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="access-level" class="js-content-tab" style="display: none">
|
||||
<table id="access-level-table" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>Access right</td>
|
||||
<td>Owner</td>
|
||||
<td>Administrator</td>
|
||||
<td>Bookkeeper</td>
|
||||
<td>Company Secretart</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="highlights">
|
||||
<td>Company Account</td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Create Company Account</td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Manage / Revoke / Transfer Administrator Access</td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Manage Company Detail</td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
</tr>
|
||||
<tr class="highlights">
|
||||
<td>Bookkeeping</td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Create Company Account</td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Manage / Revoke / Transfer Administrator Access</td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Manage Company Detail</td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Modals --}}
|
||||
{{-- Add User Modal --}}
|
||||
<div class="modal fade custom-modal" id="newUserModal" tabindex="-1" aria-labelledby="newUserModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title">{{ __("User Detail") }}</p>
|
||||
|
||||
<form action="{{ route('cms.users.store') }}" class="theme-form" id="addUserFrm">
|
||||
<input type="hidden" value="{{ $company->id }}" name="company_id">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("First name") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="first_name" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Password") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="password-wrapper">
|
||||
<input type="password" class="form-control" value="" name="password" required>
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Last name") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="last_name" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Confirm Password") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="password-wrapper">
|
||||
<input type="password" class="form-control" value="" name="password_confirmation" required>
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Phone") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="phone" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Email") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="email" class="form-control" value="" name="email" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Access Level") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="role_id" required>
|
||||
<option value="" disabled selected>{{ __("Select an option") }}</option>
|
||||
@foreach ($roles as $role)
|
||||
<option value="{{ $role->id }}">{{ $role->display_name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto" required>
|
||||
<label class="col-form-label">{{ __("Status") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="status">
|
||||
<option value="active" selected>{{ __("Active") }}</option>
|
||||
<option value="inactive">{{ __("Inactive") }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="submit" class="btn green-btn mx-3">{{ __("Save") }}</button>
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">{{ __("Cancel") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{-- Edit User Modal --}}
|
||||
<div class="modal fade custom-modal" id="editUserModal" tabindex="-1" aria-labelledby="editUserModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title">{{ __("User Detail") }}</p>
|
||||
|
||||
<form action="#" class="theme-form" id="editUserFrm">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("First name") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="first_name" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Current Password") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="password" class="form-control" value="" name="current_password">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Last name") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="last_name" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Password") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="password-wrapper">
|
||||
<input type="password" class="form-control" value="" name="password">
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Phone") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="phone" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Confirm Password") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="password-wrapper">
|
||||
<input type="password" class="form-control" value="" name="password_confirmation">
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Email") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="email" class="form-control" value="" name="email" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Access Level") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="role_id" required>
|
||||
<option value="" disabled selected>{{ __("Select an option") }}</option>
|
||||
@foreach ($roles as $role)
|
||||
<option value="{{ $role->id }}">{{ $role->display_name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto" required>
|
||||
<label class="col-form-label">{{ __("Status") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="status">
|
||||
<option value="active" selected>{{ __("Active") }}</option>
|
||||
<option value="inactive">{{ __("Inactive") }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="submit" class="btn green-btn mx-3">{{ __("Save") }}</button>
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">{{ __("Cancel") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{-- User Action Logs Modal --}}
|
||||
<div class="modal fade custom-modal" id="userActionLogsModal" tabindex="-1" aria-labelledby="userActionLogsModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title mb-4">{{ __("User Log") }}</p>
|
||||
|
||||
<table id="userAccessLogsListTable" class="" data-ajax-url="{{ route("cms.users.accessLogsTable") }}" data-empty-text="{{ __("No data available in table") }}">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Date") }}</td>
|
||||
<td>{{ __("Time") }}</td>
|
||||
<td>{{ __("Event") }}</td>
|
||||
<td>{{ __("Description") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">{{ __("Back") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var languageTexts = {
|
||||
"Yes": '{{ __("Yes") }}',
|
||||
"Cancel": '{{ __("Cancel") }}',
|
||||
"Cancel": '{{ __("Cancel") }}',
|
||||
"Are you sure?": '{{ __("Are you sure?") }}',
|
||||
"You would not be able to revert this!": '{{ __("You would not be able to revert this!") }}',
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,16 @@
|
||||
<div class="dashboard-edit-option">
|
||||
<form class="form-tabs" id="updateXeroApiFrm" action="{{ route('cms.companies.show.update-xero-api', $company->id) }}">
|
||||
<h2 class="dashboard-edit-option__title">{{ __("Xero API Key") }}</h2>
|
||||
<div class="inner-form-tabs">
|
||||
<div class="flex">
|
||||
<div class="label-field white-input-field"><label>
|
||||
<span>{{ __("Enter your Xero API Key") }}</span>
|
||||
<input type="text" name="xero_api_key" placeholder="" value="{{ $company->xero_api_key }}" required>
|
||||
</label></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn primary-button btn-initial">{{ __("Save") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
768
resources/views/themes/tailwind/cms/companies/show.blade.php
Normal file
768
resources/views/themes/tailwind/cms/companies/show.blade.php
Normal file
@@ -0,0 +1,768 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
|
||||
@php
|
||||
if(!isset($_GET['p'])){
|
||||
$page = 'detail';
|
||||
}else{
|
||||
$page = $_GET['p'];
|
||||
}
|
||||
@endphp
|
||||
|
||||
<div class="dashboard-title-flex">
|
||||
<h2 class="dashboard-title">{{ $company->name }}</h2>
|
||||
<div class="dashboard-button-title">
|
||||
@if($page != 'xero-api' && $page != 'user-invite')
|
||||
<a href="?p=xero-api" class="btn primary-button">{{ __("Xero API") }}</a>
|
||||
@endif
|
||||
<a href="javascript:history.back();" class="btn btn-error">{{ __("Back") }}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs-area">
|
||||
@if($page != 'xero-api' && $page != 'user-invite')
|
||||
<div class="tabs-navigation">
|
||||
<ul>
|
||||
<li <?= ($page == 'detail' ? 'class="active"' : ''); ?>><a href="?p=detail">{{ __("Company Detail") }}</a></li>
|
||||
<li <?= ($page == 'document' ? 'class="active"' : ''); ?>><a href="?p=document">{{ __("Document Library") }}</a></li>
|
||||
@if (auth()->user()->userRole->hasAccess('manage-job-queue'))
|
||||
@if (auth()->user()->userRole->hasAccess('manage-bookkeeping'))
|
||||
<li <?= ($page == 'bookkeeping' ? 'class="active"' : ''); ?>><a href="?p=bookkeeping">{{ __("Bookkeeping Queue & Log") }} <span class="tab-number">3</span></a></li>
|
||||
@endif
|
||||
@if (auth()->user()->userRole->hasAccess('manage-comp-sec'))
|
||||
<li <?= ($page == 'comsec' ? 'class="active"' : ''); ?>><a href="?p=comsec">{{ __("ComSec Queue & Log") }} <span class="tab-number">3</span></a></li>
|
||||
@endif
|
||||
@endif
|
||||
@if (auth()->user()->userRole->hasAccess('manage-subscription'))
|
||||
<li <?= ($page == 'subscription' ? 'class="active"' : ''); ?>><a href="?p=subscription">{{ __("Subscription & Billing") }}</a></li>
|
||||
@endif
|
||||
<li <?= ($page == 'user' ? 'class="active"' : ''); ?>><a href="?p=user">{{ __("User Management") }}</a></li>
|
||||
<li <?= ($page == 'log' ? 'class="active"' : ''); ?>><a href="?p=log">{{ __("Access Log") }}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
<div class="tabs-content">
|
||||
@if($page == 'xero-api')
|
||||
@include('theme::cms.companies.show-xero-api')
|
||||
@endif
|
||||
|
||||
@if($page == 'detail')
|
||||
@include('theme::cms.companies.show-detail')
|
||||
@endif
|
||||
|
||||
@if($page == 'document')
|
||||
<div class="tabs-content-item">
|
||||
|
||||
<div class="flex-document-library flex">
|
||||
<div class="side-document-library">
|
||||
<ul class="navigation-document-library">
|
||||
<li class="active"><button type="button">Recent</button></li>
|
||||
<li><button type="button">Bookkeeping</button></li>
|
||||
<li><button type="button">ComSec</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="main-document-library">
|
||||
<div class="search-bar flex">
|
||||
<span class="search-bar__label">Document/Record search</span>
|
||||
<div class="search-bar__field">
|
||||
<button type="button"><img src="{{ asset('themes/tailwind/images/setting-4.svg') }}"></button>
|
||||
<input type="text">
|
||||
</div>
|
||||
<button type="submit" class="btn primary-button search-bar__button">Search</button>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-10 marginx-15">
|
||||
<button type="button" class="btn primary-button btn-normal">Upload Report</button>
|
||||
<button type="button" class="btn primary-button btn-normal">Download</button>
|
||||
</div>
|
||||
|
||||
<table id="document-table" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td>Document Name</td>
|
||||
<td>Document Category</td>
|
||||
<td>Upload User</td>
|
||||
<td>Size</td>
|
||||
<td>Date Uploaded</td>
|
||||
<td>Action</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">ABC Ltd_202301Pro...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Report</td>
|
||||
<td>Admin</td>
|
||||
<td><span class="primary-text">234KB</span></td>
|
||||
<td>20230515-14:43</td>
|
||||
<td><a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">Properties</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/pdf.svg') }}">
|
||||
<span class="fix-text">ABC Ltd_202301Pro...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Report</td>
|
||||
<td>Admin</td>
|
||||
<td><span class="primary-text">234KB</span></td>
|
||||
<td>20230515-14:43</td>
|
||||
<td><a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">Properties</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/pdf.svg') }}">
|
||||
<span class="fix-text">ABC Ltd_202301Pro...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Report</td>
|
||||
<td>Admin</td>
|
||||
<td><span class="primary-text">234KB</span></td>
|
||||
<td>20230515-14:43</td>
|
||||
<td><a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">Properties</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/pdf.svg') }}">
|
||||
<span class="fix-text">ABC Ltd_202301Pro...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Report</td>
|
||||
<td>Admin</td>
|
||||
<td><span class="primary-text">234KB</span></td>
|
||||
<td>20230515-14:43</td>
|
||||
<td><a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">Properties</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">ABC Ltd_202301Pro...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Report</td>
|
||||
<td>Admin</td>
|
||||
<td><span class="primary-text">234KB</span></td>
|
||||
<td>20230515-14:43</td>
|
||||
<td><a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">Properties</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">ABC Ltd_202301Pro...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Report</td>
|
||||
<td>Admin</td>
|
||||
<td><span class="primary-text">234KB</span></td>
|
||||
<td>20230515-14:43</td>
|
||||
<td><a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">Properties</a> <span class="long-pipe">|</span> <a href="{{ route('cms.companies.show', $company->id) }}" class="primary-text">Download</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if($page == 'bookkeeping')
|
||||
<div class="tabs-content-item">
|
||||
<div class="main-bookkeeping-library">
|
||||
|
||||
<div class="flex gap-10 marginx-15">
|
||||
<button type="button" class="btn primary-button btn-normal">Upload Report</button>
|
||||
<button type="button" class="btn primary-button btn-normal">Download</button>
|
||||
</div>
|
||||
|
||||
<div class="tabs-navigation blue-tabs">
|
||||
<ul>
|
||||
<li class="active"><a href="#" class="js-tab-navigate" data-id="#in-queue"><img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-timer.svg') }}"> In Queue List <span class="tab-number">3</span></a></li>
|
||||
<li><a href="#" class="js-tab-navigate" data-id="#completed"><img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-circle.svg') }}"> Completed List <span class="tab-number">3</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tabs-content">
|
||||
<div class="tabs-content-item white-bg no-padd" id="in-queue">
|
||||
<div class="sidebyside paddingy-10 paddingx-10">
|
||||
<span class="blue-text">Number of file in process: 5</span>
|
||||
<span class="blue-text">Total item(s) in Queue: 7</span>
|
||||
</div>
|
||||
<table id="document-table__enqueue" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>Original Name</td>
|
||||
<td>Category</td>
|
||||
<td>Vendor</td>
|
||||
<td>Batch Name</td>
|
||||
<td>Remark</td>
|
||||
<td>Upload date&time</td>
|
||||
<td>Status</td>
|
||||
<td>Xero Status</td>
|
||||
<td>Xero Amount</td>
|
||||
<td>Action</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Bank statement</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Ltd_202301Bank...</td>
|
||||
<td>202301Bank statement</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Uploaded</option>
|
||||
<option>Uploaded</option>
|
||||
<option>Uploaded</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td><button type="button"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Bank statement</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Ltd_202301Bank...</td>
|
||||
<td>202301Bank statement</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Uploaded</option>
|
||||
<option>Uploaded</option>
|
||||
<option>Uploaded</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td><button type="button"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Bank statement</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Ltd_202301Bank...</td>
|
||||
<td>202301Bank statement</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Uploaded</option>
|
||||
<option>Uploaded</option>
|
||||
<option>Uploaded</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td><button type="button"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Bank statement</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Ltd_202301Bank...</td>
|
||||
<td>202301Bank statement</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Uploaded</option>
|
||||
<option>Uploaded</option>
|
||||
<option>Uploaded</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td><button type="button"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Bank statement</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Ltd_202301Bank...</td>
|
||||
<td>202301Bank statement</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Uploaded</option>
|
||||
<option>Uploaded</option>
|
||||
<option>Uploaded</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td><button type="button"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tabs-content-item white-bg no-padd" id="completed" style="display: none;">
|
||||
<div class="sidebyside paddingx-10 paddingy-10">
|
||||
<span class="blue-text">Number of file in process: 5</span>
|
||||
<span class="blue-text">Total item(s) in Queue: 7</span>
|
||||
</div>
|
||||
<table id="document-table__completed" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>Original Name</td>
|
||||
<td>Category</td>
|
||||
<td>Vendor</td>
|
||||
<td>Batch Name</td>
|
||||
<td>Remark</td>
|
||||
<td>Upload date&time</td>
|
||||
<td>Status</td>
|
||||
<td>Xero Status</td>
|
||||
<td>Xero Amount</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Bank statement</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Ltd_202301Bank...</td>
|
||||
<td>202301Bank statement</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Uploaded</option>
|
||||
<option>Uploaded</option>
|
||||
<option>Uploaded</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><img src="{{ asset('themes/tailwind/images/check-2.svg') }}" class="max-25"></td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if($page == 'comsec')
|
||||
<div class="tabs-content-item">
|
||||
<div class="main-comsec-library">
|
||||
|
||||
<div class="flex gap-10 marginx-15">
|
||||
<button type="button" class="btn primary-button btn-normal">Upload Report</button>
|
||||
<button type="button" class="btn primary-button btn-normal">Download</button>
|
||||
</div>
|
||||
|
||||
<div class="tabs-navigation blue-tabs">
|
||||
<ul>
|
||||
<li class="active"><a href="#" class="js-tab-navigate" data-id="#in-queue"><img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-timer.svg') }}"> In Queue List <span class="tab-number">3</span></a></li>
|
||||
<li><a href="#" class="js-tab-navigate" data-id="#completed"><img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-circle.svg') }}"> Completed List <span class="tab-number">3</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tabs-content">
|
||||
<div class="tabs-content-item white-bg no-padd" id="in-queue">
|
||||
<div class="sidebyside paddingy-10 paddingx-10">
|
||||
<span class="blue-text">Number of file in process: 5</span>
|
||||
<span class="blue-text">Total item(s) in Queue: 7</span>
|
||||
</div>
|
||||
<table id="comsec-table__enqueue" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>Original Name</td>
|
||||
<td>Service</td>
|
||||
<td>Category</td>
|
||||
<td>Vendor</td>
|
||||
<td>Batch Name</td>
|
||||
<td>Remark</td>
|
||||
<td>Upload date&time</td>
|
||||
<td>Status</td>
|
||||
<td>Action</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><button type="button"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><button type="button"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><button type="button"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><button type="button"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><button type="button"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td><button type="button"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tabs-content-item white-bg no-padd" id="completed" style="display: none;">
|
||||
<div class="sidebyside paddingx-10 paddingy-10">
|
||||
<span class="blue-text">Number of file in process: 5</span>
|
||||
<span class="blue-text">Total item(s) in Queue: 7</span>
|
||||
</div>
|
||||
<table id="comsec-table__completed" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>Original Name</td>
|
||||
<td>Service</td>
|
||||
<td>Category</td>
|
||||
<td>Vendor</td>
|
||||
<td>Batch Name</td>
|
||||
<td>Remark</td>
|
||||
<td>Upload date&time</td>
|
||||
<td>Status</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Filed</option>
|
||||
<option>Filed</option>
|
||||
<option>Filed</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Filed</option>
|
||||
<option>Filed</option>
|
||||
<option>Filed</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Filed</option>
|
||||
<option>Filed</option>
|
||||
<option>Filed</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Filed</option>
|
||||
<option>Filed</option>
|
||||
<option>Filed</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Filed</option>
|
||||
<option>Filed</option>
|
||||
<option>Filed</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">202301Bank state...</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Filed</option>
|
||||
<option>Filed</option>
|
||||
<option>Filed</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if($page == 'subscription')
|
||||
@include('theme::cms.companies.show-subscription')
|
||||
@endif
|
||||
|
||||
@if($page == 'user')
|
||||
@include('theme::cms.companies.show-user')
|
||||
@endif
|
||||
|
||||
@if($page == 'log')
|
||||
@include('theme::cms.companies.show-log')
|
||||
@endif
|
||||
|
||||
@if($page == 'user-invite')
|
||||
@include('theme::cms.companies.show-user-invite')
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Modals --}}
|
||||
{{-- Success Modal --}}
|
||||
<div class="modal fade validation-modal style2" id="validationModal" tabindex="-1" aria-labelledby="validationModal1Label" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="text-center error-message">{{ __("All changes have been saved!") }}</p>
|
||||
<button type="button" class="btn br-0" data-bs-dismiss="modal">{{ __("Back") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript" src="{{ asset('themes/' . $theme->folder . '/js/cms/companies/show.js') }}"></script>
|
||||
|
||||
@if($page == 'user')
|
||||
<script type="text/javascript" src="{{ asset('themes/' . $theme->folder . '/js/cms/companies/show-user.js') }}"></script>
|
||||
@endif
|
||||
|
||||
@if($page == 'log')
|
||||
<script type="text/javascript" src="{{ asset('themes/' . $theme->folder . '/js/cms/companies/show-log.js') }}"></script>
|
||||
@endif
|
||||
|
||||
@if($page == 'xero-api')
|
||||
<script type="text/javascript" src="{{ asset('themes/' . $theme->folder . '/js/cms/companies/show-xero-api.js') }}"></script>
|
||||
@endif
|
||||
|
||||
@if($page == 'user-invite')
|
||||
<script type="text/javascript" src="{{ asset('themes/' . $theme->folder . '/js/cms/companies/show-user-invite.js') }}"></script>
|
||||
@endif
|
||||
@endsection
|
||||
526
resources/views/themes/tailwind/cms/company-secretary.blade.php
Normal file
526
resources/views/themes/tailwind/cms/company-secretary.blade.php
Normal file
@@ -0,0 +1,526 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
|
||||
@php
|
||||
if(!isset($_GET['p'])){
|
||||
$page = 'detail';
|
||||
}else{
|
||||
$page = $_GET['p'];
|
||||
}
|
||||
@endphp
|
||||
|
||||
@if($page == 'document')
|
||||
<div class="dashboard-title-flex">
|
||||
<h2 class="dashboard-title">Document Library</h2>
|
||||
<div class="dashboard-button-title">
|
||||
<a href="{{ route('cms.company-secretary') }}" class="btn btn-error">Back</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search-bar flex">
|
||||
<span class="search-bar__label">Document/Record search</span>
|
||||
<div class="search-bar__field">
|
||||
<button type="button"><img src="{{ asset('themes/tailwind/images/setting-4.svg') }}"></button>
|
||||
<input type="text">
|
||||
</div>
|
||||
<button type="submit" class="btn primary-button search-bar__button">Search</button>
|
||||
</div>
|
||||
|
||||
<div class="paddingx-20">
|
||||
<table id="document-table__enqueue" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td>Document Name</td>
|
||||
<td>Company</td>
|
||||
<td>Document Category</td>
|
||||
<td>Upload User</td>
|
||||
<td>Document Size</td>
|
||||
<td>Date Uploaded</td>
|
||||
<td>Action</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>CI</td>
|
||||
<td>Mary Chan</td>
|
||||
<td><span class="">234KB</span></td>
|
||||
<td>20230515-14:43</td>
|
||||
<td><a href="#" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="#" class="primary-text">Properties</a> <span class="long-pipe">|</span> <a href="#" class="primary-text">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>CI</td>
|
||||
<td>Mary Chan</td>
|
||||
<td><span class="">234KB</span></td>
|
||||
<td>20230515-14:43</td>
|
||||
<td><a href="#" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="#" class="primary-text">Properties</a> <span class="long-pipe">|</span> <a href="#" class="primary-text">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>CI</td>
|
||||
<td>Mary Chan</td>
|
||||
<td><span class="">234KB</span></td>
|
||||
<td>20230515-14:43</td>
|
||||
<td><a href="#" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="#" class="primary-text">Properties</a> <span class="long-pipe">|</span> <a href="#" class="primary-text">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox"></td>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>CI</td>
|
||||
<td>Mary Chan</td>
|
||||
<td><span class="">234KB</span></td>
|
||||
<td>20230515-14:43</td>
|
||||
<td><a href="#" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="#" class="primary-text">Properties</a> <span class="long-pipe">|</span> <a href="#" class="primary-text">Download</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@elseif($page == 'category')
|
||||
<div class="dashboard-title-flex">
|
||||
<h2 class="dashboard-title">Document Library</h2>
|
||||
<div class="dashboard-button-title">
|
||||
<a href="{{ route('cms.company-secretary') }}" class="btn primary-button">New Category</a>
|
||||
<a href="{{ route('cms.company-secretary') }}" class="btn btn-error">Back</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
<table id="company-category" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>Category Name</td>
|
||||
<td>Status</td>
|
||||
<td>Action</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>CI</td>
|
||||
<td><span class="">Active</span></td>
|
||||
<td><a href="#" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="#" class="primary-text">Edit</a> <span class="long-pipe">|</span> <a href="#" class="error-text">Archive</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>CI</td>
|
||||
<td><span class="">Active</span></td>
|
||||
<td><a href="#" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="#" class="primary-text">Edit</a> <span class="long-pipe">|</span> <a href="#" class="error-text">Archive</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>CI</td>
|
||||
<td><span class="">Active</span></td>
|
||||
<td><a href="#" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="#" class="primary-text">Edit</a> <span class="long-pipe">|</span> <a href="#" class="error-text">Archive</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>CI</td>
|
||||
<td><span class="">Active</span></td>
|
||||
<td><a href="#" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="#" class="primary-text">Edit</a> <span class="long-pipe">|</span> <a href="#" class="error-text">Archive</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>CI</td>
|
||||
<td><span class="">Active</span></td>
|
||||
<td><a href="#" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="#" class="primary-text">Edit</a> <span class="long-pipe">|</span> <a href="#" class="error-text">Archive</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@else
|
||||
|
||||
<div class="dashboard-title-flex nowrap">
|
||||
<h2 class="dashboard-title">Company Secretary service</h2>
|
||||
<div class="dashboard-button-title">
|
||||
<a href="?p=document" class="btn primary-button">Document Library</a>
|
||||
<a href="?p=log" class="btn primary-button">ComSec Action Log</a>
|
||||
<a href="?p=category" class="btn primary-button">Category List</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tabs-navigation blue-tabs">
|
||||
<ul>
|
||||
<li class="active"><a href="#" class="js-tab-navigate" data-id="#in-queue"><img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-timer.svg') }}"> In Queue List <span class="tab-number">3</span></a></li>
|
||||
<li><a href="#" class="js-tab-navigate" data-id="#completed"><img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-circle.svg') }}"> Completed List <span class="tab-number">3</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tabs-content">
|
||||
<div class="tabs-content-item white-bg no-padd" id="in-queue">
|
||||
<div class="sidebyside paddingy-10 paddingx-10">
|
||||
<span class="blue-text">Number of file in process: 5</span>
|
||||
<span class="blue-text">Total item(s) in Queue: 7</span>
|
||||
</div>
|
||||
<table id="document-table__enqueue" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>Original Name</td>
|
||||
<td>Company</td>
|
||||
<td>Service</td>
|
||||
<td>Category</td>
|
||||
<td>Vendor</td>
|
||||
<td>Batch Name</td>
|
||||
<td>Remark</td>
|
||||
<td>Upload date&time</td>
|
||||
<td>Status</td>
|
||||
<td>Action</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>Incorporation of Hong...</td>
|
||||
<td>CI</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Copy of DCE Ltd.CI</td>
|
||||
<td>DCE Ltd.CI</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<div class="dropdown non-custom">
|
||||
<button type="button" data-bs-toggle="dropdown" aria-expanded="false"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#">Cancel Request</a>
|
||||
<a class="dropdown-item" href="#">Message on file</a>
|
||||
<a class="dropdown-item" href="#">Stop processing</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="failed">
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>Incorporation of Hong...</td>
|
||||
<td>CI</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Copy of DCE Ltd.CI</td>
|
||||
<td>DCE Ltd.CI</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
<button type="button" class="failed item-list-note flex btn-link reupload-button"><img class="max-25" src="{{ asset('themes/tailwind/images/flag-2.svg') }}"> Reupload</button>
|
||||
</td>
|
||||
<td>
|
||||
<div class="dropdown non-custom">
|
||||
<button type="button" data-bs-toggle="dropdown" aria-expanded="false"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#">Cancel Request</a>
|
||||
<a class="dropdown-item" href="#">Message on file</a>
|
||||
<a class="dropdown-item" href="#">Stop processing</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>Incorporation of Hong...</td>
|
||||
<td>CI</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Copy of DCE Ltd.CI</td>
|
||||
<td>DCE Ltd.CI</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<div class="dropdown non-custom">
|
||||
<button type="button" data-bs-toggle="dropdown" aria-expanded="false"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#">Cancel Request</a>
|
||||
<a class="dropdown-item" href="#">Message on file</a>
|
||||
<a class="dropdown-item" href="#">Stop processing</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>Incorporation of Hong...</td>
|
||||
<td>CI</td>
|
||||
<td><span class="grey-text">processing...</span></td>
|
||||
<td>ABC Copy of DCE Ltd.CI</td>
|
||||
<td>DCE Ltd.CI</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
</td>
|
||||
<td>
|
||||
<div class="dropdown non-custom">
|
||||
<button type="button" data-bs-toggle="dropdown" aria-expanded="false"><img class="max-25" src="{{ asset('themes/tailwind/images/more.svg') }}"></button>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#">Cancel Request</a>
|
||||
<a class="dropdown-item" href="#">Message on file</a>
|
||||
<a class="dropdown-item" href="#">Stop processing</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tabs-content-item white-bg no-padd" id="completed" style="display: none;">
|
||||
<table id="document-table__completed" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>Original Name</td>
|
||||
<td>Company</td>
|
||||
<td>Service</td>
|
||||
<td>Category</td>
|
||||
<td>Vendor</td>
|
||||
<td>Batch Name</td>
|
||||
<td>Remark</td>
|
||||
<td>Upload date&time</td>
|
||||
<td>Status</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>Incorporation of Hong...</td>
|
||||
<td>CI</td>
|
||||
<td><span class="grey-text">Failed</span></td>
|
||||
<td>ABC Copy of DCE Ltd.CI</td>
|
||||
<td>DCE Ltd.CI</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
<button href="" class="failed item-list-note flex btn-link reupload-button">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>Incorporation of Hong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd</td>
|
||||
<td>ABC Copy of DCE Ltd.CI</td>
|
||||
<td>DCE Ltd.CI</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
<button href="" class="failed item-list-note flex btn-link reupload-button">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>Incorporation of Hong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd</td>
|
||||
<td>ABC Copy of DCE Ltd.CI</td>
|
||||
<td>DCE Ltd.CI</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
<button href="" class="failed item-list-note flex btn-link reupload-button">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="flex justify-start">
|
||||
<img class="max-25" src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span class="fix-text">DCE Ltd.CI</span>
|
||||
</div>
|
||||
</td>
|
||||
<td>DCE Consultant Ltd.</td>
|
||||
<td>Incorporation of Hong...</td>
|
||||
<td>CI</td>
|
||||
<td>DCE Consultant Ltd</td>
|
||||
<td>ABC Copy of DCE Ltd.CI</td>
|
||||
<td>DCE Ltd.CI</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td>
|
||||
<select>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
<option>Submitted</option>
|
||||
</select>
|
||||
<button href="" class="failed item-list-note flex btn-link reupload-button">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
|
||||
<script>
|
||||
$(document).ready( function () {
|
||||
$('#document-table__enqueue, #document-table__completed, #document-table, #comsec-table__enqueue, #comsec-table__completed').DataTable({
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
// Add more text customizations if needed
|
||||
},
|
||||
columnDefs: [
|
||||
{ targets: [0,1,2,3,4,5,6], orderable: false } // Change the index [1] if needed
|
||||
]
|
||||
});
|
||||
|
||||
$("#subscription-table").DataTable({
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
// Add more text customizations if needed
|
||||
},
|
||||
columnDefs: [
|
||||
{ targets: [0,1,2,3,4,5], orderable: false } // Change the index [1] if needed
|
||||
]
|
||||
});
|
||||
|
||||
$("#access-level-table, #log-table").DataTable({
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
// Add more text customizations if needed
|
||||
},
|
||||
columnDefs: [
|
||||
{ targets: [0,1,2,3,4], orderable: false } // Change the index [1] if needed
|
||||
]
|
||||
});
|
||||
|
||||
$("#company-category").DataTable({
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
// Add more text customizations if needed
|
||||
},
|
||||
columnDefs: [
|
||||
{ targets: [0,1,2], orderable: false } // Change the index [1] if needed
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
|
||||
$(".js-side-nav").click(function(e){
|
||||
e.preventDefault();
|
||||
var id = jQuery(this).data('id');
|
||||
jQuery(this).closest('.side-nav-tabs').next().find('.js-content-tab').hide();
|
||||
jQuery(id).show();
|
||||
jQuery(this).closest('.side-nav-tabs').find('li').removeClass('active');
|
||||
jQuery(this).parent().addClass('active');
|
||||
});
|
||||
|
||||
$(".js-tab-navigate").click(function(e){
|
||||
e.preventDefault();
|
||||
var id = jQuery(this).data('id');
|
||||
jQuery(this).closest('.tabs-navigation').next().find('.tabs-content-item').hide();
|
||||
jQuery(id).show();
|
||||
jQuery(this).closest('.tabs-navigation').find('li').removeClass('active');
|
||||
jQuery(this).parent().addClass('active');
|
||||
});
|
||||
} );
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
590
resources/views/themes/tailwind/cms/crm/index.blade.php
Normal file
590
resources/views/themes/tailwind/cms/crm/index.blade.php
Normal file
@@ -0,0 +1,590 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('style')
|
||||
<style>
|
||||
#userAccessLogsListTable_wrapper {
|
||||
border: 2px solid #D6DEE9 !important;
|
||||
box-shadow: none !important;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#userAccessLogsListTable_wrapper tbody tr {
|
||||
background-color: #D6DEE9;
|
||||
color: #364257;
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<h2 class="dashboard-title">{{ __("CRM") }}</h2>
|
||||
<form class="search-fields flex" action="#" id="searchFrm">
|
||||
<div class="search-field d-flex align-items-center">
|
||||
<label class="label-field mr-2" style="white-space: nowrap;">
|
||||
{{ __("Company") }}
|
||||
</label>
|
||||
<input type="text" class="w-100" id="search_company_name">
|
||||
</div>
|
||||
<div class="search-field d-flex align-items-center">
|
||||
<label class="label-field mr-2" style="white-space: nowrap;">
|
||||
{{ __("First name") }}
|
||||
</label>
|
||||
<input type="text" class="w-100" id="search_first_name">
|
||||
</div>
|
||||
<div class="search-field d-flex align-items-center">
|
||||
<label class="label-field mr-2" style="white-space: nowrap;">
|
||||
{{ __("Last name") }}
|
||||
</label>
|
||||
<input type="text" class="w-100" id="search_last_name">
|
||||
</div>
|
||||
<div class="search-field d-flex align-items-center">
|
||||
<label class="label-field mr-2" style="white-space: nowrap;">
|
||||
{{ __("Phone number") }}
|
||||
</label>
|
||||
<input type="text" class="w-100" id="search_phone">
|
||||
</div>
|
||||
<div class="search-field width-auto">
|
||||
<button type="submit" class="btn primary-button btn-normal">{{ __("Search") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<table id="crmTable" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Company") }}</td>
|
||||
<td>{{ __("First name") }}</td>
|
||||
<td>{{ __("Last name") }}</td>
|
||||
<td>{{ __("Phone number") }}</td>
|
||||
<td>{{ __("Access level") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
<td>{{ __("Action") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
|
||||
{{-- Modals --}}
|
||||
{{-- Edit User Modal --}}
|
||||
<div class="modal fade custom-modal" id="editUserModal" tabindex="-1" aria-labelledby="editUserModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title">{{ __("User Detail") }}</p>
|
||||
|
||||
<form action="#" class="theme-form" id="editUserFrm">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("First name") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="first_name" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Current Password") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="password" class="form-control" value="" name="current_password">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Last name") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="last_name" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Password") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="password-wrapper">
|
||||
<input type="password" class="form-control" value="" name="password">
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Phone") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="phone" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Confirm Password") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="password-wrapper">
|
||||
<input type="password" class="form-control" value="" name="password_confirmation">
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Email") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="email" class="form-control" value="" name="email" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Access Level") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="role_id" required>
|
||||
<option value="" disabled selected>{{ __("Select an option") }}</option>
|
||||
@foreach ($roles as $role)
|
||||
<option value="{{ $role->id }}">{{ $role->display_name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto" required>
|
||||
<label class="col-form-label">{{ __("Status") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="status">
|
||||
<option value="active" selected>{{ __("Active") }}</option>
|
||||
<option value="inactive">{{ __("Inactive") }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="submit" class="btn green-btn mx-3">{{ __("Save") }}</button>
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">{{ __("Cancel") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{-- User Action Logs Modal --}}
|
||||
<div class="modal fade custom-modal" id="userActionLogsModal" tabindex="-1" aria-labelledby="userActionLogsModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title mb-4">{{ __("User Log") }}</p>
|
||||
|
||||
<table id="userAccessLogsListTable" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Date") }}</td>
|
||||
<td>{{ __("Time") }}</td>
|
||||
<td>{{ __("Event") }}</td>
|
||||
<td>{{ __("Description") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">{{ __("Back") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{-- Saved Success Modal --}}
|
||||
<div class="modal fade validation-modal style2" id="validationModal" tabindex="-1" aria-labelledby="validationModal1Label" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="text-center error-message">{{ __("All changes have been saved!") }}</p>
|
||||
<button type="button" class="btn br-0" data-bs-dismiss="modal">{{ __("Back") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script>
|
||||
$(document).ready( function () {
|
||||
$.ajaxSetup({
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
}
|
||||
});
|
||||
|
||||
var userListTableColumns = [
|
||||
('{{ strtolower(app()->getLocale()) }}' == 'zh_hk' ? {data: 'name_chinese', name: 'companies.name_chinese'} : {data: 'name_english', name: 'companies.name_english'}),
|
||||
{data: 'first_name', name: 'users.first_name'},
|
||||
{data: 'last_name', name: 'users.last_name'},
|
||||
{data: 'phone', name: 'users.phone'},
|
||||
{data: 'display_name', name: 'roles.display_name'},
|
||||
{data: 'status', name: 'users.status'},
|
||||
{data: 'actions', name: 'actions', searchable: false, sortable: false}
|
||||
];
|
||||
var userListTable = $("#crmTable").DataTable({
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: '{{ route("cms.crm.table") }}',
|
||||
type: 'post',
|
||||
"data": function ( d ) {
|
||||
return $.extend( {}, d, {
|
||||
"company_name": $('#searchFrm #search_company_name').val(),
|
||||
"first_name": $('#searchFrm #search_first_name').val(),
|
||||
"last_name": $('#searchFrm #search_last_name').val(),
|
||||
"phone": $('#searchFrm #search_phone').val(),
|
||||
} );
|
||||
},
|
||||
"dataSrc": function ( json ) {
|
||||
for (var i = 0; i < json.data.length; i++) {
|
||||
$.each( json.data[i], function( key, value ) {
|
||||
json.data[i][key] = value ? value : '-';
|
||||
});
|
||||
}
|
||||
|
||||
return json.data;
|
||||
}
|
||||
},
|
||||
columns: userListTableColumns,
|
||||
order: [[0, "asc"]],
|
||||
searchDelay: 500,
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
"emptyTable": '{{ __("No data available in table") }}'
|
||||
// Add more text customizations if needed
|
||||
}
|
||||
});
|
||||
|
||||
$('#searchFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
userListTable.ajax.reload();
|
||||
});
|
||||
|
||||
$('.password-hide-show').click(function() {
|
||||
var type = $(this).parent().find('input').attr('type');
|
||||
|
||||
if (type == 'password') {
|
||||
$(this).parent().find('input').attr('type', 'text');
|
||||
}
|
||||
else {
|
||||
$(this).parent().find('input').attr('type', 'password');
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.suspend-user', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
|
||||
if (action) {
|
||||
Swal.fire({
|
||||
title: '{{ __("Are you sure?") }}',
|
||||
text: `{{ __("You would not be able to revert this!") }}`,
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: '{{ __("Yes") }}',
|
||||
cancelButtonText: '{{ __("Cancel") }}'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
userListTable.ajax.reload();
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.activate-user', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
|
||||
if (action) {
|
||||
Swal.fire({
|
||||
title: '{{ __("Are you sure?") }}',
|
||||
text: `{{ __("You would not be able to revert this!") }}`,
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: '{{ __("Yes") }}',
|
||||
cancelButtonText: '{{ __("Cancel") }}'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
userListTable.ajax.reload();
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.remove-user', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
|
||||
if (action) {
|
||||
Swal.fire({
|
||||
title: '{{ __("Are you sure?") }}',
|
||||
text: `{{ __("You would not be able to revert this!") }}`,
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: '{{ __("Yes") }}',
|
||||
cancelButtonText: '{{ __("Cancel") }}'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
userListTable.ajax.reload();
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.edit-user', function(e) {
|
||||
var actionShow = $(this).attr('data-action-show');
|
||||
var actionUpdate = $(this).attr('data-action-update');
|
||||
|
||||
if (actionShow && actionUpdate) {
|
||||
$.ajax({
|
||||
url: actionShow,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
$('#editUserFrm').attr('action', actionUpdate);
|
||||
$('#editUserFrm input[name="first_name"]').val(data.user.first_name);
|
||||
$('#editUserFrm input[name="last_name"]').val(data.user.last_name);
|
||||
$('#editUserFrm input[name="phone"]').val(data.user.phone);
|
||||
$('#editUserFrm input[name="email"]').val(data.user.email);
|
||||
$('#editUserFrm select[name="role_id"]').val(data.user.role_id);
|
||||
$('#editUserFrm input[name="status"]').val(data.user.status);
|
||||
$('#editUserModal').modal('show');
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$('#editUserFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
$('#editUserModal').modal('hide');
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
$('#editUserFrm').trigger("reset");
|
||||
userListTable.ajax.reload();
|
||||
}
|
||||
else {
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.view-user-log', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
|
||||
if (action) {
|
||||
initializeUserAccessLogsListTable(action);
|
||||
$('#userActionLogsModal').modal('show');
|
||||
}
|
||||
});
|
||||
|
||||
var userAccessLogsListTable = null;
|
||||
function initializeUserAccessLogsListTable(url = '{{ route("cms.users.accessLogsTable") }}') {
|
||||
if (userAccessLogsListTable) {
|
||||
userAccessLogsListTable.destroy();
|
||||
}
|
||||
|
||||
userAccessLogsListTable = $("#userAccessLogsListTable").DataTable({
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: url,
|
||||
type: 'post',
|
||||
"dataSrc": function ( json ) {
|
||||
for (var i = 0; i < json.data.length; i++) {
|
||||
$.each( json.data[i], function( key, value ) {
|
||||
json.data[i][key] = value ? value : '-';
|
||||
});
|
||||
}
|
||||
|
||||
return json.data;
|
||||
}
|
||||
},
|
||||
columns: [
|
||||
{data: 'date', name: 'user_access_logs.created_at'},
|
||||
{data: 'time', name: 'user_access_logs.created_at'},
|
||||
{data: 'event', name: 'user_access_logs.event'},
|
||||
{data: 'description', name: 'user_access_logs.description'},
|
||||
{data: 'status', name: 'user_access_logs.status'},
|
||||
],
|
||||
order: [[1, "desc"]],
|
||||
searchDelay: 500,
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
"emptyTable": '{{ __("No data available in table") }}'
|
||||
// Add more text customizations if needed
|
||||
}
|
||||
});
|
||||
}
|
||||
} );
|
||||
</script>
|
||||
@endsection
|
||||
211
resources/views/themes/tailwind/cms/enquiries/index.blade.php
Normal file
211
resources/views/themes/tailwind/cms/enquiries/index.blade.php
Normal file
@@ -0,0 +1,211 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="dashboard-title-flex space-between">
|
||||
<h2 class="dashboard-title">{{ __("Enquiry box") }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="tabs-navigation blue-tabs tab-paddx-20">
|
||||
<ul>
|
||||
<li class="active"><a href="#" class="js-tab-navigate paddingx-20" data-id="#comsec-enquiry"><img class="dashboard-detail-image max-25" src="{{ asset('themes/tailwind/images/user-2.svg') }}"> {{ __("Company Secretary Enquiry") }} </a></li>
|
||||
<li><a href="#" class="js-tab-navigate " data-id="#general-enquiry"><img class="dashboard-detail-image max-25" src="{{ asset('themes/tailwind/images/access-log.svg') }}"> {{ __("General Enquiry") }} </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tabs-content enquiry-box">
|
||||
<div class="tabs-content-item" id="comsec-enquiry">
|
||||
@if ($companySecretaryEnquiries->count())
|
||||
<div class="flex">
|
||||
<div class="accordion-box">
|
||||
<div class="accordion-title">
|
||||
<span class="text-uppercase">{{ __("Recent") }}</span>
|
||||
<button class="accordion-button">
|
||||
{{-- <img src="http://127.0.0.1:8000/themes/tailwind/images/arrow-down.svg"> --}}
|
||||
</button>
|
||||
</div>
|
||||
<div class="accordion-items list-items">
|
||||
@foreach ($companySecretaryEnquiries as $enquiry)
|
||||
<div class="topic-list" data-show-url="{{ route('cms.enquiries.show', $enquiry->id) }}" data-update-url="{{ route('cms.enquiries.update-reply', $enquiry->id) }}">
|
||||
<div class="topic-head">
|
||||
<h6>{{ __("Client") }}: {{ isset($enquiry->user->company->name) ? $enquiry->user->company->name : '-' }}</h6>
|
||||
<time>{{ date('d/m/Y', strtotime($enquiry->created_at)) }}</time>
|
||||
</div>
|
||||
<div class="topic-head">
|
||||
<h4>{{ $enquiry->title }}</h4>
|
||||
</div>
|
||||
<div class="topic-body">
|
||||
<p>{!! $enquiry->message !!}</p>
|
||||
{{-- <span class="number-item">4</span> --}}
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<div class="enquiry-inside" style="display: none;">
|
||||
<form class="update-reply-frm" action="#" method="POST">
|
||||
<div class="flex other-service-request">
|
||||
<h3 class="enquiry-title"></h3>
|
||||
<h5>{{ __("Client") }}: <span class="enquiry-company-name"></span></h5>
|
||||
<h5>{{ __("Submitted date") }} <span class="enquiry-submitted-date"></span></h5>
|
||||
</div>
|
||||
<div class="other-service-content enquiry-message"></div>
|
||||
<div class="other-service-input">
|
||||
<textarea class="enquiry-reply" name="reply" required></textarea>
|
||||
<button type="submit" class="btn primary-button btn-normal">{{ __("Reply") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="empty-state-wrapper">
|
||||
<img class="img-fluid mx-auto" src="{{ asset('themes/tailwind/images/empty-state-white-img.png') }}">
|
||||
<span class="empty-text d-block text-center w-100">{{ __("It's empty here...") }}</span>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
<div class="tabs-content-item" id="general-enquiry" style="display: none;">
|
||||
@if ($generalEnquiries->count())
|
||||
<div class="flex">
|
||||
<div class="accordion-box">
|
||||
<div class="accordion-title">
|
||||
<span>{{ __("RECENT") }}</span>
|
||||
<button class="accordion-button">
|
||||
{{-- <img src="http://127.0.0.1:8000/themes/tailwind/images/arrow-down.svg"> --}}
|
||||
</button>
|
||||
</div>
|
||||
<div class="accordion-items list-items">
|
||||
@foreach ($generalEnquiries as $enquiry)
|
||||
<div class="topic-list" data-show-url="{{ route('cms.enquiries.show', $enquiry->id) }}" data-update-url="{{ route('cms.enquiries.update-reply', $enquiry->id) }}">
|
||||
<div class="topic-head">
|
||||
<h6>{{ __("Client") }}: {{ isset($enquiry->user->company->name) ? $enquiry->user->company->name : '-' }}</h6>
|
||||
<time>{{ date('d/m/Y', strtotime($enquiry->created_at)) }}</time>
|
||||
</div>
|
||||
<div class="topic-head">
|
||||
<h4>{{ $enquiry->title }}</h4>
|
||||
</div>
|
||||
<div class="topic-body">
|
||||
<p>{!! $enquiry->message !!}</p>
|
||||
{{-- <span class="number-item">4</span> --}}
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<div class="enquiry-inside" style="display: none;">
|
||||
<form class="update-reply-frm" action="#" method="POST">
|
||||
<div class="flex other-service-request">
|
||||
<h3 class="enquiry-title"></h3>
|
||||
<h5>{{ __("Client") }}: <span class="enquiry-company-name"></span></h5>
|
||||
<h5>{{ __("Submitted date") }} <span class="enquiry-submitted-date"></span></h5>
|
||||
</div>
|
||||
<div class="other-service-content enquiry-message"></div>
|
||||
<div class="other-service-input">
|
||||
<textarea class="enquiry-reply" name="reply" required></textarea>
|
||||
<button type="submit" class="btn primary-button btn-normal">{{ __("Reply") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="empty-state-wrapper">
|
||||
<img class="img-fluid mx-auto" src="{{ asset('themes/tailwind/images/empty-state-white-img.png') }}">
|
||||
<span class="empty-text d-block text-center w-100">{{ __("It's empty here...") }}</span>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script>
|
||||
$(document).ready( function () {
|
||||
$.ajaxSetup({
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
}
|
||||
});
|
||||
|
||||
$(".js-side-nav").click(function(e){
|
||||
e.preventDefault();
|
||||
var id = jQuery(this).data('id');
|
||||
jQuery(this).closest('.side-nav-tabs').next().find('.js-content-tab').hide();
|
||||
jQuery(id).show();
|
||||
jQuery(this).closest('.side-nav-tabs').find('li').removeClass('active');
|
||||
jQuery(this).parent().addClass('active');
|
||||
});
|
||||
|
||||
$(".js-tab-navigate").click(function(e){
|
||||
e.preventDefault();
|
||||
var id = jQuery(this).data('id');
|
||||
jQuery(this).closest('.tabs-navigation').next().find('.tabs-content-item').hide();
|
||||
jQuery(id).show();
|
||||
jQuery(this).closest('.tabs-navigation').find('li').removeClass('active');
|
||||
jQuery(this).parent().addClass('active');
|
||||
});
|
||||
|
||||
$(document).on('click', '.topic-list', function(e) {
|
||||
var showUrl = $(this).attr('data-show-url');
|
||||
var updateUrl = $(this).attr('data-update-url');
|
||||
var mainWrapper = $(this).parents('.tabs-content-item').first();
|
||||
|
||||
if (showUrl && updateUrl) {
|
||||
mainWrapper.find('.topic-list').removeClass('active');
|
||||
$(this).addClass('active');
|
||||
|
||||
$.ajax({
|
||||
url: showUrl,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
mainWrapper.find('.enquiry-inside').show();
|
||||
mainWrapper.find('.enquiry-inside form').attr('action', updateUrl);
|
||||
mainWrapper.find('.enquiry-inside .enquiry-title').html(data.enquiry.name);
|
||||
mainWrapper.find('.enquiry-inside .enquiry-company-name').html(data.enquiry.company_name);
|
||||
mainWrapper.find('.enquiry-inside .enquiry-submitted-date').html(data.enquiry.submitted_date);
|
||||
mainWrapper.find('.enquiry-inside .enquiry-message').html(data.enquiry.message);
|
||||
mainWrapper.find('.enquiry-inside .enquiry-reply').val(data.enquiry.reply);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
$('#comsec-enquiry .topic-list:first').click();
|
||||
$('#general-enquiry .topic-list:first').click();
|
||||
|
||||
$('.update-reply-frm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
popToast('success', data.message);
|
||||
}
|
||||
else {
|
||||
popToast('danger', data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
} );
|
||||
</script>
|
||||
@endsection
|
||||
92
resources/views/themes/tailwind/cms/index.blade.php
Normal file
92
resources/views/themes/tailwind/cms/index.blade.php
Normal file
@@ -0,0 +1,92 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
|
||||
@if (auth()->user()->userRole->hasAccess('view-company-dashboard'))
|
||||
<div class="list-dashboard">
|
||||
<ul>
|
||||
<li class="card-shadow card-padd-30 dashboard-item">
|
||||
<div class="dashboard-item-head">
|
||||
<img src="{{ asset('themes/tailwind/images/receipt-check-black.svg') }}">
|
||||
<span>6</span>
|
||||
</div>
|
||||
<div class="dashboard-item-footer">
|
||||
<h3 class="dashboard-item-title">Active<br>Subscription</h3>
|
||||
</div>
|
||||
</li>
|
||||
<li class="card-shadow card-padd-30 dashboard-item">
|
||||
<div class="dashboard-item-head">
|
||||
<img src="{{ asset('themes/tailwind/images/receipt-cross-black.svg') }}">
|
||||
<span>3</span>
|
||||
</div>
|
||||
<div class="dashboard-item-footer">
|
||||
<h3 class="dashboard-item-title">Expired<br>Subscription</h3>
|
||||
</div>
|
||||
</li>
|
||||
<li class="card-shadow card-padd-30 dashboard-item">
|
||||
<div class="dashboard-item-head">
|
||||
<img src="{{ asset('themes/tailwind/images/business-black.svg') }}">
|
||||
<span>10</span>
|
||||
</div>
|
||||
<div class="dashboard-item-footer">
|
||||
<h3 class="dashboard-item-title">Bookkeeping<br>pending request</h3>
|
||||
</div>
|
||||
</li>
|
||||
<li class="card-shadow card-padd-30 dashboard-item">
|
||||
<div class="dashboard-item-head">
|
||||
<img src="{{ asset('themes/tailwind/images/secretary-black.svg') }}">
|
||||
<span>3</span>
|
||||
</div>
|
||||
<div class="dashboard-item-footer">
|
||||
<h3 class="dashboard-item-title">ComSec<br>pending request</h3>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="dasboard-list-details">
|
||||
<div class="dasboard-details-title">
|
||||
<img src="{{ asset('themes/tailwind/images/business-accounting.svg') }}">
|
||||
<h2>Bookkeeping Queue</h2>
|
||||
</div>
|
||||
<div class="dasboard-details-content">
|
||||
<div class="dashboard-detail-item">
|
||||
<img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-timer.svg') }}">
|
||||
<a href="" class="dashboard-detail-button" class="with-arrow">In Queue list <span>3</span></a>
|
||||
</div>
|
||||
<div class="dashboard-detail-item">
|
||||
<img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-circle.svg') }}">
|
||||
<a href="" class="dashboard-detail-button" class="with-arrow">Completed List <span>8</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dasboard-list-details">
|
||||
<div class="dasboard-details-title">
|
||||
<img src="{{ asset('themes/tailwind/images/secretary.svg') }}">
|
||||
<h2>ComSec Queue</h2>
|
||||
</div>
|
||||
<div class="dasboard-details-content">
|
||||
<div class="dashboard-detail-item">
|
||||
<img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-timer.svg') }}">
|
||||
<a href="" class="dashboard-detail-button" class="with-arrow">In Queue list <span>10</span></a>
|
||||
</div>
|
||||
<div class="dashboard-detail-item">
|
||||
<img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-circle.svg') }}">
|
||||
<a href="" class="dashboard-detail-button" class="with-arrow">Completed List <span>4</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dasboard-list-details dasboard-list-details-direct">
|
||||
<div class="dasboard-details-content">
|
||||
<div class="dashboard-detail-item">
|
||||
<img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/receipt.svg') }}">
|
||||
<a href="" class="dashboard-detail-button" class="with-arrow">Expired Subscription List <span>10</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,36 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
<form method="POST" action="{{ route('cms.privacy-policy.update') }}">
|
||||
@csrf
|
||||
|
||||
<div class="dashboard-title-flex space-between">
|
||||
<h2 class="dashboard-title">{{ __("Privacy Policy(English)") }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="terms-privacy-content">
|
||||
<textarea class="tinymce" name="privacy_policy_english">{!! $siteSetting ? $siteSetting->privacy_policy_english : '' !!}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="dashboard-title-flex space-between mt-30">
|
||||
<h2 class="dashboard-title">{{ __("Privacy Policy(Chinese)") }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="terms-privacy-content">
|
||||
<textarea class="tinymce" name="privacy_policy_chinese">{!! $siteSetting ? $siteSetting->privacy_policy_chinese : '' !!}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<div class="flex button-group">
|
||||
<button type="submit" class="btn primary-button">{{ __("Save") }}</button>
|
||||
<button type="reset" class="btn btn-error">{{ __("Reset") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
@endsection
|
||||
341
resources/views/themes/tailwind/cms/securities/index.blade.php
Normal file
341
resources/views/themes/tailwind/cms/securities/index.blade.php
Normal file
@@ -0,0 +1,341 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
|
||||
<h2 class="dashboard-title">{{ __("Security Group") }}</h2>
|
||||
|
||||
<div class="tabs-navigation blue-tabs">
|
||||
<ul>
|
||||
<li class="active"><a href="#" class="js-tab-navigate" data-id="#group-list"><img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/security-2.svg') }}"> {{ __("Group List") }} </a></li>
|
||||
@if (auth()->user()->userRole->hasAccess('manage-security-group'))
|
||||
<li><a href="#" class="js-tab-navigate" data-id="#group-access-right"><img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/security-safe.svg') }}"> {{ __("Group Access Right") }} </a></li>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tabs-content">
|
||||
<div class="tabs-content-item white-bg no-padd" id="group-list">
|
||||
<table id="groupListTable" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Access level") }}</td>
|
||||
<td>{{ __("Role") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
<td>{{ __("Action") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
@if (auth()->user()->userRole->hasAccess('manage-security-group'))
|
||||
<div class="tabs-content-item white-bg no-padd no-box-shadow cms-permissions-wrapper" id="group-access-right" style="display: none;">
|
||||
<form id="permissionFrm" action="{{ route('cms.securities.updateRolePermission') }}" method="post">
|
||||
<div class="main-header-row">
|
||||
<div class="main-header-column">{{ __("Access right") }}</div>
|
||||
@foreach ($roles as $role)
|
||||
<div class="main-header-column">{{ $role->access_level }}</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="main-header-row mb-0">
|
||||
<div class="main-header-column"></div>
|
||||
@foreach ($roles as $role)
|
||||
<div class="main-header-column">{{ $role->display_name }}</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@foreach ($permissionGroups as $permissionGroup)
|
||||
<div class="group-row">
|
||||
<div class="group-column">{{ $permissionGroup->name }}</div>
|
||||
</div>
|
||||
@foreach ($permissionGroup->permissions as $permission)
|
||||
<div class="permission-row">
|
||||
<div class="permission-column">{{ $permission->display_name }}</div>
|
||||
@foreach ($roles as $role)
|
||||
<div class="permission-column">
|
||||
<div class="custom-radio-checkbox">
|
||||
<input type="checkbox" name="role_permissions[]" id="permission-{{ $role->id }}-{{ $permission->id }}" value="{{ $role->id }}-{{ $permission->id }}" {{ $role->rolePermissions->where('permission_id', $permission->id)->first() ? 'checked' : '' }}>
|
||||
<label for="permission-{{ $role->id }}-{{ $permission->id }}">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endforeach
|
||||
@endforeach
|
||||
{{-- <table id="security-group-table__list" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>Access right</td>
|
||||
<td>Administrator</td>
|
||||
<td>Manager</td>
|
||||
<td>User</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td>IT Personnel</td>
|
||||
<td>Numstation Manager</td>
|
||||
<td>Numstation Staff</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>CMS</td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Manage Company Settings</td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>View Company Dashboard</td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Manage Client Company Subscription</td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Client Company</td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Manage Company Settings</td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
<td><input type="checkbox"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table> --}}
|
||||
<div class="text-center">
|
||||
<div class="flex button-group">
|
||||
<button type="submit" class="btn primary-button">{{ __("Save") }}</button>
|
||||
<button type="reset" class="btn btn-error">{{ __("Reset") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
|
||||
<script>
|
||||
$(document).ready( function () {
|
||||
$.ajaxSetup({
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
}
|
||||
});
|
||||
|
||||
var groupListTable = $("#groupListTable").DataTable({
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: '{{ route("cms.securities.groupListTable") }}',
|
||||
type: 'post',
|
||||
"dataSrc": function ( json ) {
|
||||
for (var i = 0; i < json.data.length; i++) {
|
||||
$.each( json.data[i], function( key, value ) {
|
||||
json.data[i][key] = value ? value : '-';
|
||||
});
|
||||
}
|
||||
|
||||
return json.data;
|
||||
}
|
||||
},
|
||||
columns: [
|
||||
{data: 'access_level', name: 'access_level'},
|
||||
{data: 'display_name', name: 'display_name'},
|
||||
{data: 'status', name: 'status'},
|
||||
{data: 'actions', name: 'actions', searchable: false, sortable: false}
|
||||
],
|
||||
order: [[0, "asc"]],
|
||||
searchDelay: 500,
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
"emptyTable": '{{ __("No data available in table") }}'
|
||||
// Add more text customizations if needed
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.suspend-role', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
|
||||
if (action) {
|
||||
Swal.fire({
|
||||
title: '{{ __("Are you sure?") }}',
|
||||
text: '{{ __("You would not be able to revert this!") }}',
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: '{{ __("Yes") }}',
|
||||
cancelButtonText: '{{ __("Cancel") }}'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
groupListTable.ajax.reload();
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.activate-role', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
|
||||
if (action) {
|
||||
Swal.fire({
|
||||
title: '{{ __("Are you sure?") }}',
|
||||
text: '{{ __("You would not be able to revert this!") }}',
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: '{{ __("Yes") }}',
|
||||
cancelButtonText: '{{ __("Cancel") }}'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
groupListTable.ajax.reload();
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$('#permissionFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
popToast('success', data.message);
|
||||
}
|
||||
else {
|
||||
popToast('danger', data.message);
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
$.each(errors, function(index, error) {
|
||||
popToast('danger', errors[0]);
|
||||
return false;
|
||||
});
|
||||
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.view-edit-action', function(e) {
|
||||
var type = $(this).attr('data-type');
|
||||
|
||||
if (type == 'view') {
|
||||
$('#permissionFrm input[name="role_permissions[]"]').attr('disabled', 'disabled');
|
||||
}
|
||||
else {
|
||||
$('#permissionFrm input[name="role_permissions[]"]').removeAttr('disabled');
|
||||
}
|
||||
|
||||
$('.js-tab-navigate[data-id="#group-access-right"]').click();
|
||||
});
|
||||
|
||||
$(".js-side-nav").click(function(e){
|
||||
e.preventDefault();
|
||||
var id = jQuery(this).data('id');
|
||||
jQuery(this).closest('.side-nav-tabs').next().find('.js-content-tab').hide();
|
||||
jQuery(id).show();
|
||||
jQuery(this).closest('.side-nav-tabs').find('li').removeClass('active');
|
||||
jQuery(this).parent().addClass('active');
|
||||
});
|
||||
|
||||
$(".js-tab-navigate").click(function(e){
|
||||
e.preventDefault();
|
||||
var id = jQuery(this).data('id');
|
||||
jQuery(this).closest('.tabs-navigation').next().find('.tabs-content-item').hide();
|
||||
jQuery(id).show();
|
||||
jQuery(this).closest('.tabs-navigation').find('li').removeClass('active');
|
||||
jQuery(this).parent().addClass('active');
|
||||
});
|
||||
} );
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
587
resources/views/themes/tailwind/cms/settings/index.blade.php
Normal file
587
resources/views/themes/tailwind/cms/settings/index.blade.php
Normal file
@@ -0,0 +1,587 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
<h2 class="dashboard-title">{{ __("Settings") }}</h2>
|
||||
|
||||
<div class="tabs-navigation blue-tabs">
|
||||
<ul>
|
||||
<li class="active"><a href="#" class="js-tab-navigate py-4" data-id="#preferred-setting"><img class="dashboard-detail-image max-25" src="{{ asset('themes/tailwind/images/preferred.svg') }}"> {{ __("Preferred Settings") }} </a></li>
|
||||
<li><a href="#" class="js-tab-navigate py-4" data-id="#password"><img class="dashboard-detail-image max-25" src="{{ asset('themes/tailwind/images/password.svg') }}"> {{ __("Password") }} </a></li>
|
||||
<li><a href="#" class="js-tab-navigate py-4" data-id="#api-key"><img class="dashboard-detail-image max-25" src="{{ asset('themes/tailwind/images/api.svg') }}"> {{ __("API Key") }} </a></li>
|
||||
<li><a href="#" class="js-tab-navigate py-4" data-id="#online-help"><img class="dashboard-detail-image max-25" src="{{ asset('themes/tailwind/images/online-help.svg') }}"> {{ __("Online Help") }} </a></li>
|
||||
<li><a href="#" class="js-tab-navigate py-4" data-id="#contact-us"><img class="dashboard-detail-image max-25" src="{{ asset('themes/tailwind/images/contact-us.svg') }}"> {{ __("Contact Us") }} </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tabs-content">
|
||||
<div class="tabs-content-item" id="preferred-setting">
|
||||
<form id="updateNotificationSettingsFrm" action="{{ route('cms.settings.update-notification-settings') }}" method="POST">
|
||||
<div class="setting-field">
|
||||
<h3>{{ __("Push Notification") }}</h3>
|
||||
<ul class="setting-item flex">
|
||||
<li class="flex space-between">
|
||||
<span>{{ __("Queue status") }}</span>
|
||||
<label class="setting-item-field setting-item-ticker-check">
|
||||
<input type="checkbox" name="notifications[]" value="queue_status" {{ auth()->user()->notificationSettings->where('is_active', true)->contains('notification', 'queue_status') ? 'checked' : '' }}>
|
||||
<div class="setting-ticker-check">
|
||||
<i class="setting-ticker-circle"></i>
|
||||
</div>
|
||||
</label>
|
||||
</li>
|
||||
<li class="flex space-between">
|
||||
<span>{{ __("App update") }}</span>
|
||||
<label class="setting-item-field setting-item-ticker-check">
|
||||
<input type="checkbox" name="notifications[]" value="app_update" {{ auth()->user()->notificationSettings->where('is_active', true)->contains('notification', 'app_update') ? 'checked' : '' }}>
|
||||
<div class="setting-ticker-check">
|
||||
<i class="setting-ticker-circle"></i>
|
||||
</div>
|
||||
</label>
|
||||
</li>
|
||||
<li class="flex space-between">
|
||||
<span>{{ __("New enquiry") }}</span>
|
||||
<label class="setting-item-field setting-item-ticker-check">
|
||||
<input type="checkbox" name="notifications[]" value="new_enquiry" {{ auth()->user()->notificationSettings->where('is_active', true)->contains('notification', 'new_enquiry') ? 'checked' : '' }}>
|
||||
<div class="setting-ticker-check">
|
||||
<i class="setting-ticker-circle"></i>
|
||||
</div>
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<div class="flex button-group">
|
||||
<button type="submit" class="btn primary-button">{{ __("Save") }}</button>
|
||||
<button type="reset" class="btn btn-error">{{ __("Reset") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="tabs-content-item" id="password" style="display: none;">
|
||||
<div class="password-setting">
|
||||
<form id="changePassFrm" action="{{ route('cms.settings.update-password') }}" method="POST">
|
||||
@csrf
|
||||
|
||||
<div class="flex align-center gap-30">
|
||||
<img src="{{ asset('themes/tailwind/images/lock.svg') }}">
|
||||
<div class="password-setting__content">
|
||||
<div class="form-tabs white-input">
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field password-field"><label>
|
||||
<span>{{ __("Current Password") }}</span>
|
||||
<input type="password" placeholder="" value="" name="current_password" required>
|
||||
<button type="button" class="eye-clicker password-hide-show"><img src="{{ asset('themes/tailwind/images/eye.svg') }}"></button>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field password-field"><label>
|
||||
<span>{{ __("New Password") }}</span>
|
||||
<input type="password" placeholder="" value="" name="new_password" required>
|
||||
<button type="button" class="eye-clicker password-hide-show"><img src="{{ asset('themes/tailwind/images/eye.svg') }}"></button>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field password-field"><label>
|
||||
<span>{{ __("Confirm Password") }}</span>
|
||||
<input type="password" placeholder="" value="" name="new_password_confirmation" required>
|
||||
<button type="button" class="eye-clicker password-hide-show"><img src="{{ asset('themes/tailwind/images/eye.svg') }}"></button>
|
||||
</label></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<div class="flex button-group">
|
||||
<button type="submit" class="btn primary-button">{{ __("Save") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabs-content-item" id="api-key" style="display: none;">
|
||||
<form class="form-tabs white-input" id="apiKeyFrm" action="{{ route('cms.settings.update-api-key') }}" method="POST">
|
||||
<div class="setting-field">
|
||||
<h3>{{ __("Google drive API Key") }}</h3>
|
||||
<div class="flex">
|
||||
<div class="label-field password-field"><label>
|
||||
<span>{{ __("Enter your Google drive API Key") }}</span>
|
||||
<input type="text" placeholder="" value="{{ $siteSetting ? $siteSetting->google_drive_api_key : '' }}" name="google_drive_api_key" required>
|
||||
</label></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<div class="flex button-group">
|
||||
<button type="submit" class="btn primary-button">{{ __("Save") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="tabs-content-item no-box-shadow" id="online-help" style="display: none;">
|
||||
<div id="onlineHelpTableWrapper" class="">
|
||||
<table id="onlineHelpTable" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Category") }}</td>
|
||||
<td>{{ __("No.") }}</td>
|
||||
<td>{{ __("Title") }}</td>
|
||||
<td>{{ __("Action") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
<div class="text-center">
|
||||
<div class="flex button-group">
|
||||
<button type="button" class="btn primary-button show-online-help-frm">{{ __("Add New") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form class="form-tabs white-input" id="onlineHelpFrm" style="display:none;" action="{{ route('cms.settings.store-online-help') }}" data-store-url="{{ route('cms.settings.store-online-help') }}" data-update-url="{{ route('cms.settings.update-online-help', ':onlineHelpId') }}">
|
||||
@csrf
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field password-field"><label>
|
||||
<span>{{ __("Category") }}</span>
|
||||
<select class="w-fit-content" name="category" required>
|
||||
<option value="online_documents">{{ __("Online Documents") }}</option>
|
||||
<option value="faq">{{ __("FAQ") }}</option>
|
||||
</select>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Title(English)") }}</span>
|
||||
<input type="text" placeholder="" value="" name="title_english" required>
|
||||
</label></div>
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Title(Chinese)") }}</span>
|
||||
<input type="text" placeholder="" value="" name="title_chinese" required>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field"><label class="direction-column">
|
||||
<span>{{ __("Details(English)") }}</span>
|
||||
<textarea class="tinymce-custom" id="details_english" name="details_english"></textarea>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field"><label class="direction-column">
|
||||
<span>{{ __("Details(Chinese)") }}</span>
|
||||
<textarea class="tinymce-custom" id="details_chinese" name="details_chinese"></textarea>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field w-fit-content"><label>
|
||||
<span>{{ __("Sort") }}</span>
|
||||
<input type="number" placeholder="" value="" name="sort" required>
|
||||
</label></div>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<div class="flex button-group">
|
||||
<button type="submit" class="btn primary-button">{{ __("Save") }}</button>
|
||||
<button type="button" class="btn btn-error hide-online-help-frm">{{ __("Back") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="tabs-content-item" id="contact-us" style="display: none;">
|
||||
<form class="form-tabs white-input" id="contactUsFrm" action="{{ route('cms.settings.update-contact-us') }}" method="POST">
|
||||
@csrf
|
||||
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field">
|
||||
<label>
|
||||
<span>{{ __("Contact number") }}</span>
|
||||
<input type="text" name="phone" placeholder="" value="{{ $siteSetting ? $siteSetting->phone : '' }}" required>
|
||||
</label>
|
||||
</div>
|
||||
<div class="label-field">
|
||||
<label>
|
||||
<span>{{ __("Whatsapp") }}</span>
|
||||
<input type="text" name="whatsapp" placeholder="" value="{{ $siteSetting ? $siteSetting->whatsapp : '' }}" required>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Email") }}</span>
|
||||
<input type="email" name="email" placeholder="" value="{{ $siteSetting ? $siteSetting->email : '' }}" required>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Office hour(English)") }}</span>
|
||||
<input type="text" name="office_hour_english" placeholder="" value="{{ $siteSetting ? $siteSetting->office_hour_english : '' }}" required>
|
||||
</label></div>
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Office hour(Chinese)") }}</span>
|
||||
<input type="text" name="office_hour_chinese" placeholder="" value="{{ $siteSetting ? $siteSetting->office_hour_chinese : '' }}" required>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Address(English)") }}</span>
|
||||
<input type="text" name="address_english" placeholder="" value="{{ $siteSetting ? $siteSetting->address_english : '' }}" required>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex mb-4">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Address(Chinese)") }}</span>
|
||||
<input type="text" name="address_chinese" placeholder="" value="{{ $siteSetting ? $siteSetting->address_chinese : '' }}" required>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="flex button-group">
|
||||
<button type="submit" class="btn primary-button">{{ __("Save") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
|
||||
<script>
|
||||
$(document).ready( function () {
|
||||
var currentLanguage = $('#currentLanguage').val();
|
||||
|
||||
$.ajaxSetup({
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
}
|
||||
});
|
||||
|
||||
$(".js-tab-navigate").click(function(e){
|
||||
e.preventDefault();
|
||||
var id = jQuery(this).data('id');
|
||||
jQuery(this).closest('.tabs-navigation').next().find('.tabs-content-item').hide();
|
||||
jQuery(id).show();
|
||||
jQuery(this).closest('.tabs-navigation').find('li').removeClass('active');
|
||||
jQuery(this).parent().addClass('active');
|
||||
});
|
||||
|
||||
// Notification Settings
|
||||
$('#updateNotificationSettingsFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
popToast('success', data.message);
|
||||
}
|
||||
else {
|
||||
popToast('danger', data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// API Key
|
||||
$('#apiKeyFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
popToast('success', data.message);
|
||||
}
|
||||
else {
|
||||
popToast('danger', data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Contact Us
|
||||
$('#contactUsFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
popToast('success', data.message);
|
||||
}
|
||||
else {
|
||||
popToast('danger', data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Password
|
||||
$('.password-hide-show').click(function() {
|
||||
var type = $(this).parent().find('input').attr('type');
|
||||
|
||||
if (type == 'password') {
|
||||
$(this).parent().find('input').attr('type', 'text');
|
||||
}
|
||||
else {
|
||||
$(this).parent().find('input').attr('type', 'password');
|
||||
}
|
||||
});
|
||||
|
||||
$('#changePassFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
popToast('success', data.message);
|
||||
}
|
||||
else {
|
||||
popToast('danger', data.message);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Online Help
|
||||
var onlineHelpTable = $("#onlineHelpTable").DataTable({
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: '{{ route("cms.settings.table-online-help") }}',
|
||||
type: 'post',
|
||||
"dataSrc": function ( json ) {
|
||||
for (var i = 0; i < json.data.length; i++) {
|
||||
$.each( json.data[i], function( key, value ) {
|
||||
json.data[i][key] = value ? value : '-';
|
||||
});
|
||||
}
|
||||
|
||||
return json.data;
|
||||
}
|
||||
},
|
||||
columns: [
|
||||
{data: 'category_name_display', name: 'category'},
|
||||
{data: 'sort', name: 'sort'},
|
||||
(currentLanguage == 'zh_hk' ? {data: 'title_chinese', name: 'title_chinese'} : {data: 'title_english', name: 'title_english'}),
|
||||
{data: 'actions', name: 'actions', searchable: false, sortable: false}
|
||||
],
|
||||
order: [[0, "asc"]],
|
||||
searchDelay: 500,
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
"emptyTable": '{{ __("No data available in table") }}'
|
||||
// Add more text customizations if needed
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.show-online-help-frm', function(e) {
|
||||
e.preventDefault();
|
||||
tinymce.init({
|
||||
selector:'.tinymce-custom',
|
||||
menubar: false,
|
||||
toolbar: "undo redo spellcheckdialog | blocks fontsize | bold italic | link image | alignleft aligncenter alignright alignjustify | indent outdent",
|
||||
setup: function (editor) {
|
||||
editor.on('change', function () {
|
||||
tinymce.triggerSave();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
var frmType = $(this).attr('data-frm-type') ? $(this).attr('data-frm-type') : 'add';
|
||||
$('#onlineHelpTableWrapper').hide();
|
||||
$('#onlineHelpFrm').show();
|
||||
|
||||
if (frmType == 'edit' || frmType == 'view') {
|
||||
var id = $(this).attr('data-id');
|
||||
var fields = JSON.parse($(this).attr('data-fields'));
|
||||
var url = $('#onlineHelpFrm').attr('data-update-url');
|
||||
url = url.replace(':onlineHelpId', id);
|
||||
|
||||
$('#onlineHelpFrm').attr('action', url);
|
||||
$('#onlineHelpFrm select[name="category"]').val(fields.category);
|
||||
$('#onlineHelpFrm input[name="title_english"]').val(fields.title_english);
|
||||
$('#onlineHelpFrm input[name="title_chinese"]').val(fields.title_chinese);
|
||||
$('#onlineHelpFrm textarea[name="details_english"]').val(fields.details_english);
|
||||
$('#onlineHelpFrm textarea[name="details_chinese"]').val(fields.details_chinese);
|
||||
$('#onlineHelpFrm input[name="sort"]').val(fields.sort);
|
||||
tinyMCE.get('details_english').setContent(fields.details_english);
|
||||
tinyMCE.get('details_chinese').setContent(fields.details_chinese);
|
||||
|
||||
if (frmType == 'view') {
|
||||
$('#onlineHelpFrm input').attr('disabled', 'disabled');
|
||||
$('#onlineHelpFrm select').attr('disabled', 'disabled');
|
||||
setTimeout(() => {
|
||||
tinymce.get('details_english').getBody().setAttribute('contenteditable', false);
|
||||
tinymce.get('details_chinese').getBody().setAttribute('contenteditable', false);
|
||||
}, 500);
|
||||
}
|
||||
else {
|
||||
$('#onlineHelpFrm input').removeAttr('disabled');
|
||||
$('#onlineHelpFrm select').removeAttr('disabled');
|
||||
setTimeout(() => {
|
||||
tinymce.get('details_english').getBody().setAttribute('contenteditable', true);
|
||||
tinymce.get('details_chinese').getBody().setAttribute('contenteditable', true);
|
||||
}, 500);
|
||||
}
|
||||
}
|
||||
else {
|
||||
$('#onlineHelpFrm').attr('action', $('#onlineHelpFrm').attr('data-store-url'));
|
||||
}
|
||||
});
|
||||
$('.hide-online-help-frm').click(function() {
|
||||
$('#onlineHelpTableWrapper').show();
|
||||
$('#onlineHelpFrm').hide();
|
||||
});
|
||||
|
||||
$('#onlineHelpFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
var detailsEnglish = tinyMCE.get('details_english').getContent();
|
||||
var detailsChinese = tinyMCE.get('details_chinese').getContent();
|
||||
if (detailsEnglish == '' || detailsChinese == '') {
|
||||
popToast('danger', '{{ __("Fill up all required fields") }}');
|
||||
return false;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
popToast('success', data.message);
|
||||
$('.hide-online-help-frm').click();
|
||||
onlineHelpTable.ajax.reload();
|
||||
}
|
||||
else {
|
||||
popToast('danger', data.message);
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
$.each(errors, function(index, error) {
|
||||
popToast('danger', errors[0]);
|
||||
return false;
|
||||
});
|
||||
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '#onlineHelpTable .delete-online-help', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
|
||||
if (action) {
|
||||
Swal.fire({
|
||||
title: '{{ __("Are you sure?") }}',
|
||||
text: "You would not be able to revert this!",
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: '{{ __("Yes") }}',
|
||||
cancelButtonText: '{{ __("Cancel") }}'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
popToast('success', data.message);
|
||||
onlineHelpTable.ajax.reload();
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
$.each(errors, function(index, error) {
|
||||
popToast('danger', errors[0]);
|
||||
return false;
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,170 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
|
||||
<h2 class="dashboard-title">{{ __("Client Subscription Record") }}</h2>
|
||||
<form class="search-fields flex" action="#" id="searchFrm">
|
||||
<div class="search-field d-flex align-items-center">
|
||||
<label class="label-field mr-2" style="white-space: nowrap;">
|
||||
{{ __("Company") }}
|
||||
</label>
|
||||
<input type="text" class="w-100" id="search_company_name">
|
||||
</div>
|
||||
<div class="search-field d-flex align-items-center">
|
||||
<label class="label-field mr-2">
|
||||
{{ __("Service") }}
|
||||
</label>
|
||||
<select class="w-100" id="search_service_type">
|
||||
<option value="" selected>{{ __("All") }}</option>
|
||||
<option value="bookkeeping">{{ __("Bookkeeping") }}</option>
|
||||
<option value="company_secretary">{{ __("Company Secretary") }}</option>
|
||||
<option value="incorporation">{{ __("Incorporation") }}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="search-field d-flex align-items-center">
|
||||
<label class="label-field mr-2">
|
||||
{{ __("Package") }}
|
||||
</label>
|
||||
<select class="w-100" id="search_subscription_id">
|
||||
<option value="" selected>{{ __("All") }}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="search-field">
|
||||
<button type="submit" class="btn primary-button">{{ __("Search") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="tabs-navigation blue-tabs">
|
||||
<ul>
|
||||
<li class="active"><a href="#" class="js-tab-navigate" data-id="#in-queue"><img class="dashboard-detail-image max-25" src="{{ asset('themes/tailwind/images/receipt-check-black.svg') }}"> {{ __("Active Subscription") }} <span class="tab-number" id="totalActive" style="display: none;"></span></a></li>
|
||||
<li><a href="#" class="js-tab-navigate" data-id="#completed"><img class="dashboard-detail-image max-25" src="{{ asset('themes/tailwind/images/receipt-cross-black.svg') }}"> {{ __("Expiring Subscription") }} <span class="tab-number" id="totalExpired" style="display: none;"></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tabs-content">
|
||||
<div class="tabs-content-item white-bg no-padd no-box-shadow" id="in-queue">
|
||||
<table id="activeSubscriptionTable" class="" data-ajax-url="{{ route("cms.subscriptions.table", ['status' => 'active']) }}" data-empty-text="{{ __("No data available in table") }}">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Company") }}</td>
|
||||
<td>{{ __("Date") }}</td>
|
||||
<td>{{ __("Service") }}</td>
|
||||
<td>{{ __("Subscruption Period") }}</td>
|
||||
<td>{{ __("Package") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
<td>{{ __("Invoice") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
{{-- <tbody>
|
||||
<tr>
|
||||
<td>Green Company Ltd.</td>
|
||||
<td>20221208</td>
|
||||
<td>Company Secretary</td>
|
||||
<td>2022.12.08-2023.01.08</td>
|
||||
<td>Company Secretary service - Monthly</td>
|
||||
<td><span class="success item-list-note">Active</span></td>
|
||||
<td><a href=""><img class="max-25" src="{{ asset('themes/tailwind/images/download.svg') }}"></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Green Company Ltd.</td>
|
||||
<td>20221208</td>
|
||||
<td>Company Secretary</td>
|
||||
<td>2022.12.08-2023.01.08</td>
|
||||
<td>Company Secretary service - Monthly</td>
|
||||
<td><span class="success item-list-note">Active</span></td>
|
||||
<td><a href=""><img class="max-25" src="{{ asset('themes/tailwind/images/download.svg') }}"></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Green Company Ltd.</td>
|
||||
<td>20221208</td>
|
||||
<td>Company Secretary</td>
|
||||
<td>2022.12.08-2023.01.08</td>
|
||||
<td>Company Secretary service - Monthly</td>
|
||||
<td><span class="success item-list-note">Active</span></td>
|
||||
<td><a href=""><img class="max-25" src="{{ asset('themes/tailwind/images/download.svg') }}"></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Green Company Ltd.</td>
|
||||
<td>20221208</td>
|
||||
<td>Company Secretary</td>
|
||||
<td>2022.12.08-2023.01.08</td>
|
||||
<td>Company Secretary service - Monthly</td>
|
||||
<td><span class="success item-list-note">Active</span></td>
|
||||
<td><a href=""><img class="max-25" src="{{ asset('themes/tailwind/images/download.svg') }}"></a></td>
|
||||
</tr>
|
||||
</tbody> --}}
|
||||
</table>
|
||||
|
||||
<div class="text-center">
|
||||
<div class="flex button-group">
|
||||
<a href="{{ route('cms.subscriptions.management') }}" class="btn primary-button btn-normal">{{ __("Subscription Management") }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tabs-content-item white-bg no-padd no-box-shadow" id="completed" style="display: none;">
|
||||
<table id="expiredSubscriptionTable" class="" data-ajax-url="{{ route("cms.subscriptions.table", ['status' => 'expired']) }}" data-empty-text="{{ __("No data available in table") }}">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Company") }}</td>
|
||||
<td>{{ __("Date") }}</td>
|
||||
<td>{{ __("Service") }}</td>
|
||||
<td>{{ __("Subscruption Period") }}</td>
|
||||
<td>{{ __("Package") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
<td>{{ __("Invoice") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
{{-- <tbody>
|
||||
<tr>
|
||||
<td>Green Company Ltd.</td>
|
||||
<td>20221208</td>
|
||||
<td>Company Secretary</td>
|
||||
<td>2022.12.08-2023.01.08</td>
|
||||
<td>Company Secretary service - Monthly</td>
|
||||
<td><span class="failed item-list-note">Expired</span></td>
|
||||
<td><a href=""><img class="max-25" src="{{ asset('themes/tailwind/images/download.svg') }}"></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Green Company Ltd.</td>
|
||||
<td>20221208</td>
|
||||
<td>Company Secretary</td>
|
||||
<td>2022.12.08-2023.01.08</td>
|
||||
<td>Company Secretary service - Monthly</td>
|
||||
<td><span class="failed item-list-note">Expired</span></td>
|
||||
<td><a href=""><img class="max-25" src="{{ asset('themes/tailwind/images/download.svg') }}"></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Green Company Ltd.</td>
|
||||
<td>20221208</td>
|
||||
<td>Company Secretary</td>
|
||||
<td>2022.12.08-2023.01.08</td>
|
||||
<td>Company Secretary service - Monthly</td>
|
||||
<td><span class="failed item-list-note">Expired</span></td>
|
||||
<td><a href=""><img class="max-25" src="{{ asset('themes/tailwind/images/download.svg') }}"></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Green Company Ltd.</td>
|
||||
<td>20221208</td>
|
||||
<td>Company Secretary</td>
|
||||
<td>2022.12.08-2023.01.08</td>
|
||||
<td>Company Secretary service - Monthly</td>
|
||||
<td><span class="failed item-list-note">Expired</span></td>
|
||||
<td><a href=""><img class="max-25" src="{{ asset('themes/tailwind/images/download.svg') }}"></a></td>
|
||||
</tr>
|
||||
</tbody> --}}
|
||||
</table>
|
||||
|
||||
<div class="text-center">
|
||||
<div class="flex button-group">
|
||||
<a href="{{ route('cms.subscriptions.management') }}" class="btn primary-button btn-normal">{{ __("Subscription Management") }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript" src="{{ asset('themes/' . $theme->folder . '/js/cms/subscriptions/index.js') }}"></script>
|
||||
@endsection
|
||||
@@ -0,0 +1,105 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('style')
|
||||
<style>
|
||||
.form-tabs {
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.list-buttons-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
min-width: 95px;
|
||||
}
|
||||
.list-buttons-wrapper .list-buttons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 41px;
|
||||
height: 41px;
|
||||
background-color: #009B9A;
|
||||
color: #000000;
|
||||
border-radius: 50px;
|
||||
font-size: 24px;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.basic-services-item-list-wrapper .basic-services-item-list-item .list-title {
|
||||
opacity: 0;
|
||||
}
|
||||
.basic-services-item-list-wrapper .basic-services-item-list-item:first-of-type .list-title {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.basic-services-wrapper .basic-services-item:first-of-type .basic-services-buttons {
|
||||
display: none;
|
||||
}
|
||||
.optional-services-wrapper .optional-services-item:first-of-type .optional-services-buttons {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<h2 class="dashboard-title">{{ __("Subscription Details") }}</h2>
|
||||
<div class="tabs-content">
|
||||
<div class="tabs-content-item">
|
||||
<form action="{{ route('cms.subscriptions.management.store') }}" class="form-tabs white-input" id="addFrm">
|
||||
<input type="hidden" name="service_type" value="{{ isset($subscription) && $subscription ? $subscription->service_type : $service_type }}">
|
||||
|
||||
@include('theme::cms.subscriptions.management.form')
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script>
|
||||
$(document).ready( function () {
|
||||
$('#addFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
popToast('success', data.message);
|
||||
|
||||
setTimeout(() => {
|
||||
window.location.href = '{{ route("cms.subscriptions.management") }}';
|
||||
}, 2000);
|
||||
}
|
||||
else {
|
||||
popToast('danger', data.message);
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
$.each(errors, function(index, error) {
|
||||
popToast('danger', errors[0]);
|
||||
return false;
|
||||
});
|
||||
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,103 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('style')
|
||||
<style>
|
||||
.form-tabs {
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.list-buttons-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
min-width: 95px;
|
||||
}
|
||||
.list-buttons-wrapper .list-buttons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 41px;
|
||||
height: 41px;
|
||||
background-color: #009B9A;
|
||||
color: #000000;
|
||||
border-radius: 50px;
|
||||
font-size: 24px;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.basic-services-item-list-wrapper .basic-services-item-list-item .list-title {
|
||||
opacity: 0;
|
||||
}
|
||||
.basic-services-item-list-wrapper .basic-services-item-list-item:first-of-type .list-title {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.basic-services-wrapper .basic-services-item:first-of-type .basic-services-buttons {
|
||||
display: none;
|
||||
}
|
||||
.optional-services-wrapper .optional-services-item:first-of-type .optional-services-buttons {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<h2 class="dashboard-title">{{ __("Subscription Details") }}</h2>
|
||||
<div class="tabs-content">
|
||||
<div class="tabs-content-item">
|
||||
<form action="{{ route('cms.subscriptions.management.update', ['subscription' => $subscription->id]) }}" class="form-tabs white-input" id="editFrm">
|
||||
@include('theme::cms.subscriptions.management.form')
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script>
|
||||
$(document).ready( function () {
|
||||
$('#editFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
popToast('success', data.message);
|
||||
|
||||
setTimeout(() => {
|
||||
window.location.href = '{{ route("cms.subscriptions.management") }}';
|
||||
}, 2000);
|
||||
}
|
||||
else {
|
||||
popToast('danger', data.message);
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
$.each(errors, function(index, error) {
|
||||
popToast('danger', errors[0]);
|
||||
return false;
|
||||
});
|
||||
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,270 @@
|
||||
|
||||
@csrf
|
||||
<div class="flex">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Status") }}</span>
|
||||
<select name="status" required>
|
||||
<option value="active" {{ isset($subscription) && $subscription && $subscription->status == 'active' ? 'selected' : '' }}>{{ __("Active") }}</option>
|
||||
<option value="inactive" {{ isset($subscription) && $subscription && $subscription->status == 'inactive' ? 'selected' : '' }}>{{ __("Inactive") }}</option>
|
||||
</select>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Name(English)") }}</span>
|
||||
<input type="text" placeholder="" value="{{ isset($subscription) && $subscription ? $subscription->name_english : '' }}" name="name_english" required>
|
||||
</label></div>
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Name(Chinese)") }}</span>
|
||||
<input type="text" placeholder="" value="{{ isset($subscription) && $subscription ? $subscription->name_chinese : '' }}" name="name_chinese" required>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Period(English)") }}</span>
|
||||
<select name="period_english" required>
|
||||
<option value="annually" {{ isset($subscription) && $subscription && $subscription->period_english == 'annually' ? 'selected' : '' }}>Annually</option>
|
||||
<option value="monthly" {{ isset($subscription) && $subscription && $subscription->period_english == 'monthly' ? 'selected' : '' }}>Monthly</option>
|
||||
<option value="daily" {{ isset($subscription) && $subscription && $subscription->period_english == 'daily' ? 'selected' : '' }}>Daily</option>
|
||||
</select>
|
||||
</label></div>
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Period(Chinese)") }}</span>
|
||||
<select name="period_chinese" required>
|
||||
<option value="每年" {{ isset($subscription) && $subscription && $subscription->period_chinese == '每年' ? 'selected' : '' }}>每年</option>
|
||||
<option value="每月" {{ isset($subscription) && $subscription && $subscription->period_chinese == '每月' ? 'selected' : '' }}>每月</option>
|
||||
<option value="每日" {{ isset($subscription) && $subscription && $subscription->period_chinese == '每日' ? 'selected' : '' }}>每日</option>
|
||||
</select>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Name description(English)") }}</span>
|
||||
<input type="text" placeholder="" name="description_english" value="{{ isset($subscription) && $subscription ? $subscription->description_english : '' }}" required>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Name description(Chinese)") }}</span>
|
||||
<input type="text" placeholder="" name="description_chinese" value="{{ isset($subscription) && $subscription ? $subscription->description_chinese : '' }}" required>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="label-field"><label>
|
||||
<span>{{ __("Price") }}($)</span>
|
||||
<input type="text" class="number-only" placeholder="" name="price" value="{{ isset($subscription) && $subscription ? $subscription->price : '' }}" required>
|
||||
</label></div>
|
||||
</div>
|
||||
|
||||
<div class="legend-form form-tabs basic-services-wrapper">
|
||||
<h3 class="nomarg">Basic services</h3>
|
||||
@php
|
||||
$basicServices = isset($subscription) && $subscription ? $subscription->basicServices : [[]];
|
||||
@endphp
|
||||
@foreach ($basicServices as $basicService)
|
||||
<div class="form-tabs basic-services-item">
|
||||
<div class="flex align-center">
|
||||
<div class="fit-content">
|
||||
Service <span class="basic-services-count">{{ $loop->iteration }}</span> title
|
||||
</div>
|
||||
<div class="label-field"><label>
|
||||
<span>(English)</span>
|
||||
<input type="text" placeholder="" value="{{ isset($basicService->title_english) ? $basicService->title_english : '' }}" name="basic_service_title_english[{{ $loop->index }}]" required>
|
||||
</label></div>
|
||||
<div class="label-field"><label>
|
||||
<span>(Chinese)</span>
|
||||
<input type="text" placeholder="" value="{{ isset($basicService->title_chinese) ? $basicService->title_chinese : '' }}" name="basic_service_title_chinese[{{ $loop->index }}]" required>
|
||||
</label></div>
|
||||
</div>
|
||||
<div class="form-tabs basic-services-item-list-wrapper">
|
||||
@php
|
||||
$lists = isset($basicService->lists) ? $basicService->lists : [[]];
|
||||
@endphp
|
||||
@foreach ($lists as $list)
|
||||
<div class="flex align-center basic-services-item-list-item">
|
||||
<div class="fit-content list-title">
|
||||
{{ __("Service") }} <span class="basic-services-count">{{ $loop->iteration }}</span> {{ __("list") }}
|
||||
</div>
|
||||
<div class="label-field">
|
||||
<label>
|
||||
<span>({{ __("English") }})</span>
|
||||
<input type="text" placeholder="" value="{{ isset($list->title_english) ? $list->title_english : '' }}" class="basic_service_list_title_english" name="basic_service_list_title_english[{{ $loop->parent->index }}][{{ $loop->index }}]" required>
|
||||
</label>
|
||||
</div>
|
||||
<div class="label-field">
|
||||
<label>
|
||||
<span>({{ __("Chinese") }})</span>
|
||||
<input type="text" placeholder="" value="{{ isset($list->title_chinese) ? $list->title_chinese : '' }}" class="basic_service_list_title_chinese" name="basic_service_list_title_chinese[{{ $loop->parent->index }}][{{ $loop->index }}]" required>
|
||||
</label>
|
||||
</div>
|
||||
<div class="list-buttons-wrapper">
|
||||
<button type="button" class="list-buttons" data-action="remove">-</button>
|
||||
<button type="button" class="list-buttons" data-action="add">+</button>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="flex">
|
||||
<button type="button" class="btn btn-error basic-services-buttons btn-normal" data-action="remove">{{ __("Remove service") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
<div class="flex">
|
||||
<button type="button" class="btn primary-button btn-normal basic-services-buttons" data-action="add">{{ __("Add new service") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="legend-form form-tabs optional-services-wrapper">
|
||||
<h3 class="nomarg">Optional services</h3>
|
||||
@php
|
||||
$optionalServices = isset($subscription) && $subscription ? $subscription->optionalServices : [[]];
|
||||
@endphp
|
||||
@foreach ($optionalServices as $optionalService)
|
||||
<div class="form-tabs optional-services-item">
|
||||
<div class="flex align-center optional-services-item-list-item">
|
||||
<div class="fit-content list-title">
|
||||
{{ __("Service") }} <span class="optional-services-count">{{ $loop->iteration }}</span> {{ __("list") }}
|
||||
</div>
|
||||
<div class="label-field">
|
||||
<label>
|
||||
<span>({{ __("English") }})</span>
|
||||
<input type="text" placeholder="" value="{{ isset($optionalService->title_english) ? $optionalService->title_english : '' }}" name="optional_service_title_english[{{ $loop->index }}]" required>
|
||||
</label>
|
||||
</div>
|
||||
<div class="label-field">
|
||||
<label>
|
||||
<span>({{ __("Chinese") }})</span>
|
||||
<input type="text" placeholder="" value="{{ isset($optionalService->title_chinese) ? $optionalService->title_chinese : '' }}" name="optional_service_title_chinese[{{ $loop->index }}]" required>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex align-center price-fields">
|
||||
<div class="fit-content">
|
||||
{{ __("Service") }} <span class="optional-services-count">{{ $loop->iteration }}</span> {{ strtolower(__("Price")) }}
|
||||
</div>
|
||||
<div class="label-field">
|
||||
<label>
|
||||
<input type="radio" class="optional_service_is_custom" name="optional_service_is_custom[{{ $loop->index }}]" value="no" {{ isset($optionalService->is_custom) && !$optionalService->is_custom ? 'checked' : '' }} required>
|
||||
<span>$</span>
|
||||
<input type="text" class="number-only" name="optional_service_price[{{ $loop->index }}]" value="{{ isset($optionalService->is_custom) && !$optionalService->is_custom && isset($optionalService->price) ? $optionalService->price : '' }}">
|
||||
</label>
|
||||
<label>
|
||||
<span>{{ __("Period") }}</span>
|
||||
<select name="optional_service_period[{{ $loop->index }}]">
|
||||
<option value="year" {{ isset($optionalService->is_custom) && !$optionalService->is_custom && isset($optionalService->period) && $optionalService->period == 'year' ? 'selected' : '' }}>{{ __("Year") }}</option>
|
||||
<option value="month" {{ isset($optionalService->is_custom) && !$optionalService->is_custom && isset($optionalService->period) && $optionalService->period == 'month' ? 'selected' : '' }}>{{ __("Month") }}</option>
|
||||
<option value="day" {{ isset($optionalService->is_custom) && !$optionalService->is_custom && isset($optionalService->period) && $optionalService->period == 'day' ? 'selected' : '' }}>{{ __("Day") }}</option>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
<div class="label-field">
|
||||
<label>
|
||||
<input type="radio" class="optional_service_is_custom" name="optional_service_is_custom[{{ $loop->index }}]" value="yes" {{ isset($optionalService->is_custom) && $optionalService->is_custom ? 'checked' : '' }} required>
|
||||
<span>{{ __("Custom") }}:</span>
|
||||
<input type="text" name="optional_service_custom_description[]" value="{{ isset($optionalService->is_custom) && $optionalService->is_custom && isset($optionalService->custom_description) ? $optionalService->custom_description : '' }}">
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<button type="button" class="btn btn-error optional-services-buttons btn-normal" data-action="remove">{{ __("Remove service") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
<div class="flex">
|
||||
<button type="button" class="btn primary-button btn-normal optional-services-buttons" data-action="add">{{ __("Add new service") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="submit" class="btn green-btn mx-3">{{ __("Save") }}</button>
|
||||
<a href="{{ route('cms.subscriptions.management') }}" class="btn red-btn mx-3">{{ __("Back") }}</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready( function () {
|
||||
$(document).on('click', '.basic-services-item-list-wrapper .basic-services-item-list-item .list-buttons', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
var parentWrapper = $(this).parents('.basic-services-item-list-wrapper').first();
|
||||
|
||||
if (action == 'add') {
|
||||
var cloneWrapper = parentWrapper.find('.basic-services-item-list-item').first().clone();
|
||||
|
||||
cloneWrapper.find('input[type="text"]').val('');
|
||||
|
||||
parentWrapper.append(cloneWrapper);
|
||||
}
|
||||
else if (action == 'remove') {
|
||||
if (parentWrapper.find('.basic-services-item-list-item').length > 1) {
|
||||
$(this).parents('.basic-services-item-list-item').first().remove();
|
||||
}
|
||||
}
|
||||
});
|
||||
$(document).on('click', '.basic-services-wrapper .basic-services-buttons', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
var parentWrapper = $(this).parents('.basic-services-wrapper').first();
|
||||
|
||||
if (action == 'add') {
|
||||
var cloneWrapper = parentWrapper.find('.basic-services-item').first().clone();
|
||||
|
||||
cloneWrapper.find('.basic-services-count').text(parentWrapper.find('.basic-services-item').length + 1);
|
||||
cloneWrapper.find('input[type="text"]').val('');
|
||||
cloneWrapper.find('.basic-services-item-list-wrapper .basic-services-item-list-item:not(:first-child)').remove();
|
||||
cloneWrapper.find('.basic-services-item-list-wrapper .basic-services-item-list-item .basic_service_list_title_english').attr('name', 'basic_service_list_title_english[' + parentWrapper.find('.basic-services-item').length + '][]');
|
||||
cloneWrapper.find('.basic-services-item-list-wrapper .basic-services-item-list-item .basic_service_list_title_chinese').attr('name', 'basic_service_list_title_chinese[' + parentWrapper.find('.basic-services-item').length + '][]');
|
||||
|
||||
parentWrapper.find('.basic-services-item:last').after(cloneWrapper);
|
||||
}
|
||||
else if (action == 'remove') {
|
||||
if (parentWrapper.find('.basic-services-item').length > 1) {
|
||||
$(this).parents('.basic-services-item').first().remove();
|
||||
|
||||
var count = 1;
|
||||
parentWrapper.find('.basic-services-item').each(function( index ) {
|
||||
$(this).find('.basic-services-count').text(count);
|
||||
$(this).find('.basic-services-item-list-wrapper .basic-services-item-list-item .basic_service_list_title_english').attr('name', 'basic_service_list_title_english[' + (count - 1) + '][]');
|
||||
$(this).find('.basic-services-item-list-wrapper .basic-services-item-list-item .basic_service_list_title_chinese').attr('name', 'basic_service_list_title_chinese[' + (count - 1) + '][]');
|
||||
count++;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
$(document).on('click', '.optional-services-wrapper .optional-services-buttons', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
var parentWrapper = $(this).parents('.optional-services-wrapper').first();
|
||||
|
||||
if (action == 'add') {
|
||||
var cloneWrapper = parentWrapper.find('.optional-services-item').first().clone();
|
||||
|
||||
cloneWrapper.find('.optional-services-count').text(parentWrapper.find('.optional-services-item').length + 1);
|
||||
cloneWrapper.find('input[type="radio"]').prop('checked', false);
|
||||
cloneWrapper.find('.optional_service_is_custom').attr('name', 'optional_service_is_custom[' + parentWrapper.find('.optional-services-item').length + ']');
|
||||
cloneWrapper.find('.price-fields').find('select').removeAttr('required');
|
||||
cloneWrapper.find('.price-fields').first().find('input[type="text"]').removeAttr('required');
|
||||
|
||||
parentWrapper.find('.optional-services-item:last').after(cloneWrapper);
|
||||
}
|
||||
else if (action == 'remove') {
|
||||
if (parentWrapper.find('.optional-services-item').length > 1) {
|
||||
$(this).parents('.optional-services-item').first().remove();
|
||||
|
||||
var count = 1;
|
||||
parentWrapper.find('.optional-services-item').each(function( index ) {
|
||||
$(this).find('.optional-services-count').text(count);
|
||||
$(this).find('.optional_service_is_custom').attr('name', 'optional_service_is_custom[' + (count - 1) + ']');
|
||||
count++;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
$(document).on('change', '.optional_service_is_custom', function(e) {
|
||||
$(this).parents('.price-fields').first().find('select').removeAttr('required');
|
||||
$(this).parents('.price-fields').first().find('input[type="text"]').removeAttr('required');
|
||||
|
||||
$(this).parents('.label-field').first().find('select').attr('required', 'required');
|
||||
$(this).parents('.label-field').first().find('input[type="text"]').attr('required', 'required');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,323 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
<div class="dashboard-title-flex space-between">
|
||||
<h2 class="dashboard-title">{{ __("Subscription Management") }}</h2>
|
||||
<div class="dashboard-button-title">
|
||||
@if (auth()->user()->userRole->hasAccess('manage-subscription-packages'))
|
||||
<a href="{{ route('cms.subscriptions.management.create', ['service_type' => 'bookkeeping']) }}" class="btn primary-button add-new-btn">{{ __("Add New") }}</a>
|
||||
@endif
|
||||
<a href="{{ route('cms.subscriptions') }}" class="btn btn-error">{{ __("Back") }}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs-navigation blue-tabs">
|
||||
<ul>
|
||||
<li class="active"><a href="#" class="js-tab-navigate" data-id="#in-queue" data-add-url="{{ route('cms.subscriptions.management.create', ['service_type' => 'bookkeeping']) }}"><img class="dashboard-detail-image max-25" src="{{ asset('themes/tailwind/images/business-black.svg') }}"> {{ __("Bookkeeping") }}</a></li>
|
||||
<li><a href="#" class="js-tab-navigate" data-id="#completed" data-add-url="{{ route('cms.subscriptions.management.create', ['service_type' => 'company_secretary']) }}"><img class="dashboard-detail-image max-25" src="{{ asset('themes/tailwind/images/secretary-black.svg') }}"> {{ __("Company Secretary") }}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tabs-content">
|
||||
<div class="tabs-content-item white-bg no-padd no-box-shadow" id="in-queue">
|
||||
<table id="bookkeppingSubscriptionListTable" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Name") }}</td>
|
||||
<td>{{ __("Price") }}</td>
|
||||
<td>{{ __("Period") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
<td>{{ __("Action") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{-- <tr>
|
||||
<td>Demi</td>
|
||||
<td>$14,000</td>
|
||||
<td>Anually</td>
|
||||
<td><span class="success item-list-note">Active</span></td>
|
||||
<td><a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Demi</td>
|
||||
<td>$14,000</td>
|
||||
<td>Anually</td>
|
||||
<td><span class="success item-list-note">Active</span></td>
|
||||
<td><a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Demi</td>
|
||||
<td>$14,000</td>
|
||||
<td>Anually</td>
|
||||
<td><span class="success item-list-note">Active</span></td>
|
||||
<td><a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Demi</td>
|
||||
<td>$14,000</td>
|
||||
<td>Anually</td>
|
||||
<td><span class="success item-list-note">Active</span></td>
|
||||
<td><a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Demi</td>
|
||||
<td>$14,000</td>
|
||||
<td>Anually</td>
|
||||
<td><span class="success item-list-note">Active</span></td>
|
||||
<td><a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">Edit</a></td>
|
||||
</tr> --}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tabs-content-item white-bg no-padd no-box-shadow" id="completed" style="display: none;">
|
||||
<table id="comSecSubscriptionListTable" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Name") }}</td>
|
||||
<td>{{ __("Price") }}</td>
|
||||
<td>{{ __("Period") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
<td>{{ __("Action") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{-- <tr>
|
||||
<td>Demi</td>
|
||||
<td>$14,000</td>
|
||||
<td>Anually</td>
|
||||
<td><span class="success item-list-note">Active</span></td>
|
||||
<td><a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Demi</td>
|
||||
<td>$14,000</td>
|
||||
<td>Anually</td>
|
||||
<td><span class="success item-list-note">Active</span></td>
|
||||
<td><a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Demi</td>
|
||||
<td>$14,000</td>
|
||||
<td>Anually</td>
|
||||
<td><span class="success item-list-note">Active</span></td>
|
||||
<td><a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Demi</td>
|
||||
<td>$14,000</td>
|
||||
<td>Anually</td>
|
||||
<td><span class="success item-list-note">Active</span></td>
|
||||
<td><a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">Edit</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Demi</td>
|
||||
<td>$14,000</td>
|
||||
<td>Anually</td>
|
||||
<td><span class="success item-list-note">Active</span></td>
|
||||
<td><a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">View</a> <span class="long-pipe">|</span> <a href="{{ route('cms.subscriptions.management') }}?u=1" class="primary-text">Edit</a></td>
|
||||
</tr> --}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script>
|
||||
$(document).ready( function () {
|
||||
var currentLanguage = $('#currentLanguage').val();
|
||||
|
||||
$.ajaxSetup({
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
}
|
||||
});
|
||||
|
||||
var bookkeppingSubscriptionListTable = $("#bookkeppingSubscriptionListTable").DataTable({
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: '{{ route("cms.subscriptions.management.table", ["service_type" => "bookkeeping"]) }}',
|
||||
type: 'post',
|
||||
"dataSrc": function ( json ) {
|
||||
for (var i = 0; i < json.data.length; i++) {
|
||||
$.each( json.data[i], function( key, value ) {
|
||||
json.data[i][key] = value ? value : '-';
|
||||
});
|
||||
}
|
||||
|
||||
return json.data;
|
||||
}
|
||||
},
|
||||
columns: [
|
||||
(currentLanguage == 'zh_hk' ? {data: 'name_chinese', name: 'name_chinese'} : {data: 'name_english', name: 'name_english'}),
|
||||
{data: 'price', name: 'price'},
|
||||
(currentLanguage == 'zh_hk' ? {data: 'period_chinese', name: 'period_chinese'} : {data: 'period_english', name: 'period_english'}),
|
||||
{data: 'status', name: 'status'},
|
||||
{data: 'actions', name: 'actions', searchable: false, sortable: false}
|
||||
],
|
||||
order: [[0, "asc"]],
|
||||
searchDelay: 500,
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
"emptyTable": '{{ __("No data available in table") }}'
|
||||
// Add more text customizations if needed
|
||||
}
|
||||
});
|
||||
|
||||
var comSecSubscriptionListTable = $("#comSecSubscriptionListTable").DataTable({
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: '{{ route("cms.subscriptions.management.table", ["service_type" => "company_secretary"]) }}',
|
||||
type: 'post',
|
||||
"dataSrc": function ( json ) {
|
||||
for (var i = 0; i < json.data.length; i++) {
|
||||
$.each( json.data[i], function( key, value ) {
|
||||
json.data[i][key] = value ? value : '-';
|
||||
});
|
||||
}
|
||||
|
||||
return json.data;
|
||||
}
|
||||
},
|
||||
columns: [
|
||||
(currentLanguage == 'zh_hk' ? {data: 'name_chinese', name: 'name_chinese'} : {data: 'name_english', name: 'name_english'}),
|
||||
{data: 'price', name: 'price'},
|
||||
(currentLanguage == 'zh_hk' ? {data: 'period_chinese', name: 'period_chinese'} : {data: 'period_english', name: 'period_english'}),
|
||||
{data: 'status', name: 'status'},
|
||||
{data: 'actions', name: 'actions', searchable: false, sortable: false}
|
||||
],
|
||||
order: [[0, "asc"]],
|
||||
searchDelay: 500,
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
"emptyTable": '{{ __("No data available in table") }}'
|
||||
// Add more text customizations if needed
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.suspend-subscription', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
|
||||
if (action) {
|
||||
Swal.fire({
|
||||
title: '{{ __("Are you sure?") }}',
|
||||
text: `{{ __("You would not be able to revert this!") }}`,
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: '{{ __("Yes") }}',
|
||||
cancelButtonText: '{{ __("Cancel") }}'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
bookkeppingSubscriptionListTable.ajax.reload();
|
||||
comSecSubscriptionListTable.ajax.reload();
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.activate-subscription', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
|
||||
if (action) {
|
||||
Swal.fire({
|
||||
title: '{{ __("Are you sure?") }}',
|
||||
text: `{{ __("You would not be able to revert this!") }}`,
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: '{{ __("Yes") }}',
|
||||
cancelButtonText: '{{ __("Cancel") }}'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
bookkeppingSubscriptionListTable.ajax.reload();
|
||||
comSecSubscriptionListTable.ajax.reload();
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(".js-side-nav").click(function(e){
|
||||
e.preventDefault();
|
||||
var id = jQuery(this).data('id');
|
||||
jQuery(this).closest('.side-nav-tabs').next().find('.js-content-tab').hide();
|
||||
jQuery(id).show();
|
||||
jQuery(this).closest('.side-nav-tabs').find('li').removeClass('active');
|
||||
jQuery(this).parent().addClass('active');
|
||||
});
|
||||
|
||||
$(".js-tab-navigate").click(function(e){
|
||||
e.preventDefault();
|
||||
var id = jQuery(this).data('id');
|
||||
jQuery(this).closest('.tabs-navigation').next().find('.tabs-content-item').hide();
|
||||
jQuery(id).show();
|
||||
jQuery(this).closest('.tabs-navigation').find('li').removeClass('active');
|
||||
jQuery(this).parent().addClass('active');
|
||||
|
||||
var addUrl = jQuery(this).data('add-url');
|
||||
$('.add-new-btn').attr('href', addUrl)
|
||||
});
|
||||
} );
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,36 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
<form method="POST" action="{{ route('cms.terms-and-conditions.update') }}">
|
||||
@csrf
|
||||
|
||||
<div class="dashboard-title-flex space-between">
|
||||
<h2 class="dashboard-title">{{ __("Terms and Conditions(English)") }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="terms-privacy-content">
|
||||
<textarea class="tinymce" name="terms_and_conditions_english">{!! $siteSetting ? $siteSetting->terms_and_conditions_english : '' !!}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="dashboard-title-flex space-between mt-30">
|
||||
<h2 class="dashboard-title">{{ __("Terms and Conditions(Chinese)") }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="terms-privacy-content">
|
||||
<textarea class="tinymce" name="terms_and_conditions_chinese">{!! $siteSetting ? $siteSetting->terms_and_conditions_chinese : '' !!}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<div class="flex button-group">
|
||||
<button type="submit" class="btn primary-button">{{ __("Save") }}</button>
|
||||
<button type="reset" class="btn btn-error">{{ __("Reset") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
@endsection
|
||||
807
resources/views/themes/tailwind/cms/users/index.blade.php
Normal file
807
resources/views/themes/tailwind/cms/users/index.blade.php
Normal file
@@ -0,0 +1,807 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('style')
|
||||
<style>
|
||||
#userAccessLogsListTable_wrapper {
|
||||
border: 2px solid #D6DEE9 !important;
|
||||
box-shadow: none !important;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#userAccessLogsListTable_wrapper tbody tr {
|
||||
background-color: #D6DEE9;
|
||||
color: #364257;
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="dashboard-title-flex space-between">
|
||||
<h2 class="dashboard-title">{{ __("User") }}</h2>
|
||||
<div class="dashboard-button-title">
|
||||
@if (auth()->user()->userRole->hasAccess('manage-user-list-and-access-log'))
|
||||
<a href="#" class="btn primary-button" data-bs-toggle="modal" data-bs-target="#newUserModal">{{ __("Add new user") }}</a>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs-navigation blue-tabs tab-paddx-20">
|
||||
<ul>
|
||||
<li class="active"><a href="#" class="js-tab-navigate paddingx-20" data-id="#in-queue"><img class="dashboard-detail-image max-25" src="{{ asset('themes/tailwind/images/user-2.svg') }}"> {{ __("User List") }} </a></li>
|
||||
<li><a href="#" class="js-tab-navigate " data-id="#completed"><img class="dashboard-detail-image max-25" src="{{ asset('themes/tailwind/images/access-log.svg') }}"> {{ __("Access Log") }} </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tabs-content">
|
||||
<div class="tabs-content-item" id="in-queue">
|
||||
<table id="userListTable" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("First name") }}</td>
|
||||
<td>{{ __("Last name") }}</td>
|
||||
<td>{{ __("Phone number") }}</td>
|
||||
<td>{{ __("User email") }}</td>
|
||||
<td>{{ __("Access level") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
<td>{{ __("Action") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tabs-content-item" id="completed" style="display: none;">
|
||||
<table id="allUserAccessLogsListTable" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("User email") }}</td>
|
||||
<td>{{ __("Date") }}</td>
|
||||
<td>{{ __("Time") }}</td>
|
||||
<td>{{ __("Event") }}</td>
|
||||
<td>{{ __("Description") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Modals --}}
|
||||
{{-- Add User Modal --}}
|
||||
<div class="modal fade custom-modal" id="newUserModal" tabindex="-1" aria-labelledby="newUserModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title">{{ __("User Detail") }}</p>
|
||||
|
||||
<form action="{{ route('cms.users.store') }}" class="theme-form" id="addUserFrm">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("First name") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="first_name" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Password") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="password-wrapper">
|
||||
<input type="password" class="form-control" value="" name="password" required>
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Last name") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="last_name" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Confirm Password") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="password-wrapper">
|
||||
<input type="password" class="form-control" value="" name="password_confirmation" required>
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Phone") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="phone" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Email") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="email" class="form-control" value="" name="email" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Access Level") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="role_id" required>
|
||||
<option value="" disabled selected>{{ __("Select an option") }}</option>
|
||||
@foreach ($roles as $role)
|
||||
<option value="{{ $role->id }}">{{ $role->display_name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto" required>
|
||||
<label class="col-form-label">{{ __("Status") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="status">
|
||||
<option value="active" selected>{{ __("Active") }}</option>
|
||||
<option value="inactive">{{ __("Inactive") }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="submit" class="btn green-btn mx-3">{{ __("Save") }}</button>
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">{{ __("Cancel") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{-- Edit User Modal --}}
|
||||
<div class="modal fade custom-modal" id="editUserModal" tabindex="-1" aria-labelledby="editUserModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title">{{ __("User Detail") }}</p>
|
||||
|
||||
<form action="#" class="theme-form" id="editUserFrm">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("First name") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="first_name" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Current Password") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="password" class="form-control" value="" name="current_password">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Last name") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="last_name" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Password") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="password-wrapper">
|
||||
<input type="password" class="form-control" value="" name="password">
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Phone") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="phone" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Confirm Password") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="password-wrapper">
|
||||
<input type="password" class="form-control" value="" name="password_confirmation">
|
||||
<img class="mx-auto password-hide-show" src="{{ asset('themes/tailwind/images/password-hide-show.png') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Email") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="email" class="form-control" value="" name="email" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">{{ __("Access Level") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="role_id" required>
|
||||
<option value="" disabled selected>{{ __("Select an option") }}</option>
|
||||
@foreach ($roles as $role)
|
||||
<option value="{{ $role->id }}">{{ $role->display_name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto" required>
|
||||
<label class="col-form-label">{{ __("Status") }}</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="status">
|
||||
<option value="active" selected>{{ __("Active") }}</option>
|
||||
<option value="inactive">{{ __("Inactive") }}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="submit" class="btn green-btn mx-3">{{ __("Save") }}</button>
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">{{ __("Cancel") }}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{-- User Action Logs Modal --}}
|
||||
<div class="modal fade custom-modal" id="userActionLogsModal" tabindex="-1" aria-labelledby="userActionLogsModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title mb-4">{{ __("User Log") }}</p>
|
||||
|
||||
<table id="userAccessLogsListTable" class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>{{ __("Date") }}</td>
|
||||
<td>{{ __("Time") }}</td>
|
||||
<td>{{ __("Event") }}</td>
|
||||
<td>{{ __("Description") }}</td>
|
||||
<td>{{ __("Status") }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">{{ __("Back") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{-- Saved Success Modal --}}
|
||||
<div class="modal fade validation-modal style2" id="validationModal" tabindex="-1" aria-labelledby="validationModal1Label" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="text-center error-message">{{ __("All changes have been saved!") }}</p>
|
||||
<button type="button" class="btn br-0" data-bs-dismiss="modal">{{ __("Back") }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script>
|
||||
$(document).ready( function () {
|
||||
$.ajaxSetup({
|
||||
headers: {
|
||||
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
|
||||
}
|
||||
});
|
||||
|
||||
var userAccessLogsListTable = null;
|
||||
var userListTable = $("#userListTable").DataTable({
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: '{{ route("cms.users.table") }}',
|
||||
type: 'post',
|
||||
"dataSrc": function ( json ) {
|
||||
for (var i = 0; i < json.data.length; i++) {
|
||||
$.each( json.data[i], function( key, value ) {
|
||||
json.data[i][key] = value ? value : '-';
|
||||
});
|
||||
}
|
||||
|
||||
return json.data;
|
||||
}
|
||||
},
|
||||
columns: [
|
||||
{data: 'first_name', name: 'users.first_name'},
|
||||
{data: 'last_name', name: 'users.last_name'},
|
||||
{data: 'phone', name: 'users.phone'},
|
||||
{data: 'email', name: 'users.email'},
|
||||
{data: 'display_name', name: 'roles.display_name'},
|
||||
{data: 'status', name: 'users.status'},
|
||||
{data: 'actions', name: 'actions', searchable: false, sortable: false}
|
||||
],
|
||||
order: [[0, "asc"]],
|
||||
searchDelay: 500,
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
"emptyTable": '{{ __("No data available in table") }}'
|
||||
// Add more text customizations if needed
|
||||
}
|
||||
});
|
||||
|
||||
$("#allUserAccessLogsListTable").DataTable({
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: '{{ route("cms.users.accessLogsTable") }}',
|
||||
type: 'post',
|
||||
"dataSrc": function ( json ) {
|
||||
for (var i = 0; i < json.data.length; i++) {
|
||||
$.each( json.data[i], function( key, value ) {
|
||||
json.data[i][key] = value ? value : '-';
|
||||
});
|
||||
}
|
||||
|
||||
return json.data;
|
||||
},
|
||||
},
|
||||
columns: [
|
||||
{data: 'email', name: 'users.email'},
|
||||
{data: 'date', name: 'user_access_logs.created_at'},
|
||||
{data: 'time', name: 'user_access_logs.created_at'},
|
||||
{data: 'event', name: 'user_access_logs.event'},
|
||||
{data: 'description', name: 'user_access_logs.description'},
|
||||
{data: 'status', name: 'user_access_logs.status'},
|
||||
],
|
||||
order: [[1, "desc"]],
|
||||
searchDelay: 500,
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
"emptyTable": '{{ __("No data available in table") }}'
|
||||
// Add more text customizations if needed
|
||||
}
|
||||
});
|
||||
|
||||
$(".js-side-nav").click(function(e){
|
||||
e.preventDefault();
|
||||
var id = jQuery(this).data('id');
|
||||
jQuery(this).closest('.side-nav-tabs').next().find('.js-content-tab').hide();
|
||||
jQuery(id).show();
|
||||
jQuery(this).closest('.side-nav-tabs').find('li').removeClass('active');
|
||||
jQuery(this).parent().addClass('active');
|
||||
});
|
||||
|
||||
$(".js-tab-navigate").click(function(e){
|
||||
e.preventDefault();
|
||||
var id = jQuery(this).data('id');
|
||||
jQuery(this).closest('.tabs-navigation').next().find('.tabs-content-item').hide();
|
||||
jQuery(id).show();
|
||||
jQuery(this).closest('.tabs-navigation').find('li').removeClass('active');
|
||||
jQuery(this).parent().addClass('active');
|
||||
});
|
||||
|
||||
$('.password-hide-show').click(function() {
|
||||
var type = $(this).parent().find('input').attr('type');
|
||||
|
||||
if (type == 'password') {
|
||||
$(this).parent().find('input').attr('type', 'text');
|
||||
}
|
||||
else {
|
||||
$(this).parent().find('input').attr('type', 'password');
|
||||
}
|
||||
});
|
||||
|
||||
$('#addUserFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
$('#newUserModal').modal('hide');
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
$('#addUserFrm').trigger("reset");
|
||||
userListTable.ajax.reload();
|
||||
}
|
||||
else {
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.suspend-user', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
|
||||
if (action) {
|
||||
Swal.fire({
|
||||
title: '{{ __("Are you sure?") }}',
|
||||
text: '{{ __("You would not be able to revert this!") }}',
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: '{{ __("Yes") }}',
|
||||
cancelButtonText: '{{ __("Cancel") }}'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
userListTable.ajax.reload();
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.activate-user', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
|
||||
if (action) {
|
||||
Swal.fire({
|
||||
title: '{{ __("Are you sure?") }}',
|
||||
text: '{{ __("You would not be able to revert this!") }}',
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: '{{ __("Yes") }}',
|
||||
cancelButtonText: '{{ __("Cancel") }}'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
userListTable.ajax.reload();
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.remove-user', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
|
||||
if (action) {
|
||||
Swal.fire({
|
||||
title: '{{ __("Are you sure?") }}',
|
||||
text: '{{ __("You would not be able to revert this!") }}',
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: '{{ __("Yes") }}',
|
||||
cancelButtonText: '{{ __("Cancel") }}'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
userListTable.ajax.reload();
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.edit-user', function(e) {
|
||||
var actionShow = $(this).attr('data-action-show');
|
||||
var actionUpdate = $(this).attr('data-action-update');
|
||||
|
||||
if (actionShow && actionUpdate) {
|
||||
$.ajax({
|
||||
url: actionShow,
|
||||
type: "post",
|
||||
data: {},
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
if (data.success) {
|
||||
$('#editUserFrm').attr('action', actionUpdate);
|
||||
$('#editUserFrm input[name="first_name"]').val(data.user.first_name);
|
||||
$('#editUserFrm input[name="last_name"]').val(data.user.last_name);
|
||||
$('#editUserFrm input[name="phone"]').val(data.user.phone);
|
||||
$('#editUserFrm input[name="email"]').val(data.user.email);
|
||||
$('#editUserFrm select[name="role_id"]').val(data.user.role_id);
|
||||
$('#editUserFrm select[name="status"]').val(data.user.status);
|
||||
$('#editUserModal').modal('show');
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$('#editUserFrm').submit(function(e) {
|
||||
e.preventDefault();
|
||||
var action = $(this).attr('action');
|
||||
var button = $(this).find('button[type="submit"]');
|
||||
var buttonHtml = button.html();
|
||||
|
||||
if (!button.is(':disabled') && action) {
|
||||
button.attr('disabled', 'disabled');
|
||||
button.html('<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: action,
|
||||
type: "post",
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
success:function(data) {
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
|
||||
if (data.success) {
|
||||
$('#editUserModal').modal('hide');
|
||||
$('#validationModal').modal('show');
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
|
||||
$('#editUserFrm').trigger("reset");
|
||||
userListTable.ajax.reload();
|
||||
}
|
||||
else {
|
||||
$('#validationModal .error-message').html(data.message);
|
||||
$('#validationModal').modal('show');
|
||||
}
|
||||
},
|
||||
error: function(data) {
|
||||
var errors = data.responseJSON.errors;
|
||||
var errorMessage = '<ul>';
|
||||
$.each(errors, function(index, error) {
|
||||
console.log(error);
|
||||
errorMessage += '<li>' + error[0] + '</li>';
|
||||
});
|
||||
errorMessage += '</ul>';
|
||||
|
||||
$('#validationModal .error-message').html(errorMessage);
|
||||
$('#validationModal').modal('show');
|
||||
button.removeAttr('disabled');
|
||||
button.html(buttonHtml);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on('click', '.view-user-log', function(e) {
|
||||
var action = $(this).attr('data-action');
|
||||
|
||||
if (action) {
|
||||
initializeUserAccessLogsListTable(action);
|
||||
$('#userActionLogsModal').modal('show');
|
||||
}
|
||||
});
|
||||
|
||||
function initializeUserAccessLogsListTable(url = '{{ route("cms.users.accessLogsTable") }}') {
|
||||
if (userAccessLogsListTable) {
|
||||
userAccessLogsListTable.destroy();
|
||||
}
|
||||
|
||||
userAccessLogsListTable = $("#userAccessLogsListTable").DataTable({
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: url,
|
||||
type: 'post',
|
||||
"dataSrc": function ( json ) {
|
||||
for (var i = 0; i < json.data.length; i++) {
|
||||
$.each( json.data[i], function( key, value ) {
|
||||
json.data[i][key] = value ? value : '-';
|
||||
});
|
||||
}
|
||||
|
||||
return json.data;
|
||||
}
|
||||
},
|
||||
columns: [
|
||||
{data: 'date', name: 'user_access_logs.created_at'},
|
||||
{data: 'time', name: 'user_access_logs.created_at'},
|
||||
{data: 'event', name: 'user_access_logs.event'},
|
||||
{data: 'description', name: 'user_access_logs.description'},
|
||||
{data: 'status', name: 'user_access_logs.status'},
|
||||
],
|
||||
order: [[1, "desc"]],
|
||||
searchDelay: 500,
|
||||
"language": {
|
||||
"paginate": {
|
||||
"next": ">", // Text for the "Next" page button
|
||||
"previous": "<" // Text for the "Previous" page button
|
||||
},
|
||||
"emptyTable": '{{ __("No data available in table") }}'
|
||||
// Add more text customizations if needed
|
||||
}
|
||||
});
|
||||
}
|
||||
} );
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,435 @@
|
||||
@extends('theme::user.layouts.app')
|
||||
|
||||
<link rel="stylesheet" href="/themes/tailwind/css/Drag--Drop-Upload-Form.css">
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="card">
|
||||
<div class="d-sm-flex d-md-flex d-lg-flex d-xl-flex d-xxl-flex justify-content-between align-items-sm-center align-items-md-center align-items-lg-center align-items-xl-center align-items-xxl-center" style="height: 100px;background: linear-gradient(90deg, #7db979, #26bbaa);margin-right: 0px;">
|
||||
<div class="justify-content-start" style="margin-left: 20px;">
|
||||
<div class="col d-sm-flex d-md-flex d-lg-flex d-xl-flex d-xxl-flex align-items-sm-center align-items-md-center align-items-lg-center justify-content-xl-start align-items-xl-center justify-content-xxl-center align-items-xxl-center" style="width: 332px;">
|
||||
<img src="/themes/tailwind/images/location.png" style="width: 80px;margin-left: 10px;">
|
||||
<h1 style="font-size: 20px;color: rgb(0,0,0);margin-bottom: 0px;">Change Company Address</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-right: 20px;"><img src="/themes/tailwind/images/clipboard-image-16.png" style="width: 98px;"></div>
|
||||
</div>
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 650px;">
|
||||
<form>
|
||||
<div style="margin-right: 150px;margin-left: 150px;">
|
||||
<div class="col">
|
||||
<div class="row" style="margin: 0px;">
|
||||
<div class="col-xxl-12" style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<h1 style="font-size: 24px;text-align: center;color: rgb(7,7,7);">Please enter a <b>new</b> company address</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-4 offset-xxl-0 d-xxl-flex align-items-xxl-center" style="width: 200px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">New Address</h1>
|
||||
</div>
|
||||
<div class="col" style="width: 765px;"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center">
|
||||
<div class="d-xxl-flex">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Effective Date</h1>
|
||||
</div>
|
||||
<div class="d-xxl-flex justify-content-xxl-left align-items-xxl-center">
|
||||
<div class="col-xxl-2" style="width: 80px;"><input class="form-control d-xxl-flex" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 40px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 12px;width: 80px;text-align: center;" placeholder="YYYY"></div>
|
||||
<div class="col-xxl-1 d-xxl-flex justify-content-xxl-center align-items-xxl-center" style="width: 20px;">
|
||||
<div>
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;font-weight: bold;width: auto;">/</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-1" style="width: 80px;"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 40px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 12px;width: 80px;text-align: center;" placeholder="MM"></div>
|
||||
<div class="col-xxl-1 d-xxl-flex justify-content-xxl-center align-items-xxl-center" style="width: 20px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;font-weight: bold;width: auto;">/</h1>
|
||||
</div>
|
||||
<div class="col" style="width: 80px;"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 40px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 12px;width: 80px;text-align: center;" placeholder="DD"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col">
|
||||
<h6 style="color: #9B0025;">*Non-Hong Kong
|
||||
addresses, ‘care of’
|
||||
addresses or post
|
||||
office box numbers
|
||||
are not acceptable
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body" style="background: #F4F7FA;">
|
||||
<div class="container">
|
||||
<div class="row" style="margin-top: 10px;margin-bottom: 10px;">
|
||||
<div class="col">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 24px;">Verify documents and identity</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body" style="height: 100px;background: url("/themes/tailwind/images/clipboard-image-19.png") center / contain no-repeat;">
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
<div class="col-xxl-8">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Verification of Director <br>ID / passport</h1>
|
||||
</div>
|
||||
<div class="col d-xxl-flex justify-content-xxl-end"><img src="/themes/tailwind/images/clipboard-image-21.png" style="width: 70px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body" style="height: 100px;background: url("/themes/tailwind/images/clipboard-image-20.png") center / contain no-repeat;">
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
<div class="col-xxl-8">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Verification of Director <br>ID / passport</h1>
|
||||
</div>
|
||||
<div class="col d-xxl-flex justify-content-xxl-end"><img src="/themes/tailwind/images/clipboard-image-22.png" style="width: 70px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 24px;">Please upload a copy of the following documents</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center">
|
||||
<div>
|
||||
<h1 id="certificate" class="certificate" style="color: rgb(0,0,0);font-size: 20px;">Certificate of Incorporation</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div id="modal-open">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div>
|
||||
<h1 style="text-align: center;font-size: 18px;color: #364257;">Upload Document</h1>
|
||||
</div>
|
||||
<div class="card" style="border-style: none;">
|
||||
<div class="card-body" style="border-style: none;">
|
||||
<div class="dashed_upload"><div class="wrapper">
|
||||
<div class="drop">
|
||||
<div class="cont">
|
||||
<img src="/themes/tailwind/images/clipboard-image-23.png" width="100px"/>
|
||||
<div class="tit">
|
||||
Drag and drop files here or choose file.<br>
|
||||
Accepted file types: Doc / PDF / JPG / PNG
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn" type="button" style="color: #364257;background: #F3CF5D;font-size: 15px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 40px;margin-top: 15px;">Choose File</button>
|
||||
</div>
|
||||
</div>
|
||||
<output id="list"></output><input id="files" multiple name="files[]" type="file" />
|
||||
</div>
|
||||
</div>
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
|
||||
<script src="js/index.js"></script></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Name</h1>
|
||||
</div>
|
||||
<div><input class="form-control" type="text" style="border-color: #364257;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 500px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-start align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Category</h1>
|
||||
</div>
|
||||
<div style="margin-left: 25px;width: 130.2656px;">
|
||||
<div class="dropdown"><button class="btn btn-primary disabled dropdown-toggle placeholder disabled" aria-expanded="false" data-bs-toggle="dropdown" type="button" style="background: rgba(37,37,37,0);color: var(--bs-gray-dark);border-style: none;width: 129.2656px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;text-align: left;" disabled="">CL </button>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="col d-xxl-flex justify-content-center align-items-xxl-center">
|
||||
<div><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-right: 10px;" data-bs-dismiss="modal">Save</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-left: 10px;" data-bs-dismiss="modal">Cancel</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">UPLOAD</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center">
|
||||
<div>
|
||||
<h1 id="br" style="color: rgb(0,0,0);font-size: 20px;">BR</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div id="modal-open-1">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal-1" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div>
|
||||
<h1 style="text-align: center;font-size: 18px;color: #364257;">Upload Document</h1>
|
||||
</div>
|
||||
<div class="card" style="border-style: none;">
|
||||
<div class="card-body" style="border-style: none;">
|
||||
<div class="dashed_upload"><div class="wrapper">
|
||||
<div class="drop">
|
||||
<div class="cont">
|
||||
<img src="/themes/tailwind/images/clipboard-image-23.png" width="100px"/>
|
||||
<div class="tit">
|
||||
Drag and drop files here or choose file.<br>
|
||||
Accepted file types: Doc / PDF / JPG / PNG
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn" type="button" style="color: #364257;background: #F3CF5D;font-size: 15px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 40px;margin-top: 15px;">Choose File</button>
|
||||
</div>
|
||||
</div>
|
||||
<output id="list"></output><input id="files" multiple name="files[]" type="file" />
|
||||
</div>
|
||||
</div>
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
|
||||
<script src="js/index.js"></script></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Name</h1>
|
||||
</div>
|
||||
<div><input class="form-control" type="text" style="border-color: #364257;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 500px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-start align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Category</h1>
|
||||
</div>
|
||||
<div style="margin-left: 25px;width: 130.2656px;">
|
||||
<div class="dropdown"><button class="btn btn-primary disabled dropdown-toggle placeholder disabled" aria-expanded="false" data-bs-toggle="dropdown" type="button" style="background: rgba(37,37,37,0);color: var(--bs-gray-dark);border-style: none;width: 129.2656px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;text-align: left;" disabled="">CL </button>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="col d-xxl-flex justify-content-center align-items-xxl-center">
|
||||
<div><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-right: 10px;" data-bs-dismiss="modal">Save</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-left: 10px;" data-bs-dismiss="modal">Cancel</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-1" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">UPLOAD</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center">
|
||||
<div>
|
||||
<h1 id="address" style="color: rgb(0,0,0);font-size: 20px;">Proof of address issued within the last three months</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div id="modal-open-3">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal-3" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div>
|
||||
<h1 style="text-align: center;font-size: 18px;color: #364257;">Upload Document</h1>
|
||||
</div>
|
||||
<div class="card" style="border-style: none;">
|
||||
<div class="card-body" style="border-style: none;">
|
||||
<div class="dashed_upload"><div class="wrapper">
|
||||
<div class="drop">
|
||||
<div class="cont">
|
||||
<img src="/themes/tailwind/images/clipboard-image-23.png" width="100px"/>
|
||||
<div class="tit">
|
||||
Drag and drop files here or choose file.<br>
|
||||
Accepted file types: Doc / PDF / JPG / PNG
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn" type="button" style="color: #364257;background: #F3CF5D;font-size: 15px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 40px;margin-top: 15px;">Choose File</button>
|
||||
</div>
|
||||
</div>
|
||||
<output id="list"></output><input id="files" multiple name="files[]" type="file" />
|
||||
</div>
|
||||
</div>
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
|
||||
<script src="js/index.js"></script></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Name</h1>
|
||||
</div>
|
||||
<div><input class="form-control" type="text" style="border-color: #364257;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 500px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-start align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Category</h1>
|
||||
</div>
|
||||
<div style="margin-left: 25px;width: 130.2656px;">
|
||||
<div class="dropdown"><button class="btn btn-primary disabled dropdown-toggle placeholder disabled" aria-expanded="false" data-bs-toggle="dropdown" type="button" style="background: rgba(37,37,37,0);color: var(--bs-gray-dark);border-style: none;width: 129.2656px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;text-align: left;" disabled="">CL </button>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="col d-xxl-flex justify-content-center align-items-xxl-center">
|
||||
<div><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-right: 10px;" data-bs-dismiss="modal">Save</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-left: 10px;" data-bs-dismiss="modal">Cancel</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-3" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">UPLOAD</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center">
|
||||
<div>
|
||||
<h1 id="transferee" style="color: rgb(0,0,0);font-size: 20px;">Proof of address issued within the last three months <br>(Transferee)</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div id="modal-open-4">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal-4" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div>
|
||||
<h1 style="text-align: center;font-size: 18px;color: #364257;">Upload Document</h1>
|
||||
</div>
|
||||
<div class="card" style="border-style: none;">
|
||||
<div class="card-body" style="border-style: none;">
|
||||
<div class="dashed_upload"><div class="wrapper">
|
||||
<div class="drop">
|
||||
<div class="cont">
|
||||
<img src="/themes/tailwind/images/clipboard-image-23.png" width="100px"/>
|
||||
<div class="tit">
|
||||
Drag and drop files here or choose file.<br>
|
||||
Accepted file types: Doc / PDF / JPG / PNG
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn" type="button" style="color: #364257;background: #F3CF5D;font-size: 15px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 40px;margin-top: 15px;">Choose File</button>
|
||||
</div>
|
||||
</div>
|
||||
<output id="list"></output><input id="files" multiple name="files[]" type="file" />
|
||||
</div>
|
||||
</div>
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
|
||||
<script src="js/index.js"></script></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Name</h1>
|
||||
</div>
|
||||
<div><input class="form-control" type="text" style="border-color: #364257;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 500px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-start align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Category</h1>
|
||||
</div>
|
||||
<div style="margin-left: 25px;width: 130.2656px;">
|
||||
<div class="dropdown"><button class="btn btn-primary disabled dropdown-toggle placeholder disabled" aria-expanded="false" data-bs-toggle="dropdown" type="button" style="background: rgba(37,37,37,0);color: var(--bs-gray-dark);border-style: none;width: 129.2656px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;text-align: left;" disabled="">CL </button>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="col d-xxl-flex justify-content-center align-items-xxl-center">
|
||||
<div><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-right: 10px;" data-bs-dismiss="modal">Save</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-left: 10px;" data-bs-dismiss="modal">Cancel</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-4" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">UPLOAD</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-end align-items-xxl-center">
|
||||
<div style="padding-right: 10px;">
|
||||
<div id="modal-open-2">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal-2" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-sm modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<h6 style="color: #364257;">Your enquiry submitted successfully</h6>
|
||||
</div>
|
||||
<div class="modal-footer d-xxl-flex justify-content-xxl-center align-items-xxl-center"><button class="btn" style="width: 200px;background: #9B0025;color: rgb(255,255,255);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;" type="button" data-bs-dismiss="modal">Back</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-2" style="background: #009B9A;border-style: none;color: var(--bs-card-bg);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 44px;">Save as draft</button>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-right: 10px;border-style: none;"><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;padding-top: 10px;padding-bottom: 10px;border-style: none;">Next</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;padding-top: 10px;padding-bottom: 10px;border-style: none;">Next</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,462 @@
|
||||
@extends('theme::user.layouts.app')
|
||||
|
||||
<link rel="stylesheet" href="/themes/tailwind/css/Drag--Drop-Upload-Form.css">
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="card">
|
||||
<div class="d-sm-flex d-md-flex d-lg-flex d-xl-flex d-xxl-flex justify-content-between align-items-sm-center align-items-md-center align-items-lg-center align-items-xl-center align-items-xxl-center" style="height: 100px;background: linear-gradient(90deg, #7db979, #26bbaa);margin-right: 0px;">
|
||||
<div class="justify-content-start" style="margin-left: 20px;">
|
||||
<div class="col d-sm-flex d-md-flex d-lg-flex d-xl-flex d-xxl-flex align-items-sm-center align-items-md-center align-items-lg-center justify-content-xl-start align-items-xl-center justify-content-xxl-center align-items-xxl-center" style="width: 332px;">
|
||||
<img src="/themes/tailwind/images/clipboard-image-15.png" style="width: 80px;margin-left: 10px;">
|
||||
<h1 style="font-size: 20px;color: rgb(0,0,0);margin-bottom: 0px;">Change Company Name</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-right: 20px;"><img src="/themes/tailwind/images/clipboard-image-16.png" style="width: 98px;"></div>
|
||||
</div>
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 650px;">
|
||||
<form>
|
||||
<div style="margin-right: 150px;margin-left: 150px;">
|
||||
<div class="col">
|
||||
<div class="row" style="margin: 0px;">
|
||||
<div class="col-xxl-12" style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<h1 style="font-size: 24px;text-align: center;color: rgb(7,7,7);">Please enter a <b>new</b> company name</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 24px;">Existing Company Name</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-3 offset-xxl-0 d-xxl-flex align-items-xxl-center" style="width: 100px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">English</h1>
|
||||
</div>
|
||||
<div class="col" style="width: 765px;"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 100px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Chinese</h1>
|
||||
</div>
|
||||
<div class="col"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center">
|
||||
<div class="d-xxl-flex">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Date of Special Resolution for Change of Company Name</h1>
|
||||
</div>
|
||||
<div class="d-xxl-flex justify-content-xxl-center align-items-xxl-center">
|
||||
<div class="col-xxl-2" style="width: 80px;"><input class="form-control d-xxl-flex" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 40px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 12px;width: 80px;text-align: center;" placeholder="YYYY"></div>
|
||||
<div class="col-xxl-1 d-xxl-flex justify-content-xxl-center align-items-xxl-center" style="width: 20px;">
|
||||
<div>
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;font-weight: bold;width: auto;">/</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-1" style="width: 80px;"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 40px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 12px;width: 80px;text-align: center;" placeholder="MM"></div>
|
||||
<div class="col-xxl-1 d-xxl-flex justify-content-xxl-center align-items-xxl-center" style="width: 20px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;font-weight: bold;width: auto;">/</h1>
|
||||
</div>
|
||||
<div class="col" style="width: 80px;"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 40px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 12px;width: 80px;text-align: center;" placeholder="DD"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col">
|
||||
<hr class="new2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 24px;">Intended Company Name</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-3 offset-xxl-0 d-xxl-flex align-items-xxl-center" style="width: 100px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">English</h1>
|
||||
</div>
|
||||
<div class="col" style="width: 765px;"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 100px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Chinese</h1>
|
||||
</div>
|
||||
<div class="col"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col">
|
||||
<h6 style="color: #9B0025;">*Company name availability subject to final confirmation from the company registry</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body" style="background: #F4F7FA;">
|
||||
<div class="container">
|
||||
<div class="row" style="margin-top: 10px;margin-bottom: 10px;">
|
||||
<div class="col">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 24px;">Verify documents and identity</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body" style="height: 100px;background: url("/themes/tailwind/images/clipboard-image-19.png") center / contain no-repeat;">
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
<div class="col-xxl-8">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Verification of Director <br>ID / passport</h1>
|
||||
</div>
|
||||
<div class="col d-xxl-flex justify-content-xxl-end"><img src="/themes/tailwind/images/clipboard-image-21.png" style="width: 70px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body" style="height: 100px;background: url("/themes/tailwind/images/clipboard-image-20.png") center / contain no-repeat;">
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
<div class="col-xxl-8">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Verification of Director <br>ID / passport</h1>
|
||||
</div>
|
||||
<div class="col d-xxl-flex justify-content-xxl-end"><img src="/themes/tailwind/images/clipboard-image-22.png" style="width: 70px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 24px;">Please upload a copy of the following documents</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center">
|
||||
<div>
|
||||
<h1 id="certificate" class="certificate" style="color: rgb(0,0,0);font-size: 20px;">Certificate of Incorporation</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div id="modal-open">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div>
|
||||
<h1 style="text-align: center;font-size: 18px;color: #364257;">Upload Document</h1>
|
||||
</div>
|
||||
<div class="card" style="border-style: none;">
|
||||
<div class="card-body" style="border-style: none;">
|
||||
<div class="dashed_upload"><div class="wrapper">
|
||||
<div class="drop">
|
||||
<div class="cont">
|
||||
<img src="/themes/tailwind/images/clipboard-image-23.png" width="100px"/>
|
||||
<div class="tit">
|
||||
Drag and drop files here or choose file.<br>
|
||||
Accepted file types: Doc / PDF / JPG / PNG
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn" type="button" style="color: #364257;background: #F3CF5D;font-size: 15px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 40px;margin-top: 15px;">Choose File</button>
|
||||
</div>
|
||||
</div>
|
||||
<output id="list"></output><input id="files" multiple name="files[]" type="file" />
|
||||
</div>
|
||||
</div>
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
|
||||
<script src="js/index.js"></script></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Name</h1>
|
||||
</div>
|
||||
<div><input class="form-control" type="text" style="border-color: #364257;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 500px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-start align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Category</h1>
|
||||
</div>
|
||||
<div style="margin-left: 25px;width: 130.2656px;">
|
||||
<div class="dropdown"><button class="btn btn-primary disabled dropdown-toggle placeholder disabled" aria-expanded="false" data-bs-toggle="dropdown" type="button" style="background: rgba(37,37,37,0);color: var(--bs-gray-dark);border-style: none;width: 129.2656px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;text-align: left;" disabled="">CL </button>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="col d-xxl-flex justify-content-center align-items-xxl-center">
|
||||
<div><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-right: 10px;" data-bs-dismiss="modal">Save</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-left: 10px;" data-bs-dismiss="modal">Cancel</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">UPLOAD</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center">
|
||||
<div>
|
||||
<h1 id="br" style="color: rgb(0,0,0);font-size: 20px;">BR</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div id="modal-open-1">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal-1" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div>
|
||||
<h1 style="text-align: center;font-size: 18px;color: #364257;">Upload Document</h1>
|
||||
</div>
|
||||
<div class="card" style="border-style: none;">
|
||||
<div class="card-body" style="border-style: none;">
|
||||
<div class="dashed_upload"><div class="wrapper">
|
||||
<div class="drop">
|
||||
<div class="cont">
|
||||
<img src="/themes/tailwind/images/clipboard-image-23.png" width="100px"/>
|
||||
<div class="tit">
|
||||
Drag and drop files here or choose file.<br>
|
||||
Accepted file types: Doc / PDF / JPG / PNG
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn" type="button" style="color: #364257;background: #F3CF5D;font-size: 15px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 40px;margin-top: 15px;">Choose File</button>
|
||||
</div>
|
||||
</div>
|
||||
<output id="list"></output><input id="files" multiple name="files[]" type="file" />
|
||||
</div>
|
||||
</div>
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
|
||||
<script src="js/index.js"></script></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Name</h1>
|
||||
</div>
|
||||
<div><input class="form-control" type="text" style="border-color: #364257;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 500px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-start align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Category</h1>
|
||||
</div>
|
||||
<div style="margin-left: 25px;width: 130.2656px;">
|
||||
<div class="dropdown"><button class="btn btn-primary disabled dropdown-toggle placeholder disabled" aria-expanded="false" data-bs-toggle="dropdown" type="button" style="background: rgba(37,37,37,0);color: var(--bs-gray-dark);border-style: none;width: 129.2656px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;text-align: left;" disabled="">CL </button>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="col d-xxl-flex justify-content-center align-items-xxl-center">
|
||||
<div><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-right: 10px;" data-bs-dismiss="modal">Save</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-left: 10px;" data-bs-dismiss="modal">Cancel</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-1" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">UPLOAD</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center">
|
||||
<div>
|
||||
<h1 id="address" style="color: rgb(0,0,0);font-size: 20px;">Proof of address issued within the last three months</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div id="modal-open-3">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal-3" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div>
|
||||
<h1 style="text-align: center;font-size: 18px;color: #364257;">Upload Document</h1>
|
||||
</div>
|
||||
<div class="card" style="border-style: none;">
|
||||
<div class="card-body" style="border-style: none;">
|
||||
<div class="dashed_upload"><div class="wrapper">
|
||||
<div class="drop">
|
||||
<div class="cont">
|
||||
<img src="/themes/tailwind/images/clipboard-image-23.png" width="100px"/>
|
||||
<div class="tit">
|
||||
Drag and drop files here or choose file.<br>
|
||||
Accepted file types: Doc / PDF / JPG / PNG
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn" type="button" style="color: #364257;background: #F3CF5D;font-size: 15px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 40px;margin-top: 15px;">Choose File</button>
|
||||
</div>
|
||||
</div>
|
||||
<output id="list"></output><input id="files" multiple name="files[]" type="file" />
|
||||
</div>
|
||||
</div>
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
|
||||
<script src="js/index.js"></script></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Name</h1>
|
||||
</div>
|
||||
<div><input class="form-control" type="text" style="border-color: #364257;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 500px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-start align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Category</h1>
|
||||
</div>
|
||||
<div style="margin-left: 25px;width: 130.2656px;">
|
||||
<div class="dropdown"><button class="btn btn-primary disabled dropdown-toggle placeholder disabled" aria-expanded="false" data-bs-toggle="dropdown" type="button" style="background: rgba(37,37,37,0);color: var(--bs-gray-dark);border-style: none;width: 129.2656px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;text-align: left;" disabled="">CL </button>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="col d-xxl-flex justify-content-center align-items-xxl-center">
|
||||
<div><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-right: 10px;" data-bs-dismiss="modal">Save</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-left: 10px;" data-bs-dismiss="modal">Cancel</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-3" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">UPLOAD</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center">
|
||||
<div>
|
||||
<h1 id="transferee" style="color: rgb(0,0,0);font-size: 20px;">Proof of address issued within the last three months <br>(Transferee)</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div id="modal-open-4">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal-4" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div>
|
||||
<h1 style="text-align: center;font-size: 18px;color: #364257;">Upload Document</h1>
|
||||
</div>
|
||||
<div class="card" style="border-style: none;">
|
||||
<div class="card-body" style="border-style: none;">
|
||||
<div class="dashed_upload"><div class="wrapper">
|
||||
<div class="drop">
|
||||
<div class="cont">
|
||||
<img src="/themes/tailwind/images/clipboard-image-23.png" width="100px"/>
|
||||
<div class="tit">
|
||||
Drag and drop files here or choose file.<br>
|
||||
Accepted file types: Doc / PDF / JPG / PNG
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn" type="button" style="color: #364257;background: #F3CF5D;font-size: 15px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 40px;margin-top: 15px;">Choose File</button>
|
||||
</div>
|
||||
</div>
|
||||
<output id="list"></output><input id="files" multiple name="files[]" type="file" />
|
||||
</div>
|
||||
</div>
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
|
||||
<script src="js/index.js"></script></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Name</h1>
|
||||
</div>
|
||||
<div><input class="form-control" type="text" style="border-color: #364257;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 500px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-start align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Category</h1>
|
||||
</div>
|
||||
<div style="margin-left: 25px;width: 130.2656px;">
|
||||
<div class="dropdown"><button class="btn btn-primary disabled dropdown-toggle placeholder disabled" aria-expanded="false" data-bs-toggle="dropdown" type="button" style="background: rgba(37,37,37,0);color: var(--bs-gray-dark);border-style: none;width: 129.2656px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;text-align: left;" disabled="">CL </button>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="col d-xxl-flex justify-content-center align-items-xxl-center">
|
||||
<div><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-right: 10px;" data-bs-dismiss="modal">Save</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-left: 10px;" data-bs-dismiss="modal">Cancel</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-4" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">UPLOAD</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-end align-items-xxl-center">
|
||||
<div style="padding-right: 10px;">
|
||||
<div id="modal-open-2">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal-2" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-sm modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<h6 style="color: #364257;">Your enquiry submitted successfully</h6>
|
||||
</div>
|
||||
<div class="modal-footer d-xxl-flex justify-content-xxl-center align-items-xxl-center"><button class="btn" style="width: 200px;background: #9B0025;color: rgb(255,255,255);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;" type="button" data-bs-dismiss="modal">Back</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-2" style="background: #009B9A;border-style: none;color: var(--bs-card-bg);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 44px;">Save as draft</button>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-right: 10px;border-style: none;"><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;padding-top: 10px;padding-bottom: 10px;border-style: none;">Next</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;padding-top: 10px;padding-bottom: 10px;border-style: none;">Next</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,315 @@
|
||||
@extends('theme::user.layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="col">
|
||||
<div class="row" style="margin: 0px;">
|
||||
<div class="col-xxl-6 flex justify-start items-center" style="margin-top: 5px;margin-bottom: 20px;">
|
||||
<h1 style="white-space: nowrap;font-size: 24px;text-align: left;color: rgb(7,7,7);">Digital Transformation List</h1> 
|
||||
</div>
|
||||
<div class="col-xxl-6 flex justify-end" align="right" style="margin-top: 5px;margin-bottom: 20px">
|
||||
<button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">Apply for service</button>
|
||||
<a href="/company-secretary/document-library" class="btn btn-success" style="color: #FFFFFF;background: #009B9A;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">Document Library</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" style="border-bottom-left-radius: 35px;border-bottom-right-radius: 35px;">
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 650px; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; padding: 0px;">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="table-bordered">
|
||||
<th scope="col">Document Name</th>
|
||||
<th scope="col">Service</th>
|
||||
<th scope="col">Document Category</th>
|
||||
<th scope="col">Status</th>
|
||||
<th scope="col">Last Status Timestamp</th>
|
||||
<th scope="col">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td scope="row" class="flex items-center">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 55" fill="none">
|
||||
<g filter="url(#filter0_d_194_9675)">
|
||||
<path d="M36 9.94639V41.4633C36 42.2104 35.3875 42.8227 34.6401 42.8227H9.63323C8.88583 42.8227 8.27337 42.2104 8.27337 41.4633V5.35947C8.27337 4.61228 8.88583 4 9.63323 4H30.0519L36 9.94639Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M36 9.94577V41.4626C36 42.2098 35.3875 42.8221 34.6401 42.8221H32.6989C33.4463 42.8221 34.0588 42.2098 34.0588 41.4626V9.94577L28.1211 4.00977H30.0519L36 9.94577Z" fill="#E2E1DE"/>
|
||||
<path d="M36 9.94639H31.4118C30.6644 9.94639 30.0519 9.34448 30.0519 8.58692V4L36 9.94639Z" fill="#C9C9C9"/>
|
||||
<path d="M19.6194 16.1308H6V10.6202C6 10.2051 6.33218 9.87305 6.7474 9.87305H19.609C20.0242 9.87305 20.3564 10.2051 20.3564 10.6202V15.3836C20.3668 15.7883 20.0346 16.1308 19.6194 16.1308Z" fill="#4ACC97"/>
|
||||
<path d="M20.3668 15.2804V15.3738C20.3668 15.7889 20.0346 16.1314 19.609 16.1314H6V10.6209C6 10.2057 6.33218 9.86328 6.75778 9.86328H7.14187V11.8247C7.14187 13.7341 8.68858 15.2804 10.5986 15.2804H20.3668Z" fill="#38C487"/>
|
||||
<path d="M6 16.1309L8.28373 18.7253V16.1309H6Z" fill="#00B564"/>
|
||||
<path d="M18.5916 17.7601H8.28367V16.1309H19.5985V16.7639C19.5985 17.3139 19.1418 17.7601 18.5916 17.7601Z" fill="#E2E1DE"/>
|
||||
<path d="M8.1488 15.6741V14.9581C8.26299 14.9892 8.35642 15.01 8.44984 15.01C8.60555 15.01 8.71974 14.9685 8.7924 14.8751C8.86507 14.7921 8.89621 14.6364 8.89621 14.4185V11.2429H8.30451V10.5684H10.4637V11.2429H9.92389V14.46C9.92389 14.8958 9.82008 15.2279 9.60209 15.4355C9.3841 15.643 9.10382 15.7572 8.75088 15.7572C8.56403 15.7468 8.3668 15.7157 8.1488 15.6741Z" fill="white"/>
|
||||
<path d="M12.82 13.8587V14.5332H10.7335V13.8587H11.2421V11.2331H10.7335V10.5586H12.82C13.3078 10.5586 13.6815 10.6727 13.9514 10.9011C14.2213 11.1294 14.3459 11.4407 14.3459 11.8247C14.3459 12.0426 14.3044 12.2398 14.211 12.4266C14.1175 12.603 14.0033 12.7483 13.858 12.8417C13.7127 12.9351 13.5466 13.0077 13.3597 13.0389C13.1729 13.07 12.9341 13.0907 12.6539 13.0907H12.2698V13.8587H12.82ZM12.2698 12.4266H12.4255C12.7784 12.4266 13.0068 12.3643 13.1106 12.2501C13.2144 12.136 13.2663 11.9907 13.2663 11.8247C13.2663 11.6794 13.2352 11.5549 13.1625 11.4511C13.0899 11.3473 13.0068 11.285 12.9238 11.2643C12.8407 11.2435 12.685 11.2331 12.4774 11.2331H12.2802V12.4266H12.2698Z" fill="white"/>
|
||||
<path d="M17.2525 13.1943V12.5197H19.1107C19.1107 12.9971 19.0276 13.3811 18.8512 13.6613C18.6747 13.9415 18.4256 14.1594 18.0934 14.3254C17.7612 14.4915 17.3875 14.5641 16.9827 14.5641C16.2664 14.5641 15.7162 14.3773 15.3321 13.9934C14.9481 13.6094 14.7612 13.1216 14.7612 12.5301C14.7612 12.115 14.8546 11.7622 15.0415 11.4405C15.2283 11.1291 15.4878 10.8904 15.8096 10.7348C16.1314 10.5791 16.4844 10.4961 16.8581 10.4961C17.3875 10.4961 17.8027 10.6206 18.1038 10.8801V10.5584H18.7785V11.9697H18.1038C18.0311 11.731 17.8961 11.5442 17.6885 11.4093C17.4809 11.2744 17.2525 11.2018 17.0138 11.2018C16.7024 11.2018 16.4325 11.3159 16.2041 11.5339C15.9861 11.7622 15.8719 12.0631 15.8719 12.4575C15.8719 12.9141 15.9861 13.2565 16.2145 13.4849C16.4429 13.7235 16.7128 13.8377 17.0449 13.8377C17.2837 13.8377 17.4809 13.7754 17.6366 13.6613C17.7923 13.5471 17.9065 13.3811 17.9688 13.1735H17.2525V13.1943Z" fill="white"/>
|
||||
<path d="M32.263 39.1482H11.0243C10.6921 39.1482 10.4118 38.8783 10.4118 38.5359V21.6826C10.4118 21.3505 10.6817 21.0703 11.0243 21.0703H32.263C32.5952 21.0703 32.8755 21.3401 32.8755 21.6826V38.5462C32.8755 38.8783 32.5952 39.1482 32.263 39.1482Z" fill="#7CC8FB"/>
|
||||
<path d="M32.8755 27.4322C32.8755 27.4322 27.5087 24.101 22.8893 26.1558C22.3391 26.4048 21.8305 26.7265 21.353 27.1001C20.1592 28.0341 15.5087 31.2719 10.4118 29.3002V33.4512H32.8651V27.4322H32.8755Z" fill="#00B564"/>
|
||||
<path d="M10.4118 27.4322C10.4118 27.4322 15.7786 24.101 20.398 26.1558C20.9481 26.4048 21.4568 26.7265 21.9343 27.1001C23.1281 28.0341 27.7786 31.2719 32.8755 29.3002V33.4512H10.4118V27.4322Z" fill="#4ACC97"/>
|
||||
<path d="M32.0658 39.1498H11.2215C10.7751 39.1498 10.4118 38.7866 10.4118 38.3404V33.4629H32.8651V38.3404C32.8754 38.7866 32.5121 39.1498 32.0658 39.1498Z" fill="#41C0E3"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9675" x="0.273369" y="0" width="43.7266" height="54.8223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9675"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9675" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of DCR Ltd.CI
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong Limit...</td>
|
||||
<td>CI</td>
|
||||
<td>Submitted</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Properties</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td scope="row" class="flex items-center">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 56" fill="none">
|
||||
<g filter="url(#filter0_d_194_9768)">
|
||||
<path d="M36.0001 10.4041V41.9186C36.0001 42.6654 35.3906 43.2747 34.6436 43.2747H9.63711C8.89006 43.2747 8.28062 42.6654 8.28062 41.9186V5.82485C8.28062 5.07801 8.89006 4.46875 9.63711 4.46875H30.0532L36.0001 10.4041Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M35.9999 10.4041V41.9186C35.9999 42.6654 35.3904 43.2747 34.6434 43.2747H32.707C33.454 43.2747 34.0634 42.6654 34.0634 41.9186V10.4041L28.1264 4.46875H30.0628L35.9999 10.4041Z" fill="#E5E5E5"/>
|
||||
<path d="M35.9998 10.4041H31.4093C30.6623 10.4041 30.0529 9.79486 30.0529 9.04803V4.46875L35.9998 10.4041Z" fill="#CECECE"/>
|
||||
<path d="M30.2691 22.8443H14.1683C13.6276 22.8443 13.1853 22.4021 13.1853 21.8616C13.1853 21.3211 13.6276 20.8789 14.1683 20.8789H30.2691C30.8098 20.8789 31.2521 21.3211 31.2521 21.8616C31.2521 22.4119 30.8196 22.8443 30.2691 22.8443Z" fill="#CECECE"/>
|
||||
<path d="M30.2691 27.8853H14.1683C13.6276 27.8853 13.1853 27.4431 13.1853 26.9026C13.1853 26.3621 13.6276 25.9199 14.1683 25.9199H30.2691C30.8098 25.9199 31.2521 26.3621 31.2521 26.9026C31.2521 27.4529 30.8196 27.8853 30.2691 27.8853Z" fill="#CECECE"/>
|
||||
<path d="M30.2691 32.9263H14.1683C13.6276 32.9263 13.1853 32.4841 13.1853 31.9436C13.1853 31.4031 13.6276 30.9609 14.1683 30.9609H30.2691C30.8098 30.9609 31.2521 31.4031 31.2521 31.9436C31.2521 32.4939 30.8196 32.9263 30.2691 32.9263Z" fill="#CECECE"/>
|
||||
<path d="M19.6139 17.7343H5.99991V12.2215C5.99991 11.8088 6.33411 11.4648 6.75678 11.4648H19.6139C20.0267 11.4648 20.3708 11.799 20.3708 12.2215V16.9777C20.3708 17.3904 20.0366 17.7343 19.6139 17.7343Z" fill="#F55B4B"/>
|
||||
<path d="M20.3708 16.8794V16.9777C20.3708 17.3904 20.0366 17.7343 19.6139 17.7343H5.99991V12.2215C5.99991 11.8088 6.33411 11.4648 6.75678 11.4648H7.14014V13.4302C7.14014 15.3366 8.68339 16.8892 10.6002 16.8892H20.3708V16.8794Z" fill="#DD4E43"/>
|
||||
<path d="M5.99991 17.7344L8.28037 20.3286V17.7344H5.99991Z" fill="#DB1B1B"/>
|
||||
<path d="M9.68596 15.7897V16.4481H7.63157V15.7897H8.13288V13.2053H7.63157V12.5469H9.68596C10.1676 12.5469 10.5313 12.655 10.7967 12.881C11.0621 13.107 11.1899 13.4116 11.1899 13.785C11.1899 14.0012 11.1407 14.1978 11.0523 14.3747C10.9638 14.5515 10.8458 14.6891 10.6984 14.7776C10.551 14.8758 10.3937 14.9348 10.2069 14.9741C10.0202 15.0134 9.79408 15.0232 9.51885 15.0232H9.14533V15.7799H9.68596V15.7897ZM9.14533 14.3747H9.29277C9.63681 14.3747 9.86289 14.3157 9.96118 14.2076C10.0595 14.0995 10.1086 13.9521 10.1086 13.785C10.1086 13.6475 10.0693 13.5197 10.0005 13.4215C9.93169 13.3232 9.85306 13.2642 9.76459 13.2347C9.67613 13.2151 9.52868 13.1954 9.32226 13.1954H9.1355V14.3747H9.14533Z" fill="white"/>
|
||||
<path d="M11.4258 16.4481V15.7897H12.0155V13.2053H11.4258V12.5469H13.2737C13.6669 12.5469 13.9716 12.5665 14.2174 12.6157C14.4533 12.6648 14.6794 12.7729 14.8956 12.9301C15.1119 13.0972 15.2888 13.3134 15.4166 13.5885C15.5444 13.8637 15.6132 14.1683 15.6132 14.5024C15.6132 14.7776 15.564 15.033 15.4756 15.2787C15.3871 15.5244 15.2691 15.7209 15.1315 15.8782C14.9939 16.0256 14.8366 16.1533 14.64 16.2417C14.4533 16.3302 14.2763 16.3891 14.1191 16.4186C13.9618 16.4481 13.7161 16.4579 13.3819 16.4579H11.4258V16.4481ZM13.0378 15.7897H13.2836C13.5784 15.7897 13.8144 15.7504 13.9913 15.6718C14.1682 15.5932 14.3058 15.4556 14.4041 15.2689C14.5123 15.0724 14.5614 14.8267 14.5614 14.5122C14.5614 14.2174 14.5123 13.9619 14.4041 13.7556C14.296 13.5492 14.1584 13.4018 13.9716 13.3232C13.7947 13.2446 13.5588 13.2053 13.2836 13.2053H13.0378V15.7897Z" fill="white"/>
|
||||
<path d="M16.0654 16.4481V15.7897H16.6257V13.2053H16.0654V12.5469H19.5647V13.7556H18.8177V13.2151H17.6479V14.1192H18.4933V14.7776H17.6479V15.7897H18.2475V16.4481H16.0654Z" fill="white"/>
|
||||
<path d="M18.1199 19.5622H8.29033V17.7344H19.6632V18.0292C19.6533 18.8743 18.9653 19.5622 18.1199 19.5622Z" fill="#E5E5E5"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9768" x="0.280624" y="0.46875" width="43.7195" height="54.8066" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9768"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9768" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of DCR Ltd.BR
|
||||
</td>
|
||||
<td>Change Company Name</td>
|
||||
<td>BR</td>
|
||||
<td>Reviewing</td>
|
||||
<td>20230515-13:26</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Properties</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td scope="row" class="flex items-center">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 55" fill="none">
|
||||
<g filter="url(#filter0_d_194_9675)">
|
||||
<path d="M36 9.94639V41.4633C36 42.2104 35.3875 42.8227 34.6401 42.8227H9.63323C8.88583 42.8227 8.27337 42.2104 8.27337 41.4633V5.35947C8.27337 4.61228 8.88583 4 9.63323 4H30.0519L36 9.94639Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M36 9.94577V41.4626C36 42.2098 35.3875 42.8221 34.6401 42.8221H32.6989C33.4463 42.8221 34.0588 42.2098 34.0588 41.4626V9.94577L28.1211 4.00977H30.0519L36 9.94577Z" fill="#E2E1DE"/>
|
||||
<path d="M36 9.94639H31.4118C30.6644 9.94639 30.0519 9.34448 30.0519 8.58692V4L36 9.94639Z" fill="#C9C9C9"/>
|
||||
<path d="M19.6194 16.1308H6V10.6202C6 10.2051 6.33218 9.87305 6.7474 9.87305H19.609C20.0242 9.87305 20.3564 10.2051 20.3564 10.6202V15.3836C20.3668 15.7883 20.0346 16.1308 19.6194 16.1308Z" fill="#4ACC97"/>
|
||||
<path d="M20.3668 15.2804V15.3738C20.3668 15.7889 20.0346 16.1314 19.609 16.1314H6V10.6209C6 10.2057 6.33218 9.86328 6.75778 9.86328H7.14187V11.8247C7.14187 13.7341 8.68858 15.2804 10.5986 15.2804H20.3668Z" fill="#38C487"/>
|
||||
<path d="M6 16.1309L8.28373 18.7253V16.1309H6Z" fill="#00B564"/>
|
||||
<path d="M18.5916 17.7601H8.28367V16.1309H19.5985V16.7639C19.5985 17.3139 19.1418 17.7601 18.5916 17.7601Z" fill="#E2E1DE"/>
|
||||
<path d="M8.1488 15.6741V14.9581C8.26299 14.9892 8.35642 15.01 8.44984 15.01C8.60555 15.01 8.71974 14.9685 8.7924 14.8751C8.86507 14.7921 8.89621 14.6364 8.89621 14.4185V11.2429H8.30451V10.5684H10.4637V11.2429H9.92389V14.46C9.92389 14.8958 9.82008 15.2279 9.60209 15.4355C9.3841 15.643 9.10382 15.7572 8.75088 15.7572C8.56403 15.7468 8.3668 15.7157 8.1488 15.6741Z" fill="white"/>
|
||||
<path d="M12.82 13.8587V14.5332H10.7335V13.8587H11.2421V11.2331H10.7335V10.5586H12.82C13.3078 10.5586 13.6815 10.6727 13.9514 10.9011C14.2213 11.1294 14.3459 11.4407 14.3459 11.8247C14.3459 12.0426 14.3044 12.2398 14.211 12.4266C14.1175 12.603 14.0033 12.7483 13.858 12.8417C13.7127 12.9351 13.5466 13.0077 13.3597 13.0389C13.1729 13.07 12.9341 13.0907 12.6539 13.0907H12.2698V13.8587H12.82ZM12.2698 12.4266H12.4255C12.7784 12.4266 13.0068 12.3643 13.1106 12.2501C13.2144 12.136 13.2663 11.9907 13.2663 11.8247C13.2663 11.6794 13.2352 11.5549 13.1625 11.4511C13.0899 11.3473 13.0068 11.285 12.9238 11.2643C12.8407 11.2435 12.685 11.2331 12.4774 11.2331H12.2802V12.4266H12.2698Z" fill="white"/>
|
||||
<path d="M17.2525 13.1943V12.5197H19.1107C19.1107 12.9971 19.0276 13.3811 18.8512 13.6613C18.6747 13.9415 18.4256 14.1594 18.0934 14.3254C17.7612 14.4915 17.3875 14.5641 16.9827 14.5641C16.2664 14.5641 15.7162 14.3773 15.3321 13.9934C14.9481 13.6094 14.7612 13.1216 14.7612 12.5301C14.7612 12.115 14.8546 11.7622 15.0415 11.4405C15.2283 11.1291 15.4878 10.8904 15.8096 10.7348C16.1314 10.5791 16.4844 10.4961 16.8581 10.4961C17.3875 10.4961 17.8027 10.6206 18.1038 10.8801V10.5584H18.7785V11.9697H18.1038C18.0311 11.731 17.8961 11.5442 17.6885 11.4093C17.4809 11.2744 17.2525 11.2018 17.0138 11.2018C16.7024 11.2018 16.4325 11.3159 16.2041 11.5339C15.9861 11.7622 15.8719 12.0631 15.8719 12.4575C15.8719 12.9141 15.9861 13.2565 16.2145 13.4849C16.4429 13.7235 16.7128 13.8377 17.0449 13.8377C17.2837 13.8377 17.4809 13.7754 17.6366 13.6613C17.7923 13.5471 17.9065 13.3811 17.9688 13.1735H17.2525V13.1943Z" fill="white"/>
|
||||
<path d="M32.263 39.1482H11.0243C10.6921 39.1482 10.4118 38.8783 10.4118 38.5359V21.6826C10.4118 21.3505 10.6817 21.0703 11.0243 21.0703H32.263C32.5952 21.0703 32.8755 21.3401 32.8755 21.6826V38.5462C32.8755 38.8783 32.5952 39.1482 32.263 39.1482Z" fill="#7CC8FB"/>
|
||||
<path d="M32.8755 27.4322C32.8755 27.4322 27.5087 24.101 22.8893 26.1558C22.3391 26.4048 21.8305 26.7265 21.353 27.1001C20.1592 28.0341 15.5087 31.2719 10.4118 29.3002V33.4512H32.8651V27.4322H32.8755Z" fill="#00B564"/>
|
||||
<path d="M10.4118 27.4322C10.4118 27.4322 15.7786 24.101 20.398 26.1558C20.9481 26.4048 21.4568 26.7265 21.9343 27.1001C23.1281 28.0341 27.7786 31.2719 32.8755 29.3002V33.4512H10.4118V27.4322Z" fill="#4ACC97"/>
|
||||
<path d="M32.0658 39.1498H11.2215C10.7751 39.1498 10.4118 38.7866 10.4118 38.3404V33.4629H32.8651V38.3404C32.8754 38.7866 32.5121 39.1498 32.0658 39.1498Z" fill="#41C0E3"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9675" x="0.273369" y="0" width="43.7266" height="54.8223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9675"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9675" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of Lee HKID
|
||||
</td>
|
||||
<td>Change Company Name</td>
|
||||
<td>HKID</td>
|
||||
<td><span style="color: #2C21FE">In Progress</span></td>
|
||||
<td>20230515-13:56</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Properties</a></td>
|
||||
</tr>
|
||||
<tr style="background-color: #F5AE97; color: #000000;">
|
||||
<td scope="row" class="flex items-center">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 55" fill="none">
|
||||
<g filter="url(#filter0_d_194_9675)">
|
||||
<path d="M36 9.94639V41.4633C36 42.2104 35.3875 42.8227 34.6401 42.8227H9.63323C8.88583 42.8227 8.27337 42.2104 8.27337 41.4633V5.35947C8.27337 4.61228 8.88583 4 9.63323 4H30.0519L36 9.94639Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M36 9.94577V41.4626C36 42.2098 35.3875 42.8221 34.6401 42.8221H32.6989C33.4463 42.8221 34.0588 42.2098 34.0588 41.4626V9.94577L28.1211 4.00977H30.0519L36 9.94577Z" fill="#E2E1DE"/>
|
||||
<path d="M36 9.94639H31.4118C30.6644 9.94639 30.0519 9.34448 30.0519 8.58692V4L36 9.94639Z" fill="#C9C9C9"/>
|
||||
<path d="M19.6194 16.1308H6V10.6202C6 10.2051 6.33218 9.87305 6.7474 9.87305H19.609C20.0242 9.87305 20.3564 10.2051 20.3564 10.6202V15.3836C20.3668 15.7883 20.0346 16.1308 19.6194 16.1308Z" fill="#4ACC97"/>
|
||||
<path d="M20.3668 15.2804V15.3738C20.3668 15.7889 20.0346 16.1314 19.609 16.1314H6V10.6209C6 10.2057 6.33218 9.86328 6.75778 9.86328H7.14187V11.8247C7.14187 13.7341 8.68858 15.2804 10.5986 15.2804H20.3668Z" fill="#38C487"/>
|
||||
<path d="M6 16.1309L8.28373 18.7253V16.1309H6Z" fill="#00B564"/>
|
||||
<path d="M18.5916 17.7601H8.28367V16.1309H19.5985V16.7639C19.5985 17.3139 19.1418 17.7601 18.5916 17.7601Z" fill="#E2E1DE"/>
|
||||
<path d="M8.1488 15.6741V14.9581C8.26299 14.9892 8.35642 15.01 8.44984 15.01C8.60555 15.01 8.71974 14.9685 8.7924 14.8751C8.86507 14.7921 8.89621 14.6364 8.89621 14.4185V11.2429H8.30451V10.5684H10.4637V11.2429H9.92389V14.46C9.92389 14.8958 9.82008 15.2279 9.60209 15.4355C9.3841 15.643 9.10382 15.7572 8.75088 15.7572C8.56403 15.7468 8.3668 15.7157 8.1488 15.6741Z" fill="white"/>
|
||||
<path d="M12.82 13.8587V14.5332H10.7335V13.8587H11.2421V11.2331H10.7335V10.5586H12.82C13.3078 10.5586 13.6815 10.6727 13.9514 10.9011C14.2213 11.1294 14.3459 11.4407 14.3459 11.8247C14.3459 12.0426 14.3044 12.2398 14.211 12.4266C14.1175 12.603 14.0033 12.7483 13.858 12.8417C13.7127 12.9351 13.5466 13.0077 13.3597 13.0389C13.1729 13.07 12.9341 13.0907 12.6539 13.0907H12.2698V13.8587H12.82ZM12.2698 12.4266H12.4255C12.7784 12.4266 13.0068 12.3643 13.1106 12.2501C13.2144 12.136 13.2663 11.9907 13.2663 11.8247C13.2663 11.6794 13.2352 11.5549 13.1625 11.4511C13.0899 11.3473 13.0068 11.285 12.9238 11.2643C12.8407 11.2435 12.685 11.2331 12.4774 11.2331H12.2802V12.4266H12.2698Z" fill="white"/>
|
||||
<path d="M17.2525 13.1943V12.5197H19.1107C19.1107 12.9971 19.0276 13.3811 18.8512 13.6613C18.6747 13.9415 18.4256 14.1594 18.0934 14.3254C17.7612 14.4915 17.3875 14.5641 16.9827 14.5641C16.2664 14.5641 15.7162 14.3773 15.3321 13.9934C14.9481 13.6094 14.7612 13.1216 14.7612 12.5301C14.7612 12.115 14.8546 11.7622 15.0415 11.4405C15.2283 11.1291 15.4878 10.8904 15.8096 10.7348C16.1314 10.5791 16.4844 10.4961 16.8581 10.4961C17.3875 10.4961 17.8027 10.6206 18.1038 10.8801V10.5584H18.7785V11.9697H18.1038C18.0311 11.731 17.8961 11.5442 17.6885 11.4093C17.4809 11.2744 17.2525 11.2018 17.0138 11.2018C16.7024 11.2018 16.4325 11.3159 16.2041 11.5339C15.9861 11.7622 15.8719 12.0631 15.8719 12.4575C15.8719 12.9141 15.9861 13.2565 16.2145 13.4849C16.4429 13.7235 16.7128 13.8377 17.0449 13.8377C17.2837 13.8377 17.4809 13.7754 17.6366 13.6613C17.7923 13.5471 17.9065 13.3811 17.9688 13.1735H17.2525V13.1943Z" fill="white"/>
|
||||
<path d="M32.263 39.1482H11.0243C10.6921 39.1482 10.4118 38.8783 10.4118 38.5359V21.6826C10.4118 21.3505 10.6817 21.0703 11.0243 21.0703H32.263C32.5952 21.0703 32.8755 21.3401 32.8755 21.6826V38.5462C32.8755 38.8783 32.5952 39.1482 32.263 39.1482Z" fill="#7CC8FB"/>
|
||||
<path d="M32.8755 27.4322C32.8755 27.4322 27.5087 24.101 22.8893 26.1558C22.3391 26.4048 21.8305 26.7265 21.353 27.1001C20.1592 28.0341 15.5087 31.2719 10.4118 29.3002V33.4512H32.8651V27.4322H32.8755Z" fill="#00B564"/>
|
||||
<path d="M10.4118 27.4322C10.4118 27.4322 15.7786 24.101 20.398 26.1558C20.9481 26.4048 21.4568 26.7265 21.9343 27.1001C23.1281 28.0341 27.7786 31.2719 32.8755 29.3002V33.4512H10.4118V27.4322Z" fill="#4ACC97"/>
|
||||
<path d="M32.0658 39.1498H11.2215C10.7751 39.1498 10.4118 38.7866 10.4118 38.3404V33.4629H32.8651V38.3404C32.8754 38.7866 32.5121 39.1498 32.0658 39.1498Z" fill="#41C0E3"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9675" x="0.273369" y="0" width="43.7266" height="54.8223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9675"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9675" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of Chan HKID
|
||||
</td>
|
||||
<td>Change of Company and Director...</td>
|
||||
<td>HKID</td>
|
||||
<td class="flex items-center">
|
||||
Failed
|
||||
<svg style="width: 50px;" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="flag-2">
|
||||
<g id="Vector">
|
||||
<path d="M7 4.96094L15.4052 7.38401C18.8295 8.35325 18.8295 10.0148 15.6127 11.1225L7 13.9609" fill="#FF0000"/>
|
||||
<path d="M7 4.96094L15.4052 7.38401C18.8295 8.35325 18.8295 10.0148 15.6127 11.1225L7 13.9609" stroke="#FF0000" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<path id="Vector_2" d="M6.44995 2.96094V22.9609" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
<span style="color: #F00">Reupload</span>
|
||||
</td>
|
||||
<td>20230515-12:55</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Properties</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- List Properties Modal --}}
|
||||
<div class="modal fade custom-modal style2" id="listPropertiesModal" tabindex="-1" aria-labelledby="listPropertiesModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title">Properties</p>
|
||||
<div class="col">
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-3 offset-xxl-0 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Document Name:</h1>
|
||||
</div>
|
||||
<div class="col" style="width: 765px;">
|
||||
Copy of DCE Ltd.CI.jpg
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Original Name:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
DCE Ltd.CI.jpg
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Document ID:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
202305151356-5
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Document Type:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
Company Secretary
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Document Category:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
CI
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Status:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
Completed
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Last status timestamp:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
20230515-14:43
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col">
|
||||
<hr class="new2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Company Name:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
DCE Food Delivery Ltd
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Company ID:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
202302
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Uploaded on:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
2023/05/14 - 13:36
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Uploaded by:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
Mary Chan
|
||||
</div>
|
||||
</div>
|
||||
<div class="row flex justify-center items-center" style="margin-top: 20px;">
|
||||
<button class="btn" style="width: 200px;background: #9B0025;color: rgb(255,255,255);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;" type="button" data-bs-dismiss="modal">Back</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,349 @@
|
||||
@extends('theme::user.layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="col">
|
||||
<div class="row" style="margin: 0px;">
|
||||
<div class="col-xxl-9 flex justify-start items-center" style="margin-top: 5px;margin-bottom: 20px;">
|
||||
<h1 style="white-space: nowrap;font-size: 18px;text-align: left;color: rgb(7,7,7);">Document Record Search</h1> 
|
||||
<div class="flex items-center relative w-full">
|
||||
<button data-bs-toggle="modal" data-bs-target="#filterModal" class="absolute">
|
||||
<svg style="margin-top: -10px;" class="absolute ml-2 w-6 h-6" width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="setting-4">
|
||||
<path id="Vector" d="M31.1665 9.20898H22.6665" stroke="#364257" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M8.50016 9.20898H2.8335" stroke="#364257" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_3" d="M14.1668 14.1667C16.9052 14.1667 19.1252 11.9467 19.1252 9.20833C19.1252 6.46992 16.9052 4.25 14.1668 4.25C11.4284 4.25 9.2085 6.46992 9.2085 9.20833C9.2085 11.9467 11.4284 14.1667 14.1668 14.1667Z" stroke="#364257" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_4" d="M31.1667 24.791H25.5" stroke="#364257" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_5" d="M11.3335 24.791H2.8335" stroke="#364257" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_6" d="M19.8333 29.7507C22.5717 29.7507 24.7917 27.5307 24.7917 24.7923C24.7917 22.0539 22.5717 19.834 19.8333 19.834C17.0949 19.834 14.875 22.0539 14.875 24.7923C14.875 27.5307 17.0949 29.7507 19.8333 29.7507Z" stroke="#364257" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
</button>
|
||||
<input class="w-full form-control" type="text" style="padding-left: 40px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);">
|
||||
</div>
|
||||
<button class="btn btn-success" type="button" data-bs-toggle="modal" data-bs-target="#Modal" style="font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 300px; height: 50px;">Search</button>
|
||||
</div>
|
||||
<div class="col-xxl-3 flex justify-end" align="right" style="margin-top: 5px;margin-bottom: 20px">
|
||||
<a href="/company-secretary/service-list" class="btn btn-warning" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">Back to list</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" style="border-bottom-left-radius: 35px;border-bottom-right-radius: 35px;">
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 650px; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; padding: 0px;">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="table-bordered">
|
||||
<th scope="col">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
||||
Document Name
|
||||
</div>
|
||||
</th>
|
||||
<th scope="col">Service</th>
|
||||
<th scope="col">Document Category</th>
|
||||
<th scope="col">File Size</th>
|
||||
<th scope="col">Date Uploaded</th>
|
||||
<th scope="col">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td scope="row" class="flex items-center">
|
||||
<div class="form-check flex items-center">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 55" fill="none">
|
||||
<g filter="url(#filter0_d_194_9675)">
|
||||
<path d="M36 9.94639V41.4633C36 42.2104 35.3875 42.8227 34.6401 42.8227H9.63323C8.88583 42.8227 8.27337 42.2104 8.27337 41.4633V5.35947C8.27337 4.61228 8.88583 4 9.63323 4H30.0519L36 9.94639Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M36 9.94577V41.4626C36 42.2098 35.3875 42.8221 34.6401 42.8221H32.6989C33.4463 42.8221 34.0588 42.2098 34.0588 41.4626V9.94577L28.1211 4.00977H30.0519L36 9.94577Z" fill="#E2E1DE"/>
|
||||
<path d="M36 9.94639H31.4118C30.6644 9.94639 30.0519 9.34448 30.0519 8.58692V4L36 9.94639Z" fill="#C9C9C9"/>
|
||||
<path d="M19.6194 16.1308H6V10.6202C6 10.2051 6.33218 9.87305 6.7474 9.87305H19.609C20.0242 9.87305 20.3564 10.2051 20.3564 10.6202V15.3836C20.3668 15.7883 20.0346 16.1308 19.6194 16.1308Z" fill="#4ACC97"/>
|
||||
<path d="M20.3668 15.2804V15.3738C20.3668 15.7889 20.0346 16.1314 19.609 16.1314H6V10.6209C6 10.2057 6.33218 9.86328 6.75778 9.86328H7.14187V11.8247C7.14187 13.7341 8.68858 15.2804 10.5986 15.2804H20.3668Z" fill="#38C487"/>
|
||||
<path d="M6 16.1309L8.28373 18.7253V16.1309H6Z" fill="#00B564"/>
|
||||
<path d="M18.5916 17.7601H8.28367V16.1309H19.5985V16.7639C19.5985 17.3139 19.1418 17.7601 18.5916 17.7601Z" fill="#E2E1DE"/>
|
||||
<path d="M8.1488 15.6741V14.9581C8.26299 14.9892 8.35642 15.01 8.44984 15.01C8.60555 15.01 8.71974 14.9685 8.7924 14.8751C8.86507 14.7921 8.89621 14.6364 8.89621 14.4185V11.2429H8.30451V10.5684H10.4637V11.2429H9.92389V14.46C9.92389 14.8958 9.82008 15.2279 9.60209 15.4355C9.3841 15.643 9.10382 15.7572 8.75088 15.7572C8.56403 15.7468 8.3668 15.7157 8.1488 15.6741Z" fill="white"/>
|
||||
<path d="M12.82 13.8587V14.5332H10.7335V13.8587H11.2421V11.2331H10.7335V10.5586H12.82C13.3078 10.5586 13.6815 10.6727 13.9514 10.9011C14.2213 11.1294 14.3459 11.4407 14.3459 11.8247C14.3459 12.0426 14.3044 12.2398 14.211 12.4266C14.1175 12.603 14.0033 12.7483 13.858 12.8417C13.7127 12.9351 13.5466 13.0077 13.3597 13.0389C13.1729 13.07 12.9341 13.0907 12.6539 13.0907H12.2698V13.8587H12.82ZM12.2698 12.4266H12.4255C12.7784 12.4266 13.0068 12.3643 13.1106 12.2501C13.2144 12.136 13.2663 11.9907 13.2663 11.8247C13.2663 11.6794 13.2352 11.5549 13.1625 11.4511C13.0899 11.3473 13.0068 11.285 12.9238 11.2643C12.8407 11.2435 12.685 11.2331 12.4774 11.2331H12.2802V12.4266H12.2698Z" fill="white"/>
|
||||
<path d="M17.2525 13.1943V12.5197H19.1107C19.1107 12.9971 19.0276 13.3811 18.8512 13.6613C18.6747 13.9415 18.4256 14.1594 18.0934 14.3254C17.7612 14.4915 17.3875 14.5641 16.9827 14.5641C16.2664 14.5641 15.7162 14.3773 15.3321 13.9934C14.9481 13.6094 14.7612 13.1216 14.7612 12.5301C14.7612 12.115 14.8546 11.7622 15.0415 11.4405C15.2283 11.1291 15.4878 10.8904 15.8096 10.7348C16.1314 10.5791 16.4844 10.4961 16.8581 10.4961C17.3875 10.4961 17.8027 10.6206 18.1038 10.8801V10.5584H18.7785V11.9697H18.1038C18.0311 11.731 17.8961 11.5442 17.6885 11.4093C17.4809 11.2744 17.2525 11.2018 17.0138 11.2018C16.7024 11.2018 16.4325 11.3159 16.2041 11.5339C15.9861 11.7622 15.8719 12.0631 15.8719 12.4575C15.8719 12.9141 15.9861 13.2565 16.2145 13.4849C16.4429 13.7235 16.7128 13.8377 17.0449 13.8377C17.2837 13.8377 17.4809 13.7754 17.6366 13.6613C17.7923 13.5471 17.9065 13.3811 17.9688 13.1735H17.2525V13.1943Z" fill="white"/>
|
||||
<path d="M32.263 39.1482H11.0243C10.6921 39.1482 10.4118 38.8783 10.4118 38.5359V21.6826C10.4118 21.3505 10.6817 21.0703 11.0243 21.0703H32.263C32.5952 21.0703 32.8755 21.3401 32.8755 21.6826V38.5462C32.8755 38.8783 32.5952 39.1482 32.263 39.1482Z" fill="#7CC8FB"/>
|
||||
<path d="M32.8755 27.4322C32.8755 27.4322 27.5087 24.101 22.8893 26.1558C22.3391 26.4048 21.8305 26.7265 21.353 27.1001C20.1592 28.0341 15.5087 31.2719 10.4118 29.3002V33.4512H32.8651V27.4322H32.8755Z" fill="#00B564"/>
|
||||
<path d="M10.4118 27.4322C10.4118 27.4322 15.7786 24.101 20.398 26.1558C20.9481 26.4048 21.4568 26.7265 21.9343 27.1001C23.1281 28.0341 27.7786 31.2719 32.8755 29.3002V33.4512H10.4118V27.4322Z" fill="#4ACC97"/>
|
||||
<path d="M32.0658 39.1498H11.2215C10.7751 39.1498 10.4118 38.7866 10.4118 38.3404V33.4629H32.8651V38.3404C32.8754 38.7866 32.5121 39.1498 32.0658 39.1498Z" fill="#41C0E3"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9675" x="0.273369" y="0" width="43.7266" height="54.8223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9675"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9675" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of DCR Ltd.CI
|
||||
</div>
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong Limit...</td>
|
||||
<td>CI</td>
|
||||
<td><span style="color: #009B9A;;">234KB</span></td>
|
||||
<td>20230515</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td scope="row" class="flex items-center">
|
||||
<div class="form-check flex items-center">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 56" fill="none">
|
||||
<g filter="url(#filter0_d_194_9768)">
|
||||
<path d="M36.0001 10.4041V41.9186C36.0001 42.6654 35.3906 43.2747 34.6436 43.2747H9.63711C8.89006 43.2747 8.28062 42.6654 8.28062 41.9186V5.82485C8.28062 5.07801 8.89006 4.46875 9.63711 4.46875H30.0532L36.0001 10.4041Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M35.9999 10.4041V41.9186C35.9999 42.6654 35.3904 43.2747 34.6434 43.2747H32.707C33.454 43.2747 34.0634 42.6654 34.0634 41.9186V10.4041L28.1264 4.46875H30.0628L35.9999 10.4041Z" fill="#E5E5E5"/>
|
||||
<path d="M35.9998 10.4041H31.4093C30.6623 10.4041 30.0529 9.79486 30.0529 9.04803V4.46875L35.9998 10.4041Z" fill="#CECECE"/>
|
||||
<path d="M30.2691 22.8443H14.1683C13.6276 22.8443 13.1853 22.4021 13.1853 21.8616C13.1853 21.3211 13.6276 20.8789 14.1683 20.8789H30.2691C30.8098 20.8789 31.2521 21.3211 31.2521 21.8616C31.2521 22.4119 30.8196 22.8443 30.2691 22.8443Z" fill="#CECECE"/>
|
||||
<path d="M30.2691 27.8853H14.1683C13.6276 27.8853 13.1853 27.4431 13.1853 26.9026C13.1853 26.3621 13.6276 25.9199 14.1683 25.9199H30.2691C30.8098 25.9199 31.2521 26.3621 31.2521 26.9026C31.2521 27.4529 30.8196 27.8853 30.2691 27.8853Z" fill="#CECECE"/>
|
||||
<path d="M30.2691 32.9263H14.1683C13.6276 32.9263 13.1853 32.4841 13.1853 31.9436C13.1853 31.4031 13.6276 30.9609 14.1683 30.9609H30.2691C30.8098 30.9609 31.2521 31.4031 31.2521 31.9436C31.2521 32.4939 30.8196 32.9263 30.2691 32.9263Z" fill="#CECECE"/>
|
||||
<path d="M19.6139 17.7343H5.99991V12.2215C5.99991 11.8088 6.33411 11.4648 6.75678 11.4648H19.6139C20.0267 11.4648 20.3708 11.799 20.3708 12.2215V16.9777C20.3708 17.3904 20.0366 17.7343 19.6139 17.7343Z" fill="#F55B4B"/>
|
||||
<path d="M20.3708 16.8794V16.9777C20.3708 17.3904 20.0366 17.7343 19.6139 17.7343H5.99991V12.2215C5.99991 11.8088 6.33411 11.4648 6.75678 11.4648H7.14014V13.4302C7.14014 15.3366 8.68339 16.8892 10.6002 16.8892H20.3708V16.8794Z" fill="#DD4E43"/>
|
||||
<path d="M5.99991 17.7344L8.28037 20.3286V17.7344H5.99991Z" fill="#DB1B1B"/>
|
||||
<path d="M9.68596 15.7897V16.4481H7.63157V15.7897H8.13288V13.2053H7.63157V12.5469H9.68596C10.1676 12.5469 10.5313 12.655 10.7967 12.881C11.0621 13.107 11.1899 13.4116 11.1899 13.785C11.1899 14.0012 11.1407 14.1978 11.0523 14.3747C10.9638 14.5515 10.8458 14.6891 10.6984 14.7776C10.551 14.8758 10.3937 14.9348 10.2069 14.9741C10.0202 15.0134 9.79408 15.0232 9.51885 15.0232H9.14533V15.7799H9.68596V15.7897ZM9.14533 14.3747H9.29277C9.63681 14.3747 9.86289 14.3157 9.96118 14.2076C10.0595 14.0995 10.1086 13.9521 10.1086 13.785C10.1086 13.6475 10.0693 13.5197 10.0005 13.4215C9.93169 13.3232 9.85306 13.2642 9.76459 13.2347C9.67613 13.2151 9.52868 13.1954 9.32226 13.1954H9.1355V14.3747H9.14533Z" fill="white"/>
|
||||
<path d="M11.4258 16.4481V15.7897H12.0155V13.2053H11.4258V12.5469H13.2737C13.6669 12.5469 13.9716 12.5665 14.2174 12.6157C14.4533 12.6648 14.6794 12.7729 14.8956 12.9301C15.1119 13.0972 15.2888 13.3134 15.4166 13.5885C15.5444 13.8637 15.6132 14.1683 15.6132 14.5024C15.6132 14.7776 15.564 15.033 15.4756 15.2787C15.3871 15.5244 15.2691 15.7209 15.1315 15.8782C14.9939 16.0256 14.8366 16.1533 14.64 16.2417C14.4533 16.3302 14.2763 16.3891 14.1191 16.4186C13.9618 16.4481 13.7161 16.4579 13.3819 16.4579H11.4258V16.4481ZM13.0378 15.7897H13.2836C13.5784 15.7897 13.8144 15.7504 13.9913 15.6718C14.1682 15.5932 14.3058 15.4556 14.4041 15.2689C14.5123 15.0724 14.5614 14.8267 14.5614 14.5122C14.5614 14.2174 14.5123 13.9619 14.4041 13.7556C14.296 13.5492 14.1584 13.4018 13.9716 13.3232C13.7947 13.2446 13.5588 13.2053 13.2836 13.2053H13.0378V15.7897Z" fill="white"/>
|
||||
<path d="M16.0654 16.4481V15.7897H16.6257V13.2053H16.0654V12.5469H19.5647V13.7556H18.8177V13.2151H17.6479V14.1192H18.4933V14.7776H17.6479V15.7897H18.2475V16.4481H16.0654Z" fill="white"/>
|
||||
<path d="M18.1199 19.5622H8.29033V17.7344H19.6632V18.0292C19.6533 18.8743 18.9653 19.5622 18.1199 19.5622Z" fill="#E5E5E5"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9768" x="0.280624" y="0.46875" width="43.7195" height="54.8066" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9768"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9768" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of DCR Ltd.BR
|
||||
</div>
|
||||
</td>
|
||||
<td>Change Company Name</td>
|
||||
<td>BR</td>
|
||||
<td><span style="color: #009B9A;;">234KB</span></td>
|
||||
<td>20230515</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td scope="row" class="flex items-center">
|
||||
<div class="form-check flex items-center">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 55" fill="none">
|
||||
<g filter="url(#filter0_d_194_9675)">
|
||||
<path d="M36 9.94639V41.4633C36 42.2104 35.3875 42.8227 34.6401 42.8227H9.63323C8.88583 42.8227 8.27337 42.2104 8.27337 41.4633V5.35947C8.27337 4.61228 8.88583 4 9.63323 4H30.0519L36 9.94639Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M36 9.94577V41.4626C36 42.2098 35.3875 42.8221 34.6401 42.8221H32.6989C33.4463 42.8221 34.0588 42.2098 34.0588 41.4626V9.94577L28.1211 4.00977H30.0519L36 9.94577Z" fill="#E2E1DE"/>
|
||||
<path d="M36 9.94639H31.4118C30.6644 9.94639 30.0519 9.34448 30.0519 8.58692V4L36 9.94639Z" fill="#C9C9C9"/>
|
||||
<path d="M19.6194 16.1308H6V10.6202C6 10.2051 6.33218 9.87305 6.7474 9.87305H19.609C20.0242 9.87305 20.3564 10.2051 20.3564 10.6202V15.3836C20.3668 15.7883 20.0346 16.1308 19.6194 16.1308Z" fill="#4ACC97"/>
|
||||
<path d="M20.3668 15.2804V15.3738C20.3668 15.7889 20.0346 16.1314 19.609 16.1314H6V10.6209C6 10.2057 6.33218 9.86328 6.75778 9.86328H7.14187V11.8247C7.14187 13.7341 8.68858 15.2804 10.5986 15.2804H20.3668Z" fill="#38C487"/>
|
||||
<path d="M6 16.1309L8.28373 18.7253V16.1309H6Z" fill="#00B564"/>
|
||||
<path d="M18.5916 17.7601H8.28367V16.1309H19.5985V16.7639C19.5985 17.3139 19.1418 17.7601 18.5916 17.7601Z" fill="#E2E1DE"/>
|
||||
<path d="M8.1488 15.6741V14.9581C8.26299 14.9892 8.35642 15.01 8.44984 15.01C8.60555 15.01 8.71974 14.9685 8.7924 14.8751C8.86507 14.7921 8.89621 14.6364 8.89621 14.4185V11.2429H8.30451V10.5684H10.4637V11.2429H9.92389V14.46C9.92389 14.8958 9.82008 15.2279 9.60209 15.4355C9.3841 15.643 9.10382 15.7572 8.75088 15.7572C8.56403 15.7468 8.3668 15.7157 8.1488 15.6741Z" fill="white"/>
|
||||
<path d="M12.82 13.8587V14.5332H10.7335V13.8587H11.2421V11.2331H10.7335V10.5586H12.82C13.3078 10.5586 13.6815 10.6727 13.9514 10.9011C14.2213 11.1294 14.3459 11.4407 14.3459 11.8247C14.3459 12.0426 14.3044 12.2398 14.211 12.4266C14.1175 12.603 14.0033 12.7483 13.858 12.8417C13.7127 12.9351 13.5466 13.0077 13.3597 13.0389C13.1729 13.07 12.9341 13.0907 12.6539 13.0907H12.2698V13.8587H12.82ZM12.2698 12.4266H12.4255C12.7784 12.4266 13.0068 12.3643 13.1106 12.2501C13.2144 12.136 13.2663 11.9907 13.2663 11.8247C13.2663 11.6794 13.2352 11.5549 13.1625 11.4511C13.0899 11.3473 13.0068 11.285 12.9238 11.2643C12.8407 11.2435 12.685 11.2331 12.4774 11.2331H12.2802V12.4266H12.2698Z" fill="white"/>
|
||||
<path d="M17.2525 13.1943V12.5197H19.1107C19.1107 12.9971 19.0276 13.3811 18.8512 13.6613C18.6747 13.9415 18.4256 14.1594 18.0934 14.3254C17.7612 14.4915 17.3875 14.5641 16.9827 14.5641C16.2664 14.5641 15.7162 14.3773 15.3321 13.9934C14.9481 13.6094 14.7612 13.1216 14.7612 12.5301C14.7612 12.115 14.8546 11.7622 15.0415 11.4405C15.2283 11.1291 15.4878 10.8904 15.8096 10.7348C16.1314 10.5791 16.4844 10.4961 16.8581 10.4961C17.3875 10.4961 17.8027 10.6206 18.1038 10.8801V10.5584H18.7785V11.9697H18.1038C18.0311 11.731 17.8961 11.5442 17.6885 11.4093C17.4809 11.2744 17.2525 11.2018 17.0138 11.2018C16.7024 11.2018 16.4325 11.3159 16.2041 11.5339C15.9861 11.7622 15.8719 12.0631 15.8719 12.4575C15.8719 12.9141 15.9861 13.2565 16.2145 13.4849C16.4429 13.7235 16.7128 13.8377 17.0449 13.8377C17.2837 13.8377 17.4809 13.7754 17.6366 13.6613C17.7923 13.5471 17.9065 13.3811 17.9688 13.1735H17.2525V13.1943Z" fill="white"/>
|
||||
<path d="M32.263 39.1482H11.0243C10.6921 39.1482 10.4118 38.8783 10.4118 38.5359V21.6826C10.4118 21.3505 10.6817 21.0703 11.0243 21.0703H32.263C32.5952 21.0703 32.8755 21.3401 32.8755 21.6826V38.5462C32.8755 38.8783 32.5952 39.1482 32.263 39.1482Z" fill="#7CC8FB"/>
|
||||
<path d="M32.8755 27.4322C32.8755 27.4322 27.5087 24.101 22.8893 26.1558C22.3391 26.4048 21.8305 26.7265 21.353 27.1001C20.1592 28.0341 15.5087 31.2719 10.4118 29.3002V33.4512H32.8651V27.4322H32.8755Z" fill="#00B564"/>
|
||||
<path d="M10.4118 27.4322C10.4118 27.4322 15.7786 24.101 20.398 26.1558C20.9481 26.4048 21.4568 26.7265 21.9343 27.1001C23.1281 28.0341 27.7786 31.2719 32.8755 29.3002V33.4512H10.4118V27.4322Z" fill="#4ACC97"/>
|
||||
<path d="M32.0658 39.1498H11.2215C10.7751 39.1498 10.4118 38.7866 10.4118 38.3404V33.4629H32.8651V38.3404C32.8754 38.7866 32.5121 39.1498 32.0658 39.1498Z" fill="#41C0E3"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9675" x="0.273369" y="0" width="43.7266" height="54.8223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9675"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9675" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of Lee HKID
|
||||
</div>
|
||||
</td>
|
||||
<td>Change Company Name</td>
|
||||
<td>HKID</td>
|
||||
<td><span style="color: #009B9A;;">234KB</span></td>
|
||||
<td>20230515</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td scope="row" class="flex items-center">
|
||||
<div class="form-check flex items-center">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 55" fill="none">
|
||||
<g filter="url(#filter0_d_194_9675)">
|
||||
<path d="M36 9.94639V41.4633C36 42.2104 35.3875 42.8227 34.6401 42.8227H9.63323C8.88583 42.8227 8.27337 42.2104 8.27337 41.4633V5.35947C8.27337 4.61228 8.88583 4 9.63323 4H30.0519L36 9.94639Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M36 9.94577V41.4626C36 42.2098 35.3875 42.8221 34.6401 42.8221H32.6989C33.4463 42.8221 34.0588 42.2098 34.0588 41.4626V9.94577L28.1211 4.00977H30.0519L36 9.94577Z" fill="#E2E1DE"/>
|
||||
<path d="M36 9.94639H31.4118C30.6644 9.94639 30.0519 9.34448 30.0519 8.58692V4L36 9.94639Z" fill="#C9C9C9"/>
|
||||
<path d="M19.6194 16.1308H6V10.6202C6 10.2051 6.33218 9.87305 6.7474 9.87305H19.609C20.0242 9.87305 20.3564 10.2051 20.3564 10.6202V15.3836C20.3668 15.7883 20.0346 16.1308 19.6194 16.1308Z" fill="#4ACC97"/>
|
||||
<path d="M20.3668 15.2804V15.3738C20.3668 15.7889 20.0346 16.1314 19.609 16.1314H6V10.6209C6 10.2057 6.33218 9.86328 6.75778 9.86328H7.14187V11.8247C7.14187 13.7341 8.68858 15.2804 10.5986 15.2804H20.3668Z" fill="#38C487"/>
|
||||
<path d="M6 16.1309L8.28373 18.7253V16.1309H6Z" fill="#00B564"/>
|
||||
<path d="M18.5916 17.7601H8.28367V16.1309H19.5985V16.7639C19.5985 17.3139 19.1418 17.7601 18.5916 17.7601Z" fill="#E2E1DE"/>
|
||||
<path d="M8.1488 15.6741V14.9581C8.26299 14.9892 8.35642 15.01 8.44984 15.01C8.60555 15.01 8.71974 14.9685 8.7924 14.8751C8.86507 14.7921 8.89621 14.6364 8.89621 14.4185V11.2429H8.30451V10.5684H10.4637V11.2429H9.92389V14.46C9.92389 14.8958 9.82008 15.2279 9.60209 15.4355C9.3841 15.643 9.10382 15.7572 8.75088 15.7572C8.56403 15.7468 8.3668 15.7157 8.1488 15.6741Z" fill="white"/>
|
||||
<path d="M12.82 13.8587V14.5332H10.7335V13.8587H11.2421V11.2331H10.7335V10.5586H12.82C13.3078 10.5586 13.6815 10.6727 13.9514 10.9011C14.2213 11.1294 14.3459 11.4407 14.3459 11.8247C14.3459 12.0426 14.3044 12.2398 14.211 12.4266C14.1175 12.603 14.0033 12.7483 13.858 12.8417C13.7127 12.9351 13.5466 13.0077 13.3597 13.0389C13.1729 13.07 12.9341 13.0907 12.6539 13.0907H12.2698V13.8587H12.82ZM12.2698 12.4266H12.4255C12.7784 12.4266 13.0068 12.3643 13.1106 12.2501C13.2144 12.136 13.2663 11.9907 13.2663 11.8247C13.2663 11.6794 13.2352 11.5549 13.1625 11.4511C13.0899 11.3473 13.0068 11.285 12.9238 11.2643C12.8407 11.2435 12.685 11.2331 12.4774 11.2331H12.2802V12.4266H12.2698Z" fill="white"/>
|
||||
<path d="M17.2525 13.1943V12.5197H19.1107C19.1107 12.9971 19.0276 13.3811 18.8512 13.6613C18.6747 13.9415 18.4256 14.1594 18.0934 14.3254C17.7612 14.4915 17.3875 14.5641 16.9827 14.5641C16.2664 14.5641 15.7162 14.3773 15.3321 13.9934C14.9481 13.6094 14.7612 13.1216 14.7612 12.5301C14.7612 12.115 14.8546 11.7622 15.0415 11.4405C15.2283 11.1291 15.4878 10.8904 15.8096 10.7348C16.1314 10.5791 16.4844 10.4961 16.8581 10.4961C17.3875 10.4961 17.8027 10.6206 18.1038 10.8801V10.5584H18.7785V11.9697H18.1038C18.0311 11.731 17.8961 11.5442 17.6885 11.4093C17.4809 11.2744 17.2525 11.2018 17.0138 11.2018C16.7024 11.2018 16.4325 11.3159 16.2041 11.5339C15.9861 11.7622 15.8719 12.0631 15.8719 12.4575C15.8719 12.9141 15.9861 13.2565 16.2145 13.4849C16.4429 13.7235 16.7128 13.8377 17.0449 13.8377C17.2837 13.8377 17.4809 13.7754 17.6366 13.6613C17.7923 13.5471 17.9065 13.3811 17.9688 13.1735H17.2525V13.1943Z" fill="white"/>
|
||||
<path d="M32.263 39.1482H11.0243C10.6921 39.1482 10.4118 38.8783 10.4118 38.5359V21.6826C10.4118 21.3505 10.6817 21.0703 11.0243 21.0703H32.263C32.5952 21.0703 32.8755 21.3401 32.8755 21.6826V38.5462C32.8755 38.8783 32.5952 39.1482 32.263 39.1482Z" fill="#7CC8FB"/>
|
||||
<path d="M32.8755 27.4322C32.8755 27.4322 27.5087 24.101 22.8893 26.1558C22.3391 26.4048 21.8305 26.7265 21.353 27.1001C20.1592 28.0341 15.5087 31.2719 10.4118 29.3002V33.4512H32.8651V27.4322H32.8755Z" fill="#00B564"/>
|
||||
<path d="M10.4118 27.4322C10.4118 27.4322 15.7786 24.101 20.398 26.1558C20.9481 26.4048 21.4568 26.7265 21.9343 27.1001C23.1281 28.0341 27.7786 31.2719 32.8755 29.3002V33.4512H10.4118V27.4322Z" fill="#4ACC97"/>
|
||||
<path d="M32.0658 39.1498H11.2215C10.7751 39.1498 10.4118 38.7866 10.4118 38.3404V33.4629H32.8651V38.3404C32.8754 38.7866 32.5121 39.1498 32.0658 39.1498Z" fill="#41C0E3"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9675" x="0.273369" y="0" width="43.7266" height="54.8223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9675"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9675" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of Chan HKID
|
||||
</div>
|
||||
</td>
|
||||
<td>Change of Company and Director...</td>
|
||||
<td>HKID</td>
|
||||
<td class="flex items-center">
|
||||
<span style="color: #009B9A;;">234KB</span>
|
||||
</td>
|
||||
<td>20230515</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Download</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
<div class="row" style="margin-left: 50px; margin-right: 50px;">
|
||||
<div class="col-xxl-4">
|
||||
<div class="flex items-center">
|
||||
每頁顯示
|
||||
<select class="form-select form-select-sm" aria-label="Page Count" style="width: 80px; border-radius: 25px;">
|
||||
<option value="20">20</option>
|
||||
<option value="50">50</option>
|
||||
<option value="100">100</option>
|
||||
</select> 項
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-4 justify-center">
|
||||
<button class="btn btn-success btn-sm" type="button" data-bs-toggle="modal" data-bs-target="#Modal" style="font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 300px; height: 50px;">Download</button>
|
||||
</div>
|
||||
<div class="col-xxl-4 items-center">
|
||||
<nav aria-label="Page navigation">
|
||||
<ul class="pagination justify-content-center">
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" aria-label="Previous" style="color: #000000;">
|
||||
<span aria-hidden="true"><<</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" aria-label="Previous" style="color: #000000;">
|
||||
<span aria-hidden="true"><</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item"><a class="page-link" href="#" style="border-radius: 5px;background-color: #009B9A; color: #fff;">1</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#" style="border-radius: 5px; color: #000;">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#" style="border-radius: 5px; color: #000;">3</a></li>
|
||||
<li class="page-item disabled" style="border-radius: 5px; color: #000;"><span class="page-link">...</span></li>
|
||||
<li class="page-item"><a class="page-link" href="#" style="border-radius: 5px; color: #000;">10</a></li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#" aria-label="Next" style="color: #000000;">
|
||||
<span aria-hidden="true">></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#" aria-label="Next" style="color: #000000;">
|
||||
<span aria-hidden="true">>></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Filter Modal --}}
|
||||
<div class="modal fade custom-modal style2" id="filterModal" tabindex="-1" aria-labelledby="filterModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title">Search</p>
|
||||
<div class="col">
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Document Category </h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="form-select form-select-sm" aria-label="Page Count" style="border-radius: 25px;">
|
||||
<option>Any</option>
|
||||
<option>CI</option>
|
||||
<option>BR</option>
|
||||
<option>HKID</option>
|
||||
<option>Other ID</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Status </h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="form-select form-select-sm" aria-label="Page Count" style="border-radius: 25px;">
|
||||
<option>Pending</option>
|
||||
<option>Completed</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Keyword </h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input class="w-full form-control form-control-sm" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Date uploaded:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="form-select form-select-sm" aria-label="Page Count" style="border-radius: 25px;">
|
||||
<option>Any Time</option>
|
||||
<option>Today</option>
|
||||
<option>Yesterday</option>
|
||||
<option>Last 7 days</option>
|
||||
<option>Last 30 days</option>
|
||||
<option>Last 90 days</option>
|
||||
<option>Custom...</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row d-none" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
</div>
|
||||
<div class="col flex">
|
||||
<input class="w-full form-control form-control-sm" type="date" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);">
|
||||
<input class="w-full form-control form-control-sm" type="date" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row flex justify-center items-center" style="margin-top: 20px;">
|
||||
<button class="btn btn-md btn-success" style="width: 300px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;" type="button" data-bs-dismiss="modal">Search</button>
|
||||
<button class="btn btn-md" style="width: 300px;background: #9B0025;color: rgb(255,255,255);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;" type="button" data-bs-dismiss="modal">Cancel</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,59 @@
|
||||
@extends('theme::user.layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="card">
|
||||
<div class="flex justify-center items-center" style="height: 100px;background: linear-gradient(90deg, #7db979, #26bbaa);margin-right: 0px;">
|
||||
<img src="/themes/tailwind/images/noun-curious-5576487_1.png" style="width: 80px;margin-left: 10px;">
|
||||
<h1 style="font-size: 20px;color: rgb(0,0,0);margin-bottom: 0px;">Enquiry History</h1>
|
||||
</div>
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 650px;padding-right:300px; padding-left: 300px;">
|
||||
<div class="row mt-3">
|
||||
<div class="col-xxl-6">
|
||||
<h2 style="font-size: 28px;"><u>Other services request1</u></h2>
|
||||
</div>
|
||||
<div class="col-xxl-6">
|
||||
<div class="flex justify-end">
|
||||
<div class="px-2 py-2" style="border-radius: 25px; background-color: #D6DEE9;">
|
||||
<h2 style="font-size: 20px;">Completed</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-start pt-3">
|
||||
<small>Submitted date: 2023/05/14 02:34</small>
|
||||
</div>
|
||||
<br>
|
||||
<hr/>
|
||||
<br>
|
||||
<p style="text-align: justify;">I am writing to enquire about your company secretary service. I am interested in learning more about the services you offer and would appreciate it if you could provide me with further information.<br>
|
||||
Could you please provide me with details on the following:</p><br>
|
||||
<ol class="pl-5">
|
||||
<li style="list-style: decimal; ">What services do you offer as part of your company secretary service?</li>
|
||||
<li style="list-style: decimal; ">What are your fees for these services?</li>
|
||||
<li style="list-style: decimal; ">What experience and qualifications do your company secretaries possess?</li>
|
||||
<li style="list-style: decimal; ">Can you provide any references or testimonials from current or past clients?</li>
|
||||
</ol>
|
||||
<br>
|
||||
<hr/>
|
||||
<br>
|
||||
<p style="text-align: justify;">Dear customer,<br>
|
||||
This is Numstation Customer service.<br>
|
||||
<br>
|
||||
Our company secretary service is designed to provide comprehensive support to businesses of all sizes and industries. Our team of experienced company secretaries has a deep understanding of the legal and regulatory landscape and can help ensure your business remains compliant with all relevant laws and regulations.<br>
|
||||
Our services include:<br>
|
||||
<ol class="pl-5">
|
||||
<li style="list-style: decimal; ">Corporate Governance: We can help you establish and maintain effective governance structures and processes to ensure your business is operating in the best interest of all stakeholders.</li>
|
||||
<li style="list-style: decimal; ">Compliance: We can assist with the preparation and filing of all necessary documentation, including annual returns, financial statements, and other regulatory filings.</li>
|
||||
<li style="list-style: decimal; ">Board and Shareholder Meetings: We can help you prepare for and manage board and shareholder meetings, including drafting agendas, minutes, and resolutions.</li>
|
||||
<li style="list-style: decimal; ">Company Administration: We can provide ongoing administrative support, including maintaining statutory records, managing share transfers, and updating company registers.</li>
|
||||
<li style="list-style: decimal; ">Advisory Services: Our team of experts can provide guidance and advice on a wide range of corporate governance and compliance issues, helping you navigate complex legal and regulatory requirements.</li>
|
||||
</ol>
|
||||
</p>
|
||||
<div class="flex justify-center">
|
||||
<button type="button" class="btn red-btn" style="margin-top: 30px;">Back</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,71 @@
|
||||
@extends('theme::user.layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="col">
|
||||
<div class="row" style="margin: 0px;">
|
||||
<div class="col-xxl-6 flex justify-start items-center" style="margin-top: 5px;margin-bottom: 20px;">
|
||||
<h1 style="white-space: nowrap;font-size: 24px;text-align: left;color: rgb(7,7,7);">Company Secretary Service Draft</h1> 
|
||||
</div>
|
||||
<div class="col-xxl-6 flex justify-end" align="right" style="margin-top: 5px;margin-bottom: 20px">
|
||||
<button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">Apply for service</button>
|
||||
<a href="/company-secretary/document-library" class="btn btn-success" style="color: #FFFFFF;background: #009B9A;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">Document Library</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
<div class="col-xxl-3">
|
||||
<div class="card w-full" style="border-bottom-right-radius: 35px;border-top-left-radius: 35px;">
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 200px; border-bottom-right-radius: 35px; border-top-left-radius: 35px; padding: 0px;">
|
||||
<div class="flex justify-start items-center mt-4">
|
||||
<label class="pl-5"><u><strong>Enquiry 1</strong></u></label>
|
||||
<div class="flex ml-auto">
|
||||
<div class="flex justify-end">
|
||||
<svg class="max-w-full h-auto pr-2" width="24" height="24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path d="M11.6924 19.3848C15.9408 19.3848 19.3848 15.9408 19.3848 11.6924C19.3848 7.44402 15.9408 4 11.6924 4C7.44402 4 4 7.44402 4 11.6924C4 15.9408 7.44402 19.3848 11.6924 19.3848Z" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M20.8267 20.8257L18.4229 18.4219" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex ml-3 mr-3 pt-3">
|
||||
<small>Submitted date: 2023/05/14 02:34</small>
|
||||
</div>
|
||||
<div class="flex justify-end ml-3 mr-3 pt-20">
|
||||
<div class="px-2 py-2" style="margin-top: -15px;border-radius: 25px; background-color: #D6DEE9;">
|
||||
<h2 style="font-size: 20px;">Waiting for reply</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-3">
|
||||
<div class="card w-full" style="border-bottom-right-radius: 35px;border-top-left-radius: 35px;">
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 200px; border-bottom-right-radius: 35px; border-top-left-radius: 35px; padding: 0px;">
|
||||
<div class="flex justify-start items-center mt-4">
|
||||
<label class="pl-5"><u><strong>Enquiry 1</strong></u></label>
|
||||
<div class="flex ml-auto">
|
||||
<div class="flex justify-end">
|
||||
<svg class="max-w-full h-auto pr-2" width="24" height="24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path d="M11.6924 19.3848C15.9408 19.3848 19.3848 15.9408 19.3848 11.6924C19.3848 7.44402 15.9408 4 11.6924 4C7.44402 4 4 7.44402 4 11.6924C4 15.9408 7.44402 19.3848 11.6924 19.3848Z" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M20.8267 20.8257L18.4229 18.4219" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex ml-3 mr-3 pt-3">
|
||||
<small>Submitted date: 2023/05/14 02:34</small>
|
||||
</div>
|
||||
<div class="flex justify-end ml-3 mr-3 pt-20">
|
||||
<div class="px-2 py-2" style="margin-top: -15px;border-radius: 25px; background-color: #D6DEE9;">
|
||||
<h2 style="font-size: 20px;">Waiting for reply</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,165 @@
|
||||
@extends('theme::user.layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="col">
|
||||
<div class="row" style="margin: 0px;">
|
||||
<div class="col-xxl-6 flex justify-start items-center" style="margin-top: 5px;margin-bottom: 20px;">
|
||||
<h1 style="white-space: nowrap;font-size: 24px;text-align: left;color: rgb(7,7,7);">Company Secretary Service Draft</h1> 
|
||||
</div>
|
||||
<div class="col-xxl-6 flex justify-end" align="right" style="margin-top: 5px;margin-bottom: 20px">
|
||||
<button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">Apply for service</button>
|
||||
<a href="/company-secretary/document-library" class="btn btn-success" style="color: #FFFFFF;background: #009B9A;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">Document Library</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
<div class="col-xxl-3">
|
||||
<div class="card w-full" style="border-bottom-right-radius: 35px;border-top-left-radius: 35px;">
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 200px; border-bottom-right-radius: 35px; border-top-left-radius: 35px; padding: 0px;">
|
||||
<div class="flex justify-end items-center mt-2">
|
||||
<div class="flex ml-auto">
|
||||
<svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="vuesax/linear/edit">
|
||||
<g id="edit">
|
||||
<path id="Vector" d="M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M16.04 3.01928L8.16 10.8993C7.86 11.1993 7.56 11.7893 7.5 12.2193L7.07 15.2293C6.91 16.3193 7.68 17.0793 8.77 16.9293L11.78 16.4993C12.2 16.4393 12.79 16.1393 13.1 15.8393L20.98 7.95928C22.34 6.59928 22.98 5.01928 20.98 3.01928C18.98 1.01928 17.4 1.65928 16.04 3.01928Z" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_3" d="M14.91 4.15039C15.58 6.54039 17.45 8.41039 19.85 9.09039" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="vuesax/linear/trash">
|
||||
<g id="trash">
|
||||
<path id="Vector" d="M21 5.98047C17.67 5.65047 14.32 5.48047 10.98 5.48047C9 5.48047 7.02 5.58047 5.04 5.78047L3 5.98047" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_3" d="M18.85 9.14062L18.2 19.2106C18.09 20.7806 18 22.0006 15.21 22.0006H8.78999C5.99999 22.0006 5.90999 20.7806 5.79999 19.2106L5.14999 9.14062" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_4" d="M10.33 16.5H13.66" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_5" d="M9.5 12.5H14.5" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex ml-3 mr-3 pt-20">
|
||||
<h2><u>Incorporation of Hong Kong Limited Company</u></h2>
|
||||
</div>
|
||||
<div class="flex ml-3 mr-3 pt-3">
|
||||
<small>Last modified date: 2023/05/14 02:34</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-3">
|
||||
<div class="card w-full" style="border-bottom-right-radius: 35px;border-top-left-radius: 35px;">
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 200px; border-bottom-right-radius: 35px; border-top-left-radius: 35px; padding: 0px;">
|
||||
<div class="flex justify-end items-center mt-2">
|
||||
<div class="flex ml-auto">
|
||||
<svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="vuesax/linear/edit">
|
||||
<g id="edit">
|
||||
<path id="Vector" d="M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M16.04 3.01928L8.16 10.8993C7.86 11.1993 7.56 11.7893 7.5 12.2193L7.07 15.2293C6.91 16.3193 7.68 17.0793 8.77 16.9293L11.78 16.4993C12.2 16.4393 12.79 16.1393 13.1 15.8393L20.98 7.95928C22.34 6.59928 22.98 5.01928 20.98 3.01928C18.98 1.01928 17.4 1.65928 16.04 3.01928Z" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_3" d="M14.91 4.15039C15.58 6.54039 17.45 8.41039 19.85 9.09039" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="vuesax/linear/trash">
|
||||
<g id="trash">
|
||||
<path id="Vector" d="M21 5.98047C17.67 5.65047 14.32 5.48047 10.98 5.48047C9 5.48047 7.02 5.58047 5.04 5.78047L3 5.98047" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_3" d="M18.85 9.14062L18.2 19.2106C18.09 20.7806 18 22.0006 15.21 22.0006H8.78999C5.99999 22.0006 5.90999 20.7806 5.79999 19.2106L5.14999 9.14062" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_4" d="M10.33 16.5H13.66" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_5" d="M9.5 12.5H14.5" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex ml-3 mr-3 pt-20">
|
||||
<h2><u>Incorporation of Hong Kong Limited Company</u></h2>
|
||||
</div>
|
||||
<div class="flex ml-3 mr-3 pt-3">
|
||||
<small>Last modified date: 2023/05/14 02:34</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-3">
|
||||
<div class="card w-full" style="border-bottom-right-radius: 35px;border-top-left-radius: 35px;">
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 200px; border-bottom-right-radius: 35px; border-top-left-radius: 35px; padding: 0px;">
|
||||
<div class="flex justify-end items-center mt-2">
|
||||
<div class="flex ml-auto">
|
||||
<svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="vuesax/linear/edit">
|
||||
<g id="edit">
|
||||
<path id="Vector" d="M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M16.04 3.01928L8.16 10.8993C7.86 11.1993 7.56 11.7893 7.5 12.2193L7.07 15.2293C6.91 16.3193 7.68 17.0793 8.77 16.9293L11.78 16.4993C12.2 16.4393 12.79 16.1393 13.1 15.8393L20.98 7.95928C22.34 6.59928 22.98 5.01928 20.98 3.01928C18.98 1.01928 17.4 1.65928 16.04 3.01928Z" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_3" d="M14.91 4.15039C15.58 6.54039 17.45 8.41039 19.85 9.09039" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="vuesax/linear/trash">
|
||||
<g id="trash">
|
||||
<path id="Vector" d="M21 5.98047C17.67 5.65047 14.32 5.48047 10.98 5.48047C9 5.48047 7.02 5.58047 5.04 5.78047L3 5.98047" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_3" d="M18.85 9.14062L18.2 19.2106C18.09 20.7806 18 22.0006 15.21 22.0006H8.78999C5.99999 22.0006 5.90999 20.7806 5.79999 19.2106L5.14999 9.14062" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_4" d="M10.33 16.5H13.66" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_5" d="M9.5 12.5H14.5" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex ml-3 mr-3 pt-20">
|
||||
<h2><u>Incorporation of Hong Kong Limited Company</u></h2>
|
||||
</div>
|
||||
<div class="flex ml-3 mr-3 pt-3">
|
||||
<small>Last modified date: 2023/05/14 02:34</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-3">
|
||||
<div class="card w-full" style="border-bottom-right-radius: 35px;border-top-left-radius: 35px;">
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 200px; border-bottom-right-radius: 35px; border-top-left-radius: 35px; padding: 0px;">
|
||||
<div class="flex justify-end items-center mt-2">
|
||||
<div class="flex ml-auto">
|
||||
<svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="vuesax/linear/edit">
|
||||
<g id="edit">
|
||||
<path id="Vector" d="M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M16.04 3.01928L8.16 10.8993C7.86 11.1993 7.56 11.7893 7.5 12.2193L7.07 15.2293C6.91 16.3193 7.68 17.0793 8.77 16.9293L11.78 16.4993C12.2 16.4393 12.79 16.1393 13.1 15.8393L20.98 7.95928C22.34 6.59928 22.98 5.01928 20.98 3.01928C18.98 1.01928 17.4 1.65928 16.04 3.01928Z" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_3" d="M14.91 4.15039C15.58 6.54039 17.45 8.41039 19.85 9.09039" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg class="max-w-full h-auto pr-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="vuesax/linear/trash">
|
||||
<g id="trash">
|
||||
<path id="Vector" d="M21 5.98047C17.67 5.65047 14.32 5.48047 10.98 5.48047C9 5.48047 7.02 5.58047 5.04 5.78047L3 5.98047" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_2" d="M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_3" d="M18.85 9.14062L18.2 19.2106C18.09 20.7806 18 22.0006 15.21 22.0006H8.78999C5.99999 22.0006 5.90999 20.7806 5.79999 19.2106L5.14999 9.14062" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_4" d="M10.33 16.5H13.66" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path id="Vector_5" d="M9.5 12.5H14.5" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex ml-3 mr-3 pt-20">
|
||||
<h2><u>Incorporation of Hong Kong Limited Company</u></h2>
|
||||
</div>
|
||||
<div class="flex ml-3 mr-3 pt-3">
|
||||
<small>Last modified date: 2023/05/14 02:34</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,64 @@
|
||||
@extends('theme::user.layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="card">
|
||||
<div class="d-sm-flex d-md-flex d-lg-flex d-xl-flex d-xxl-flex justify-content-center align-items-sm-center align-items-md-center align-items-lg-center align-items-xl-center align-items-xxl-center" style="height: 100px;background: linear-gradient(90deg, #7db979, #26bbaa);margin-right: 0px;">
|
||||
<div class="justify-content-start" style="margin-left: 20px;">
|
||||
<div class="col d-sm-flex d-md-flex d-lg-flex d-xl-flex d-xxl-flex justify-content-center align-items-sm-center align-items-md-center align-items-lg-center justify-content-xl-start align-items-xl-center justify-content-xxl-center align-items-xxl-center" style="width: 262px;"><img src="/themes/tailwind/images/clipboard-image-30.png" style="width: 80px;margin-left: 10px;">
|
||||
<h1 style="font-size: 20px;color: rgb(0,0,0);margin-bottom: 0px;">Other Requests </h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body" style="overflow: auto;height: 650px;">
|
||||
<form>
|
||||
<div style="margin-right: 150px;margin-left: 150px;">
|
||||
<div class="col">
|
||||
<div class="row" style="margin: 0px;">
|
||||
<div class="col-xxl-12" style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<h1 style="font-size: 24px;text-align: center;color: rgb(7,7,7);">Service Inquiry </h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 24px;">Please be specific of the enquiry you want to submit in this Enquiry Form, <br>so we can return to you fast with the information you looking for.</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-3 offset-xxl-0 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Enquiry title</h1>
|
||||
</div>
|
||||
<div class="col" style="width: 765px;"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-start" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Enquiry details</h1>
|
||||
</div>
|
||||
<div class="col"><textarea class="form-control" style="height: 250px;border-color: #6D7581;border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;color: rgb(0,0,0);font-size: 20px;"></textarea></div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-end justify-content-xxl-center align-items-xxl-center">
|
||||
<div id="modal-open">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-sm modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<h6 style="color: #364257;">Your enquiry submitted successfully</h6>
|
||||
</div>
|
||||
<div class="modal-footer d-xxl-flex justify-content-xxl-center align-items-xxl-center"><button class="btn" style="width: 200px;background: #9B0025;color: rgb(255,255,255);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;" type="button" data-bs-dismiss="modal">Back</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background: #009B9A;border-style: none;color: var(--bs-card-bg);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 44px;">Submit</button>
|
||||
</div>
|
||||
<div style="padding-right: 10px;"></div>
|
||||
<div style="margin-right: 10px;border-style: none;"></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;padding-top: 10px;padding-bottom: 10px;border-style: none;">Leave</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,546 @@
|
||||
@extends('theme::user.layouts.app')
|
||||
|
||||
<style>
|
||||
.nav-link.active {
|
||||
background-color: #ffffff !important;
|
||||
color: #364257 !important;
|
||||
}
|
||||
|
||||
.nav-link.active .svg-stroke {
|
||||
stroke: #364257;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
background-color: #364257 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
.nav-link .svg-stroke {
|
||||
stroke: #ffffff;
|
||||
}
|
||||
</style>
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="col">
|
||||
<div class="row" style="margin: 0px;">
|
||||
<div class="col-xxl-6" style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<h1 style="font-size: 24px;text-align: left;color: rgb(7,7,7);">Company Secretary - Service Queue List</h1>
|
||||
</div>
|
||||
<div class="col-xxl-6 flex justify-end" align="right" style="margin-top: 5px;margin-bottom: 20px">
|
||||
<button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">Apply for service</button>
|
||||
<a href="/company-secretary/document-library" class="btn btn-success" style="color: #FFFFFF;background: #009B9A;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">Document Library</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card" style="border-radius: 35px;">
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 650px; border-radius: 35px; padding: 0px;">
|
||||
<nav class="nav nav-pills nav-justified" style="height: 50px; border-top-right-radius: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;">
|
||||
<a class="nav-link active flex items-center" style="justify-content: center; height: 50px; border-top-right-radius: 0px; border-top-left-radius: 20px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;" aria-current="page" data-bs-toggle="tab" data-bs-target="#queue-tab-pane" type="button" role="tab" aria-controls="queue-tab-pane" aria-selected="false">
|
||||
<svg style="width: 50px;" width="50" height="50" viewBox="0 0 75 75" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path class="svg-stroke" d="M18.3351 45.2C21.2256 52.6881 28.4925 58 37 58C48.0457 58 57 49.0457 57 38C57 26.9543 48.0457 18 37 18C34.7617 18 32.6094 18.3677 30.6 19.0459" stroke="#364257" stroke-width="1.5"/>
|
||||
<path class="svg-stroke" d="M17.9906 44.4002C17.1771 41.2391 16.7297 39.6585 17.1771 35.312C17.9907 27.4092 23.4 21.4822 30.6 19.1113" stroke="#364257" stroke-width="1.5" stroke-dasharray="2 2"/>
|
||||
<path class="svg-stroke" d="M37 39L41.5 42.5L43 44.6471V46.5C43 47.0523 42.5523 47.5 42 47.5H32C31.4477 47.5 31 47.0523 31 46.5V44.6471L33 42.2941L37 39Z" fill="#364257"/>
|
||||
<path class="svg-stroke" d="M40.24 28H33.76C30 28 29.71 31.38 31.74 33.22L42.26 42.78C44.29 44.62 44 48 40.24 48H33.76C30 48 29.71 44.62 31.74 42.78L42.26 33.22C44.29 31.38 44 28 40.24 28Z" stroke="#364257" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
<strong>In Queue List</strong>
|
||||
<svg style="width: 50px;" width="25" height="25" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle id="Ellipse 103" cx="19.5" cy="19.5" r="19.5" fill="#EBEBE4"/>
|
||||
<text x="20" y="20" text-anchor="middle" alignment-baseline="middle" font-size="20" fill="black">
|
||||
10
|
||||
</text>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="nav-link flex items-center" style="justify-content: center; height: 50px; border-top-right-radius: 20px; border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;" data-bs-toggle="tab" data-bs-target="#completed-tab-pane" type="button" role="tab" aria-controls="completed-tab-pane" aria-selected="false">
|
||||
<svg style="width: 50px;" width="50" height="50" viewBox="0 0 76 75" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path class="svg-stroke" d="M37.5 58C48.5 58 57.5 49 57.5 38C57.5 27 48.5 18 37.5 18C26.5 18 17.5 27 17.5 38C17.5 49 26.5 58 37.5 58Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path class="svg-stroke" d="M29 37.9998L34.66 43.6598L46 32.3398" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
||||
<strong>Completed List</strong>
|
||||
 
|
||||
<svg style="width: 50px;" width="25" height="25" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle id="Ellipse 103" cx="19.5" cy="19.5" r="19.5" fill="#EBEBE4"/>
|
||||
<text x="20" y="20" text-anchor="middle" alignment-baseline="middle" font-size="20" fill="black">
|
||||
8
|
||||
</text>
|
||||
</svg>
|
||||
</a>
|
||||
</nav>
|
||||
<div class="tab-content" id="myTabContent">
|
||||
<div class="tab-pane fade show active" id="queue-tab-pane" role="tabpanel" aria-labelledby="queue-tab" tabindex="0">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="table-bordered">
|
||||
<th scope="col">Document Name</th>
|
||||
<th scope="col">Service</th>
|
||||
<th scope="col">Document Category</th>
|
||||
<th scope="col">Status</th>
|
||||
<th scope="col">Last Status Timestamp</th>
|
||||
<th scope="col">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td scope="row" class="flex items-center">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 55" fill="none">
|
||||
<g filter="url(#filter0_d_194_9675)">
|
||||
<path d="M36 9.94639V41.4633C36 42.2104 35.3875 42.8227 34.6401 42.8227H9.63323C8.88583 42.8227 8.27337 42.2104 8.27337 41.4633V5.35947C8.27337 4.61228 8.88583 4 9.63323 4H30.0519L36 9.94639Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M36 9.94577V41.4626C36 42.2098 35.3875 42.8221 34.6401 42.8221H32.6989C33.4463 42.8221 34.0588 42.2098 34.0588 41.4626V9.94577L28.1211 4.00977H30.0519L36 9.94577Z" fill="#E2E1DE"/>
|
||||
<path d="M36 9.94639H31.4118C30.6644 9.94639 30.0519 9.34448 30.0519 8.58692V4L36 9.94639Z" fill="#C9C9C9"/>
|
||||
<path d="M19.6194 16.1308H6V10.6202C6 10.2051 6.33218 9.87305 6.7474 9.87305H19.609C20.0242 9.87305 20.3564 10.2051 20.3564 10.6202V15.3836C20.3668 15.7883 20.0346 16.1308 19.6194 16.1308Z" fill="#4ACC97"/>
|
||||
<path d="M20.3668 15.2804V15.3738C20.3668 15.7889 20.0346 16.1314 19.609 16.1314H6V10.6209C6 10.2057 6.33218 9.86328 6.75778 9.86328H7.14187V11.8247C7.14187 13.7341 8.68858 15.2804 10.5986 15.2804H20.3668Z" fill="#38C487"/>
|
||||
<path d="M6 16.1309L8.28373 18.7253V16.1309H6Z" fill="#00B564"/>
|
||||
<path d="M18.5916 17.7601H8.28367V16.1309H19.5985V16.7639C19.5985 17.3139 19.1418 17.7601 18.5916 17.7601Z" fill="#E2E1DE"/>
|
||||
<path d="M8.1488 15.6741V14.9581C8.26299 14.9892 8.35642 15.01 8.44984 15.01C8.60555 15.01 8.71974 14.9685 8.7924 14.8751C8.86507 14.7921 8.89621 14.6364 8.89621 14.4185V11.2429H8.30451V10.5684H10.4637V11.2429H9.92389V14.46C9.92389 14.8958 9.82008 15.2279 9.60209 15.4355C9.3841 15.643 9.10382 15.7572 8.75088 15.7572C8.56403 15.7468 8.3668 15.7157 8.1488 15.6741Z" fill="white"/>
|
||||
<path d="M12.82 13.8587V14.5332H10.7335V13.8587H11.2421V11.2331H10.7335V10.5586H12.82C13.3078 10.5586 13.6815 10.6727 13.9514 10.9011C14.2213 11.1294 14.3459 11.4407 14.3459 11.8247C14.3459 12.0426 14.3044 12.2398 14.211 12.4266C14.1175 12.603 14.0033 12.7483 13.858 12.8417C13.7127 12.9351 13.5466 13.0077 13.3597 13.0389C13.1729 13.07 12.9341 13.0907 12.6539 13.0907H12.2698V13.8587H12.82ZM12.2698 12.4266H12.4255C12.7784 12.4266 13.0068 12.3643 13.1106 12.2501C13.2144 12.136 13.2663 11.9907 13.2663 11.8247C13.2663 11.6794 13.2352 11.5549 13.1625 11.4511C13.0899 11.3473 13.0068 11.285 12.9238 11.2643C12.8407 11.2435 12.685 11.2331 12.4774 11.2331H12.2802V12.4266H12.2698Z" fill="white"/>
|
||||
<path d="M17.2525 13.1943V12.5197H19.1107C19.1107 12.9971 19.0276 13.3811 18.8512 13.6613C18.6747 13.9415 18.4256 14.1594 18.0934 14.3254C17.7612 14.4915 17.3875 14.5641 16.9827 14.5641C16.2664 14.5641 15.7162 14.3773 15.3321 13.9934C14.9481 13.6094 14.7612 13.1216 14.7612 12.5301C14.7612 12.115 14.8546 11.7622 15.0415 11.4405C15.2283 11.1291 15.4878 10.8904 15.8096 10.7348C16.1314 10.5791 16.4844 10.4961 16.8581 10.4961C17.3875 10.4961 17.8027 10.6206 18.1038 10.8801V10.5584H18.7785V11.9697H18.1038C18.0311 11.731 17.8961 11.5442 17.6885 11.4093C17.4809 11.2744 17.2525 11.2018 17.0138 11.2018C16.7024 11.2018 16.4325 11.3159 16.2041 11.5339C15.9861 11.7622 15.8719 12.0631 15.8719 12.4575C15.8719 12.9141 15.9861 13.2565 16.2145 13.4849C16.4429 13.7235 16.7128 13.8377 17.0449 13.8377C17.2837 13.8377 17.4809 13.7754 17.6366 13.6613C17.7923 13.5471 17.9065 13.3811 17.9688 13.1735H17.2525V13.1943Z" fill="white"/>
|
||||
<path d="M32.263 39.1482H11.0243C10.6921 39.1482 10.4118 38.8783 10.4118 38.5359V21.6826C10.4118 21.3505 10.6817 21.0703 11.0243 21.0703H32.263C32.5952 21.0703 32.8755 21.3401 32.8755 21.6826V38.5462C32.8755 38.8783 32.5952 39.1482 32.263 39.1482Z" fill="#7CC8FB"/>
|
||||
<path d="M32.8755 27.4322C32.8755 27.4322 27.5087 24.101 22.8893 26.1558C22.3391 26.4048 21.8305 26.7265 21.353 27.1001C20.1592 28.0341 15.5087 31.2719 10.4118 29.3002V33.4512H32.8651V27.4322H32.8755Z" fill="#00B564"/>
|
||||
<path d="M10.4118 27.4322C10.4118 27.4322 15.7786 24.101 20.398 26.1558C20.9481 26.4048 21.4568 26.7265 21.9343 27.1001C23.1281 28.0341 27.7786 31.2719 32.8755 29.3002V33.4512H10.4118V27.4322Z" fill="#4ACC97"/>
|
||||
<path d="M32.0658 39.1498H11.2215C10.7751 39.1498 10.4118 38.7866 10.4118 38.3404V33.4629H32.8651V38.3404C32.8754 38.7866 32.5121 39.1498 32.0658 39.1498Z" fill="#41C0E3"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9675" x="0.273369" y="0" width="43.7266" height="54.8223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9675"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9675" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of DCR Ltd.CI
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong Limit...</td>
|
||||
<td>CI</td>
|
||||
<td>Submitted</td>
|
||||
<td>20230515-14:43</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Properties</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td scope="row" class="flex items-center">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 56" fill="none">
|
||||
<g filter="url(#filter0_d_194_9768)">
|
||||
<path d="M36.0001 10.4041V41.9186C36.0001 42.6654 35.3906 43.2747 34.6436 43.2747H9.63711C8.89006 43.2747 8.28062 42.6654 8.28062 41.9186V5.82485C8.28062 5.07801 8.89006 4.46875 9.63711 4.46875H30.0532L36.0001 10.4041Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M35.9999 10.4041V41.9186C35.9999 42.6654 35.3904 43.2747 34.6434 43.2747H32.707C33.454 43.2747 34.0634 42.6654 34.0634 41.9186V10.4041L28.1264 4.46875H30.0628L35.9999 10.4041Z" fill="#E5E5E5"/>
|
||||
<path d="M35.9998 10.4041H31.4093C30.6623 10.4041 30.0529 9.79486 30.0529 9.04803V4.46875L35.9998 10.4041Z" fill="#CECECE"/>
|
||||
<path d="M30.2691 22.8443H14.1683C13.6276 22.8443 13.1853 22.4021 13.1853 21.8616C13.1853 21.3211 13.6276 20.8789 14.1683 20.8789H30.2691C30.8098 20.8789 31.2521 21.3211 31.2521 21.8616C31.2521 22.4119 30.8196 22.8443 30.2691 22.8443Z" fill="#CECECE"/>
|
||||
<path d="M30.2691 27.8853H14.1683C13.6276 27.8853 13.1853 27.4431 13.1853 26.9026C13.1853 26.3621 13.6276 25.9199 14.1683 25.9199H30.2691C30.8098 25.9199 31.2521 26.3621 31.2521 26.9026C31.2521 27.4529 30.8196 27.8853 30.2691 27.8853Z" fill="#CECECE"/>
|
||||
<path d="M30.2691 32.9263H14.1683C13.6276 32.9263 13.1853 32.4841 13.1853 31.9436C13.1853 31.4031 13.6276 30.9609 14.1683 30.9609H30.2691C30.8098 30.9609 31.2521 31.4031 31.2521 31.9436C31.2521 32.4939 30.8196 32.9263 30.2691 32.9263Z" fill="#CECECE"/>
|
||||
<path d="M19.6139 17.7343H5.99991V12.2215C5.99991 11.8088 6.33411 11.4648 6.75678 11.4648H19.6139C20.0267 11.4648 20.3708 11.799 20.3708 12.2215V16.9777C20.3708 17.3904 20.0366 17.7343 19.6139 17.7343Z" fill="#F55B4B"/>
|
||||
<path d="M20.3708 16.8794V16.9777C20.3708 17.3904 20.0366 17.7343 19.6139 17.7343H5.99991V12.2215C5.99991 11.8088 6.33411 11.4648 6.75678 11.4648H7.14014V13.4302C7.14014 15.3366 8.68339 16.8892 10.6002 16.8892H20.3708V16.8794Z" fill="#DD4E43"/>
|
||||
<path d="M5.99991 17.7344L8.28037 20.3286V17.7344H5.99991Z" fill="#DB1B1B"/>
|
||||
<path d="M9.68596 15.7897V16.4481H7.63157V15.7897H8.13288V13.2053H7.63157V12.5469H9.68596C10.1676 12.5469 10.5313 12.655 10.7967 12.881C11.0621 13.107 11.1899 13.4116 11.1899 13.785C11.1899 14.0012 11.1407 14.1978 11.0523 14.3747C10.9638 14.5515 10.8458 14.6891 10.6984 14.7776C10.551 14.8758 10.3937 14.9348 10.2069 14.9741C10.0202 15.0134 9.79408 15.0232 9.51885 15.0232H9.14533V15.7799H9.68596V15.7897ZM9.14533 14.3747H9.29277C9.63681 14.3747 9.86289 14.3157 9.96118 14.2076C10.0595 14.0995 10.1086 13.9521 10.1086 13.785C10.1086 13.6475 10.0693 13.5197 10.0005 13.4215C9.93169 13.3232 9.85306 13.2642 9.76459 13.2347C9.67613 13.2151 9.52868 13.1954 9.32226 13.1954H9.1355V14.3747H9.14533Z" fill="white"/>
|
||||
<path d="M11.4258 16.4481V15.7897H12.0155V13.2053H11.4258V12.5469H13.2737C13.6669 12.5469 13.9716 12.5665 14.2174 12.6157C14.4533 12.6648 14.6794 12.7729 14.8956 12.9301C15.1119 13.0972 15.2888 13.3134 15.4166 13.5885C15.5444 13.8637 15.6132 14.1683 15.6132 14.5024C15.6132 14.7776 15.564 15.033 15.4756 15.2787C15.3871 15.5244 15.2691 15.7209 15.1315 15.8782C14.9939 16.0256 14.8366 16.1533 14.64 16.2417C14.4533 16.3302 14.2763 16.3891 14.1191 16.4186C13.9618 16.4481 13.7161 16.4579 13.3819 16.4579H11.4258V16.4481ZM13.0378 15.7897H13.2836C13.5784 15.7897 13.8144 15.7504 13.9913 15.6718C14.1682 15.5932 14.3058 15.4556 14.4041 15.2689C14.5123 15.0724 14.5614 14.8267 14.5614 14.5122C14.5614 14.2174 14.5123 13.9619 14.4041 13.7556C14.296 13.5492 14.1584 13.4018 13.9716 13.3232C13.7947 13.2446 13.5588 13.2053 13.2836 13.2053H13.0378V15.7897Z" fill="white"/>
|
||||
<path d="M16.0654 16.4481V15.7897H16.6257V13.2053H16.0654V12.5469H19.5647V13.7556H18.8177V13.2151H17.6479V14.1192H18.4933V14.7776H17.6479V15.7897H18.2475V16.4481H16.0654Z" fill="white"/>
|
||||
<path d="M18.1199 19.5622H8.29033V17.7344H19.6632V18.0292C19.6533 18.8743 18.9653 19.5622 18.1199 19.5622Z" fill="#E5E5E5"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9768" x="0.280624" y="0.46875" width="43.7195" height="54.8066" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9768"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9768" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of DCR Ltd.BR
|
||||
</td>
|
||||
<td>Change Company Name</td>
|
||||
<td>BR</td>
|
||||
<td>Reviewing</td>
|
||||
<td>20230515-13:26</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Properties</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td scope="row" class="flex items-center">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 55" fill="none">
|
||||
<g filter="url(#filter0_d_194_9675)">
|
||||
<path d="M36 9.94639V41.4633C36 42.2104 35.3875 42.8227 34.6401 42.8227H9.63323C8.88583 42.8227 8.27337 42.2104 8.27337 41.4633V5.35947C8.27337 4.61228 8.88583 4 9.63323 4H30.0519L36 9.94639Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M36 9.94577V41.4626C36 42.2098 35.3875 42.8221 34.6401 42.8221H32.6989C33.4463 42.8221 34.0588 42.2098 34.0588 41.4626V9.94577L28.1211 4.00977H30.0519L36 9.94577Z" fill="#E2E1DE"/>
|
||||
<path d="M36 9.94639H31.4118C30.6644 9.94639 30.0519 9.34448 30.0519 8.58692V4L36 9.94639Z" fill="#C9C9C9"/>
|
||||
<path d="M19.6194 16.1308H6V10.6202C6 10.2051 6.33218 9.87305 6.7474 9.87305H19.609C20.0242 9.87305 20.3564 10.2051 20.3564 10.6202V15.3836C20.3668 15.7883 20.0346 16.1308 19.6194 16.1308Z" fill="#4ACC97"/>
|
||||
<path d="M20.3668 15.2804V15.3738C20.3668 15.7889 20.0346 16.1314 19.609 16.1314H6V10.6209C6 10.2057 6.33218 9.86328 6.75778 9.86328H7.14187V11.8247C7.14187 13.7341 8.68858 15.2804 10.5986 15.2804H20.3668Z" fill="#38C487"/>
|
||||
<path d="M6 16.1309L8.28373 18.7253V16.1309H6Z" fill="#00B564"/>
|
||||
<path d="M18.5916 17.7601H8.28367V16.1309H19.5985V16.7639C19.5985 17.3139 19.1418 17.7601 18.5916 17.7601Z" fill="#E2E1DE"/>
|
||||
<path d="M8.1488 15.6741V14.9581C8.26299 14.9892 8.35642 15.01 8.44984 15.01C8.60555 15.01 8.71974 14.9685 8.7924 14.8751C8.86507 14.7921 8.89621 14.6364 8.89621 14.4185V11.2429H8.30451V10.5684H10.4637V11.2429H9.92389V14.46C9.92389 14.8958 9.82008 15.2279 9.60209 15.4355C9.3841 15.643 9.10382 15.7572 8.75088 15.7572C8.56403 15.7468 8.3668 15.7157 8.1488 15.6741Z" fill="white"/>
|
||||
<path d="M12.82 13.8587V14.5332H10.7335V13.8587H11.2421V11.2331H10.7335V10.5586H12.82C13.3078 10.5586 13.6815 10.6727 13.9514 10.9011C14.2213 11.1294 14.3459 11.4407 14.3459 11.8247C14.3459 12.0426 14.3044 12.2398 14.211 12.4266C14.1175 12.603 14.0033 12.7483 13.858 12.8417C13.7127 12.9351 13.5466 13.0077 13.3597 13.0389C13.1729 13.07 12.9341 13.0907 12.6539 13.0907H12.2698V13.8587H12.82ZM12.2698 12.4266H12.4255C12.7784 12.4266 13.0068 12.3643 13.1106 12.2501C13.2144 12.136 13.2663 11.9907 13.2663 11.8247C13.2663 11.6794 13.2352 11.5549 13.1625 11.4511C13.0899 11.3473 13.0068 11.285 12.9238 11.2643C12.8407 11.2435 12.685 11.2331 12.4774 11.2331H12.2802V12.4266H12.2698Z" fill="white"/>
|
||||
<path d="M17.2525 13.1943V12.5197H19.1107C19.1107 12.9971 19.0276 13.3811 18.8512 13.6613C18.6747 13.9415 18.4256 14.1594 18.0934 14.3254C17.7612 14.4915 17.3875 14.5641 16.9827 14.5641C16.2664 14.5641 15.7162 14.3773 15.3321 13.9934C14.9481 13.6094 14.7612 13.1216 14.7612 12.5301C14.7612 12.115 14.8546 11.7622 15.0415 11.4405C15.2283 11.1291 15.4878 10.8904 15.8096 10.7348C16.1314 10.5791 16.4844 10.4961 16.8581 10.4961C17.3875 10.4961 17.8027 10.6206 18.1038 10.8801V10.5584H18.7785V11.9697H18.1038C18.0311 11.731 17.8961 11.5442 17.6885 11.4093C17.4809 11.2744 17.2525 11.2018 17.0138 11.2018C16.7024 11.2018 16.4325 11.3159 16.2041 11.5339C15.9861 11.7622 15.8719 12.0631 15.8719 12.4575C15.8719 12.9141 15.9861 13.2565 16.2145 13.4849C16.4429 13.7235 16.7128 13.8377 17.0449 13.8377C17.2837 13.8377 17.4809 13.7754 17.6366 13.6613C17.7923 13.5471 17.9065 13.3811 17.9688 13.1735H17.2525V13.1943Z" fill="white"/>
|
||||
<path d="M32.263 39.1482H11.0243C10.6921 39.1482 10.4118 38.8783 10.4118 38.5359V21.6826C10.4118 21.3505 10.6817 21.0703 11.0243 21.0703H32.263C32.5952 21.0703 32.8755 21.3401 32.8755 21.6826V38.5462C32.8755 38.8783 32.5952 39.1482 32.263 39.1482Z" fill="#7CC8FB"/>
|
||||
<path d="M32.8755 27.4322C32.8755 27.4322 27.5087 24.101 22.8893 26.1558C22.3391 26.4048 21.8305 26.7265 21.353 27.1001C20.1592 28.0341 15.5087 31.2719 10.4118 29.3002V33.4512H32.8651V27.4322H32.8755Z" fill="#00B564"/>
|
||||
<path d="M10.4118 27.4322C10.4118 27.4322 15.7786 24.101 20.398 26.1558C20.9481 26.4048 21.4568 26.7265 21.9343 27.1001C23.1281 28.0341 27.7786 31.2719 32.8755 29.3002V33.4512H10.4118V27.4322Z" fill="#4ACC97"/>
|
||||
<path d="M32.0658 39.1498H11.2215C10.7751 39.1498 10.4118 38.7866 10.4118 38.3404V33.4629H32.8651V38.3404C32.8754 38.7866 32.5121 39.1498 32.0658 39.1498Z" fill="#41C0E3"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9675" x="0.273369" y="0" width="43.7266" height="54.8223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9675"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9675" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of Lee HKID
|
||||
</td>
|
||||
<td>Change Company Name</td>
|
||||
<td>HKID</td>
|
||||
<td><span style="color: #2C21FE">In Progress</span></td>
|
||||
<td>20230515-13:56</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Properties</a></td>
|
||||
</tr>
|
||||
<tr style="background-color: #F5AE97; color: #000000;">
|
||||
<td scope="row" class="flex items-center">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 55" fill="none">
|
||||
<g filter="url(#filter0_d_194_9675)">
|
||||
<path d="M36 9.94639V41.4633C36 42.2104 35.3875 42.8227 34.6401 42.8227H9.63323C8.88583 42.8227 8.27337 42.2104 8.27337 41.4633V5.35947C8.27337 4.61228 8.88583 4 9.63323 4H30.0519L36 9.94639Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M36 9.94577V41.4626C36 42.2098 35.3875 42.8221 34.6401 42.8221H32.6989C33.4463 42.8221 34.0588 42.2098 34.0588 41.4626V9.94577L28.1211 4.00977H30.0519L36 9.94577Z" fill="#E2E1DE"/>
|
||||
<path d="M36 9.94639H31.4118C30.6644 9.94639 30.0519 9.34448 30.0519 8.58692V4L36 9.94639Z" fill="#C9C9C9"/>
|
||||
<path d="M19.6194 16.1308H6V10.6202C6 10.2051 6.33218 9.87305 6.7474 9.87305H19.609C20.0242 9.87305 20.3564 10.2051 20.3564 10.6202V15.3836C20.3668 15.7883 20.0346 16.1308 19.6194 16.1308Z" fill="#4ACC97"/>
|
||||
<path d="M20.3668 15.2804V15.3738C20.3668 15.7889 20.0346 16.1314 19.609 16.1314H6V10.6209C6 10.2057 6.33218 9.86328 6.75778 9.86328H7.14187V11.8247C7.14187 13.7341 8.68858 15.2804 10.5986 15.2804H20.3668Z" fill="#38C487"/>
|
||||
<path d="M6 16.1309L8.28373 18.7253V16.1309H6Z" fill="#00B564"/>
|
||||
<path d="M18.5916 17.7601H8.28367V16.1309H19.5985V16.7639C19.5985 17.3139 19.1418 17.7601 18.5916 17.7601Z" fill="#E2E1DE"/>
|
||||
<path d="M8.1488 15.6741V14.9581C8.26299 14.9892 8.35642 15.01 8.44984 15.01C8.60555 15.01 8.71974 14.9685 8.7924 14.8751C8.86507 14.7921 8.89621 14.6364 8.89621 14.4185V11.2429H8.30451V10.5684H10.4637V11.2429H9.92389V14.46C9.92389 14.8958 9.82008 15.2279 9.60209 15.4355C9.3841 15.643 9.10382 15.7572 8.75088 15.7572C8.56403 15.7468 8.3668 15.7157 8.1488 15.6741Z" fill="white"/>
|
||||
<path d="M12.82 13.8587V14.5332H10.7335V13.8587H11.2421V11.2331H10.7335V10.5586H12.82C13.3078 10.5586 13.6815 10.6727 13.9514 10.9011C14.2213 11.1294 14.3459 11.4407 14.3459 11.8247C14.3459 12.0426 14.3044 12.2398 14.211 12.4266C14.1175 12.603 14.0033 12.7483 13.858 12.8417C13.7127 12.9351 13.5466 13.0077 13.3597 13.0389C13.1729 13.07 12.9341 13.0907 12.6539 13.0907H12.2698V13.8587H12.82ZM12.2698 12.4266H12.4255C12.7784 12.4266 13.0068 12.3643 13.1106 12.2501C13.2144 12.136 13.2663 11.9907 13.2663 11.8247C13.2663 11.6794 13.2352 11.5549 13.1625 11.4511C13.0899 11.3473 13.0068 11.285 12.9238 11.2643C12.8407 11.2435 12.685 11.2331 12.4774 11.2331H12.2802V12.4266H12.2698Z" fill="white"/>
|
||||
<path d="M17.2525 13.1943V12.5197H19.1107C19.1107 12.9971 19.0276 13.3811 18.8512 13.6613C18.6747 13.9415 18.4256 14.1594 18.0934 14.3254C17.7612 14.4915 17.3875 14.5641 16.9827 14.5641C16.2664 14.5641 15.7162 14.3773 15.3321 13.9934C14.9481 13.6094 14.7612 13.1216 14.7612 12.5301C14.7612 12.115 14.8546 11.7622 15.0415 11.4405C15.2283 11.1291 15.4878 10.8904 15.8096 10.7348C16.1314 10.5791 16.4844 10.4961 16.8581 10.4961C17.3875 10.4961 17.8027 10.6206 18.1038 10.8801V10.5584H18.7785V11.9697H18.1038C18.0311 11.731 17.8961 11.5442 17.6885 11.4093C17.4809 11.2744 17.2525 11.2018 17.0138 11.2018C16.7024 11.2018 16.4325 11.3159 16.2041 11.5339C15.9861 11.7622 15.8719 12.0631 15.8719 12.4575C15.8719 12.9141 15.9861 13.2565 16.2145 13.4849C16.4429 13.7235 16.7128 13.8377 17.0449 13.8377C17.2837 13.8377 17.4809 13.7754 17.6366 13.6613C17.7923 13.5471 17.9065 13.3811 17.9688 13.1735H17.2525V13.1943Z" fill="white"/>
|
||||
<path d="M32.263 39.1482H11.0243C10.6921 39.1482 10.4118 38.8783 10.4118 38.5359V21.6826C10.4118 21.3505 10.6817 21.0703 11.0243 21.0703H32.263C32.5952 21.0703 32.8755 21.3401 32.8755 21.6826V38.5462C32.8755 38.8783 32.5952 39.1482 32.263 39.1482Z" fill="#7CC8FB"/>
|
||||
<path d="M32.8755 27.4322C32.8755 27.4322 27.5087 24.101 22.8893 26.1558C22.3391 26.4048 21.8305 26.7265 21.353 27.1001C20.1592 28.0341 15.5087 31.2719 10.4118 29.3002V33.4512H32.8651V27.4322H32.8755Z" fill="#00B564"/>
|
||||
<path d="M10.4118 27.4322C10.4118 27.4322 15.7786 24.101 20.398 26.1558C20.9481 26.4048 21.4568 26.7265 21.9343 27.1001C23.1281 28.0341 27.7786 31.2719 32.8755 29.3002V33.4512H10.4118V27.4322Z" fill="#4ACC97"/>
|
||||
<path d="M32.0658 39.1498H11.2215C10.7751 39.1498 10.4118 38.7866 10.4118 38.3404V33.4629H32.8651V38.3404C32.8754 38.7866 32.5121 39.1498 32.0658 39.1498Z" fill="#41C0E3"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9675" x="0.273369" y="0" width="43.7266" height="54.8223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9675"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9675" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of Chan HKID
|
||||
</td>
|
||||
<td>Change of Company and Director...</td>
|
||||
<td>HKID</td>
|
||||
<td class="flex items-center">
|
||||
Failed
|
||||
<svg style="width: 50px;" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="flag-2">
|
||||
<g id="Vector">
|
||||
<path d="M7 4.96094L15.4052 7.38401C18.8295 8.35325 18.8295 10.0148 15.6127 11.1225L7 13.9609" fill="#FF0000"/>
|
||||
<path d="M7 4.96094L15.4052 7.38401C18.8295 8.35325 18.8295 10.0148 15.6127 11.1225L7 13.9609" stroke="#FF0000" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<path id="Vector_2" d="M6.44995 2.96094V22.9609" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
</svg>
|
||||
<span style="color: #F00">Reupload</span>
|
||||
</td>
|
||||
<td>20230515-12:55</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Properties</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="completed-tab-pane" role="tabpanel" aria-labelledby="completed-tab" tabindex="0">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr class="table-bordered">
|
||||
<th scope="col">Document Name</th>
|
||||
<th scope="col">Service</th>
|
||||
<th scope="col">Document Category</th>
|
||||
<th scope="col">Status</th>
|
||||
<th scope="col">Last Status Timestamp</th>
|
||||
<th scope="col">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td scope="row" class="flex items-center">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 55" fill="none">
|
||||
<g filter="url(#filter0_d_194_9675)">
|
||||
<path d="M36 9.94639V41.4633C36 42.2104 35.3875 42.8227 34.6401 42.8227H9.63323C8.88583 42.8227 8.27337 42.2104 8.27337 41.4633V5.35947C8.27337 4.61228 8.88583 4 9.63323 4H30.0519L36 9.94639Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M36 9.94577V41.4626C36 42.2098 35.3875 42.8221 34.6401 42.8221H32.6989C33.4463 42.8221 34.0588 42.2098 34.0588 41.4626V9.94577L28.1211 4.00977H30.0519L36 9.94577Z" fill="#E2E1DE"/>
|
||||
<path d="M36 9.94639H31.4118C30.6644 9.94639 30.0519 9.34448 30.0519 8.58692V4L36 9.94639Z" fill="#C9C9C9"/>
|
||||
<path d="M19.6194 16.1308H6V10.6202C6 10.2051 6.33218 9.87305 6.7474 9.87305H19.609C20.0242 9.87305 20.3564 10.2051 20.3564 10.6202V15.3836C20.3668 15.7883 20.0346 16.1308 19.6194 16.1308Z" fill="#4ACC97"/>
|
||||
<path d="M20.3668 15.2804V15.3738C20.3668 15.7889 20.0346 16.1314 19.609 16.1314H6V10.6209C6 10.2057 6.33218 9.86328 6.75778 9.86328H7.14187V11.8247C7.14187 13.7341 8.68858 15.2804 10.5986 15.2804H20.3668Z" fill="#38C487"/>
|
||||
<path d="M6 16.1309L8.28373 18.7253V16.1309H6Z" fill="#00B564"/>
|
||||
<path d="M18.5916 17.7601H8.28367V16.1309H19.5985V16.7639C19.5985 17.3139 19.1418 17.7601 18.5916 17.7601Z" fill="#E2E1DE"/>
|
||||
<path d="M8.1488 15.6741V14.9581C8.26299 14.9892 8.35642 15.01 8.44984 15.01C8.60555 15.01 8.71974 14.9685 8.7924 14.8751C8.86507 14.7921 8.89621 14.6364 8.89621 14.4185V11.2429H8.30451V10.5684H10.4637V11.2429H9.92389V14.46C9.92389 14.8958 9.82008 15.2279 9.60209 15.4355C9.3841 15.643 9.10382 15.7572 8.75088 15.7572C8.56403 15.7468 8.3668 15.7157 8.1488 15.6741Z" fill="white"/>
|
||||
<path d="M12.82 13.8587V14.5332H10.7335V13.8587H11.2421V11.2331H10.7335V10.5586H12.82C13.3078 10.5586 13.6815 10.6727 13.9514 10.9011C14.2213 11.1294 14.3459 11.4407 14.3459 11.8247C14.3459 12.0426 14.3044 12.2398 14.211 12.4266C14.1175 12.603 14.0033 12.7483 13.858 12.8417C13.7127 12.9351 13.5466 13.0077 13.3597 13.0389C13.1729 13.07 12.9341 13.0907 12.6539 13.0907H12.2698V13.8587H12.82ZM12.2698 12.4266H12.4255C12.7784 12.4266 13.0068 12.3643 13.1106 12.2501C13.2144 12.136 13.2663 11.9907 13.2663 11.8247C13.2663 11.6794 13.2352 11.5549 13.1625 11.4511C13.0899 11.3473 13.0068 11.285 12.9238 11.2643C12.8407 11.2435 12.685 11.2331 12.4774 11.2331H12.2802V12.4266H12.2698Z" fill="white"/>
|
||||
<path d="M17.2525 13.1943V12.5197H19.1107C19.1107 12.9971 19.0276 13.3811 18.8512 13.6613C18.6747 13.9415 18.4256 14.1594 18.0934 14.3254C17.7612 14.4915 17.3875 14.5641 16.9827 14.5641C16.2664 14.5641 15.7162 14.3773 15.3321 13.9934C14.9481 13.6094 14.7612 13.1216 14.7612 12.5301C14.7612 12.115 14.8546 11.7622 15.0415 11.4405C15.2283 11.1291 15.4878 10.8904 15.8096 10.7348C16.1314 10.5791 16.4844 10.4961 16.8581 10.4961C17.3875 10.4961 17.8027 10.6206 18.1038 10.8801V10.5584H18.7785V11.9697H18.1038C18.0311 11.731 17.8961 11.5442 17.6885 11.4093C17.4809 11.2744 17.2525 11.2018 17.0138 11.2018C16.7024 11.2018 16.4325 11.3159 16.2041 11.5339C15.9861 11.7622 15.8719 12.0631 15.8719 12.4575C15.8719 12.9141 15.9861 13.2565 16.2145 13.4849C16.4429 13.7235 16.7128 13.8377 17.0449 13.8377C17.2837 13.8377 17.4809 13.7754 17.6366 13.6613C17.7923 13.5471 17.9065 13.3811 17.9688 13.1735H17.2525V13.1943Z" fill="white"/>
|
||||
<path d="M32.263 39.1482H11.0243C10.6921 39.1482 10.4118 38.8783 10.4118 38.5359V21.6826C10.4118 21.3505 10.6817 21.0703 11.0243 21.0703H32.263C32.5952 21.0703 32.8755 21.3401 32.8755 21.6826V38.5462C32.8755 38.8783 32.5952 39.1482 32.263 39.1482Z" fill="#7CC8FB"/>
|
||||
<path d="M32.8755 27.4322C32.8755 27.4322 27.5087 24.101 22.8893 26.1558C22.3391 26.4048 21.8305 26.7265 21.353 27.1001C20.1592 28.0341 15.5087 31.2719 10.4118 29.3002V33.4512H32.8651V27.4322H32.8755Z" fill="#00B564"/>
|
||||
<path d="M10.4118 27.4322C10.4118 27.4322 15.7786 24.101 20.398 26.1558C20.9481 26.4048 21.4568 26.7265 21.9343 27.1001C23.1281 28.0341 27.7786 31.2719 32.8755 29.3002V33.4512H10.4118V27.4322Z" fill="#4ACC97"/>
|
||||
<path d="M32.0658 39.1498H11.2215C10.7751 39.1498 10.4118 38.7866 10.4118 38.3404V33.4629H32.8651V38.3404C32.8754 38.7866 32.5121 39.1498 32.0658 39.1498Z" fill="#41C0E3"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9675" x="0.273369" y="0" width="43.7266" height="54.8223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9675"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9675" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of DCR Ltd.CI
|
||||
</td>
|
||||
<td>Incorporation of Hong Kong Limit...</td>
|
||||
<td>CI</td>
|
||||
<td><span style="color: #06AE25">Filed</span></td>
|
||||
<td>20230515-14:43</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Properties</a> | <a href="#" style="color: #009B9A;">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td scope="row" class="flex items-center">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 56" fill="none">
|
||||
<g filter="url(#filter0_d_194_9768)">
|
||||
<path d="M36.0001 10.4041V41.9186C36.0001 42.6654 35.3906 43.2747 34.6436 43.2747H9.63711C8.89006 43.2747 8.28062 42.6654 8.28062 41.9186V5.82485C8.28062 5.07801 8.89006 4.46875 9.63711 4.46875H30.0532L36.0001 10.4041Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M35.9999 10.4041V41.9186C35.9999 42.6654 35.3904 43.2747 34.6434 43.2747H32.707C33.454 43.2747 34.0634 42.6654 34.0634 41.9186V10.4041L28.1264 4.46875H30.0628L35.9999 10.4041Z" fill="#E5E5E5"/>
|
||||
<path d="M35.9998 10.4041H31.4093C30.6623 10.4041 30.0529 9.79486 30.0529 9.04803V4.46875L35.9998 10.4041Z" fill="#CECECE"/>
|
||||
<path d="M30.2691 22.8443H14.1683C13.6276 22.8443 13.1853 22.4021 13.1853 21.8616C13.1853 21.3211 13.6276 20.8789 14.1683 20.8789H30.2691C30.8098 20.8789 31.2521 21.3211 31.2521 21.8616C31.2521 22.4119 30.8196 22.8443 30.2691 22.8443Z" fill="#CECECE"/>
|
||||
<path d="M30.2691 27.8853H14.1683C13.6276 27.8853 13.1853 27.4431 13.1853 26.9026C13.1853 26.3621 13.6276 25.9199 14.1683 25.9199H30.2691C30.8098 25.9199 31.2521 26.3621 31.2521 26.9026C31.2521 27.4529 30.8196 27.8853 30.2691 27.8853Z" fill="#CECECE"/>
|
||||
<path d="M30.2691 32.9263H14.1683C13.6276 32.9263 13.1853 32.4841 13.1853 31.9436C13.1853 31.4031 13.6276 30.9609 14.1683 30.9609H30.2691C30.8098 30.9609 31.2521 31.4031 31.2521 31.9436C31.2521 32.4939 30.8196 32.9263 30.2691 32.9263Z" fill="#CECECE"/>
|
||||
<path d="M19.6139 17.7343H5.99991V12.2215C5.99991 11.8088 6.33411 11.4648 6.75678 11.4648H19.6139C20.0267 11.4648 20.3708 11.799 20.3708 12.2215V16.9777C20.3708 17.3904 20.0366 17.7343 19.6139 17.7343Z" fill="#F55B4B"/>
|
||||
<path d="M20.3708 16.8794V16.9777C20.3708 17.3904 20.0366 17.7343 19.6139 17.7343H5.99991V12.2215C5.99991 11.8088 6.33411 11.4648 6.75678 11.4648H7.14014V13.4302C7.14014 15.3366 8.68339 16.8892 10.6002 16.8892H20.3708V16.8794Z" fill="#DD4E43"/>
|
||||
<path d="M5.99991 17.7344L8.28037 20.3286V17.7344H5.99991Z" fill="#DB1B1B"/>
|
||||
<path d="M9.68596 15.7897V16.4481H7.63157V15.7897H8.13288V13.2053H7.63157V12.5469H9.68596C10.1676 12.5469 10.5313 12.655 10.7967 12.881C11.0621 13.107 11.1899 13.4116 11.1899 13.785C11.1899 14.0012 11.1407 14.1978 11.0523 14.3747C10.9638 14.5515 10.8458 14.6891 10.6984 14.7776C10.551 14.8758 10.3937 14.9348 10.2069 14.9741C10.0202 15.0134 9.79408 15.0232 9.51885 15.0232H9.14533V15.7799H9.68596V15.7897ZM9.14533 14.3747H9.29277C9.63681 14.3747 9.86289 14.3157 9.96118 14.2076C10.0595 14.0995 10.1086 13.9521 10.1086 13.785C10.1086 13.6475 10.0693 13.5197 10.0005 13.4215C9.93169 13.3232 9.85306 13.2642 9.76459 13.2347C9.67613 13.2151 9.52868 13.1954 9.32226 13.1954H9.1355V14.3747H9.14533Z" fill="white"/>
|
||||
<path d="M11.4258 16.4481V15.7897H12.0155V13.2053H11.4258V12.5469H13.2737C13.6669 12.5469 13.9716 12.5665 14.2174 12.6157C14.4533 12.6648 14.6794 12.7729 14.8956 12.9301C15.1119 13.0972 15.2888 13.3134 15.4166 13.5885C15.5444 13.8637 15.6132 14.1683 15.6132 14.5024C15.6132 14.7776 15.564 15.033 15.4756 15.2787C15.3871 15.5244 15.2691 15.7209 15.1315 15.8782C14.9939 16.0256 14.8366 16.1533 14.64 16.2417C14.4533 16.3302 14.2763 16.3891 14.1191 16.4186C13.9618 16.4481 13.7161 16.4579 13.3819 16.4579H11.4258V16.4481ZM13.0378 15.7897H13.2836C13.5784 15.7897 13.8144 15.7504 13.9913 15.6718C14.1682 15.5932 14.3058 15.4556 14.4041 15.2689C14.5123 15.0724 14.5614 14.8267 14.5614 14.5122C14.5614 14.2174 14.5123 13.9619 14.4041 13.7556C14.296 13.5492 14.1584 13.4018 13.9716 13.3232C13.7947 13.2446 13.5588 13.2053 13.2836 13.2053H13.0378V15.7897Z" fill="white"/>
|
||||
<path d="M16.0654 16.4481V15.7897H16.6257V13.2053H16.0654V12.5469H19.5647V13.7556H18.8177V13.2151H17.6479V14.1192H18.4933V14.7776H17.6479V15.7897H18.2475V16.4481H16.0654Z" fill="white"/>
|
||||
<path d="M18.1199 19.5622H8.29033V17.7344H19.6632V18.0292C19.6533 18.8743 18.9653 19.5622 18.1199 19.5622Z" fill="#E5E5E5"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9768" x="0.280624" y="0.46875" width="43.7195" height="54.8066" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9768"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9768" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of DCR Ltd.BR
|
||||
</td>
|
||||
<td>Change Company Name</td>
|
||||
<td>BR</td>
|
||||
<td><span style="color: #06AE25">Filed</span></td>
|
||||
<td>20230515-13:26</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Properties</a> | <a href="#" style="color: #009B9A;">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td scope="row" class="flex items-center">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 55" fill="none">
|
||||
<g filter="url(#filter0_d_194_9675)">
|
||||
<path d="M36 9.94639V41.4633C36 42.2104 35.3875 42.8227 34.6401 42.8227H9.63323C8.88583 42.8227 8.27337 42.2104 8.27337 41.4633V5.35947C8.27337 4.61228 8.88583 4 9.63323 4H30.0519L36 9.94639Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M36 9.94577V41.4626C36 42.2098 35.3875 42.8221 34.6401 42.8221H32.6989C33.4463 42.8221 34.0588 42.2098 34.0588 41.4626V9.94577L28.1211 4.00977H30.0519L36 9.94577Z" fill="#E2E1DE"/>
|
||||
<path d="M36 9.94639H31.4118C30.6644 9.94639 30.0519 9.34448 30.0519 8.58692V4L36 9.94639Z" fill="#C9C9C9"/>
|
||||
<path d="M19.6194 16.1308H6V10.6202C6 10.2051 6.33218 9.87305 6.7474 9.87305H19.609C20.0242 9.87305 20.3564 10.2051 20.3564 10.6202V15.3836C20.3668 15.7883 20.0346 16.1308 19.6194 16.1308Z" fill="#4ACC97"/>
|
||||
<path d="M20.3668 15.2804V15.3738C20.3668 15.7889 20.0346 16.1314 19.609 16.1314H6V10.6209C6 10.2057 6.33218 9.86328 6.75778 9.86328H7.14187V11.8247C7.14187 13.7341 8.68858 15.2804 10.5986 15.2804H20.3668Z" fill="#38C487"/>
|
||||
<path d="M6 16.1309L8.28373 18.7253V16.1309H6Z" fill="#00B564"/>
|
||||
<path d="M18.5916 17.7601H8.28367V16.1309H19.5985V16.7639C19.5985 17.3139 19.1418 17.7601 18.5916 17.7601Z" fill="#E2E1DE"/>
|
||||
<path d="M8.1488 15.6741V14.9581C8.26299 14.9892 8.35642 15.01 8.44984 15.01C8.60555 15.01 8.71974 14.9685 8.7924 14.8751C8.86507 14.7921 8.89621 14.6364 8.89621 14.4185V11.2429H8.30451V10.5684H10.4637V11.2429H9.92389V14.46C9.92389 14.8958 9.82008 15.2279 9.60209 15.4355C9.3841 15.643 9.10382 15.7572 8.75088 15.7572C8.56403 15.7468 8.3668 15.7157 8.1488 15.6741Z" fill="white"/>
|
||||
<path d="M12.82 13.8587V14.5332H10.7335V13.8587H11.2421V11.2331H10.7335V10.5586H12.82C13.3078 10.5586 13.6815 10.6727 13.9514 10.9011C14.2213 11.1294 14.3459 11.4407 14.3459 11.8247C14.3459 12.0426 14.3044 12.2398 14.211 12.4266C14.1175 12.603 14.0033 12.7483 13.858 12.8417C13.7127 12.9351 13.5466 13.0077 13.3597 13.0389C13.1729 13.07 12.9341 13.0907 12.6539 13.0907H12.2698V13.8587H12.82ZM12.2698 12.4266H12.4255C12.7784 12.4266 13.0068 12.3643 13.1106 12.2501C13.2144 12.136 13.2663 11.9907 13.2663 11.8247C13.2663 11.6794 13.2352 11.5549 13.1625 11.4511C13.0899 11.3473 13.0068 11.285 12.9238 11.2643C12.8407 11.2435 12.685 11.2331 12.4774 11.2331H12.2802V12.4266H12.2698Z" fill="white"/>
|
||||
<path d="M17.2525 13.1943V12.5197H19.1107C19.1107 12.9971 19.0276 13.3811 18.8512 13.6613C18.6747 13.9415 18.4256 14.1594 18.0934 14.3254C17.7612 14.4915 17.3875 14.5641 16.9827 14.5641C16.2664 14.5641 15.7162 14.3773 15.3321 13.9934C14.9481 13.6094 14.7612 13.1216 14.7612 12.5301C14.7612 12.115 14.8546 11.7622 15.0415 11.4405C15.2283 11.1291 15.4878 10.8904 15.8096 10.7348C16.1314 10.5791 16.4844 10.4961 16.8581 10.4961C17.3875 10.4961 17.8027 10.6206 18.1038 10.8801V10.5584H18.7785V11.9697H18.1038C18.0311 11.731 17.8961 11.5442 17.6885 11.4093C17.4809 11.2744 17.2525 11.2018 17.0138 11.2018C16.7024 11.2018 16.4325 11.3159 16.2041 11.5339C15.9861 11.7622 15.8719 12.0631 15.8719 12.4575C15.8719 12.9141 15.9861 13.2565 16.2145 13.4849C16.4429 13.7235 16.7128 13.8377 17.0449 13.8377C17.2837 13.8377 17.4809 13.7754 17.6366 13.6613C17.7923 13.5471 17.9065 13.3811 17.9688 13.1735H17.2525V13.1943Z" fill="white"/>
|
||||
<path d="M32.263 39.1482H11.0243C10.6921 39.1482 10.4118 38.8783 10.4118 38.5359V21.6826C10.4118 21.3505 10.6817 21.0703 11.0243 21.0703H32.263C32.5952 21.0703 32.8755 21.3401 32.8755 21.6826V38.5462C32.8755 38.8783 32.5952 39.1482 32.263 39.1482Z" fill="#7CC8FB"/>
|
||||
<path d="M32.8755 27.4322C32.8755 27.4322 27.5087 24.101 22.8893 26.1558C22.3391 26.4048 21.8305 26.7265 21.353 27.1001C20.1592 28.0341 15.5087 31.2719 10.4118 29.3002V33.4512H32.8651V27.4322H32.8755Z" fill="#00B564"/>
|
||||
<path d="M10.4118 27.4322C10.4118 27.4322 15.7786 24.101 20.398 26.1558C20.9481 26.4048 21.4568 26.7265 21.9343 27.1001C23.1281 28.0341 27.7786 31.2719 32.8755 29.3002V33.4512H10.4118V27.4322Z" fill="#4ACC97"/>
|
||||
<path d="M32.0658 39.1498H11.2215C10.7751 39.1498 10.4118 38.7866 10.4118 38.3404V33.4629H32.8651V38.3404C32.8754 38.7866 32.5121 39.1498 32.0658 39.1498Z" fill="#41C0E3"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9675" x="0.273369" y="0" width="43.7266" height="54.8223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9675"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9675" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of Lee HKID
|
||||
</td>
|
||||
<td>Change Company Name</td>
|
||||
<td>HKID</td>
|
||||
<td><span style="color: #06AE25">Outdated</span></td>
|
||||
<td>20230515-13:56</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Properties</a> | <a href="#" style="color: #009B9A;">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td scope="row" class="flex items-center">
|
||||
<svg style="width: 50px;" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 44 55" fill="none">
|
||||
<g filter="url(#filter0_d_194_9675)">
|
||||
<path d="M36 9.94639V41.4633C36 42.2104 35.3875 42.8227 34.6401 42.8227H9.63323C8.88583 42.8227 8.27337 42.2104 8.27337 41.4633V5.35947C8.27337 4.61228 8.88583 4 9.63323 4H30.0519L36 9.94639Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M36 9.94577V41.4626C36 42.2098 35.3875 42.8221 34.6401 42.8221H32.6989C33.4463 42.8221 34.0588 42.2098 34.0588 41.4626V9.94577L28.1211 4.00977H30.0519L36 9.94577Z" fill="#E2E1DE"/>
|
||||
<path d="M36 9.94639H31.4118C30.6644 9.94639 30.0519 9.34448 30.0519 8.58692V4L36 9.94639Z" fill="#C9C9C9"/>
|
||||
<path d="M19.6194 16.1308H6V10.6202C6 10.2051 6.33218 9.87305 6.7474 9.87305H19.609C20.0242 9.87305 20.3564 10.2051 20.3564 10.6202V15.3836C20.3668 15.7883 20.0346 16.1308 19.6194 16.1308Z" fill="#4ACC97"/>
|
||||
<path d="M20.3668 15.2804V15.3738C20.3668 15.7889 20.0346 16.1314 19.609 16.1314H6V10.6209C6 10.2057 6.33218 9.86328 6.75778 9.86328H7.14187V11.8247C7.14187 13.7341 8.68858 15.2804 10.5986 15.2804H20.3668Z" fill="#38C487"/>
|
||||
<path d="M6 16.1309L8.28373 18.7253V16.1309H6Z" fill="#00B564"/>
|
||||
<path d="M18.5916 17.7601H8.28367V16.1309H19.5985V16.7639C19.5985 17.3139 19.1418 17.7601 18.5916 17.7601Z" fill="#E2E1DE"/>
|
||||
<path d="M8.1488 15.6741V14.9581C8.26299 14.9892 8.35642 15.01 8.44984 15.01C8.60555 15.01 8.71974 14.9685 8.7924 14.8751C8.86507 14.7921 8.89621 14.6364 8.89621 14.4185V11.2429H8.30451V10.5684H10.4637V11.2429H9.92389V14.46C9.92389 14.8958 9.82008 15.2279 9.60209 15.4355C9.3841 15.643 9.10382 15.7572 8.75088 15.7572C8.56403 15.7468 8.3668 15.7157 8.1488 15.6741Z" fill="white"/>
|
||||
<path d="M12.82 13.8587V14.5332H10.7335V13.8587H11.2421V11.2331H10.7335V10.5586H12.82C13.3078 10.5586 13.6815 10.6727 13.9514 10.9011C14.2213 11.1294 14.3459 11.4407 14.3459 11.8247C14.3459 12.0426 14.3044 12.2398 14.211 12.4266C14.1175 12.603 14.0033 12.7483 13.858 12.8417C13.7127 12.9351 13.5466 13.0077 13.3597 13.0389C13.1729 13.07 12.9341 13.0907 12.6539 13.0907H12.2698V13.8587H12.82ZM12.2698 12.4266H12.4255C12.7784 12.4266 13.0068 12.3643 13.1106 12.2501C13.2144 12.136 13.2663 11.9907 13.2663 11.8247C13.2663 11.6794 13.2352 11.5549 13.1625 11.4511C13.0899 11.3473 13.0068 11.285 12.9238 11.2643C12.8407 11.2435 12.685 11.2331 12.4774 11.2331H12.2802V12.4266H12.2698Z" fill="white"/>
|
||||
<path d="M17.2525 13.1943V12.5197H19.1107C19.1107 12.9971 19.0276 13.3811 18.8512 13.6613C18.6747 13.9415 18.4256 14.1594 18.0934 14.3254C17.7612 14.4915 17.3875 14.5641 16.9827 14.5641C16.2664 14.5641 15.7162 14.3773 15.3321 13.9934C14.9481 13.6094 14.7612 13.1216 14.7612 12.5301C14.7612 12.115 14.8546 11.7622 15.0415 11.4405C15.2283 11.1291 15.4878 10.8904 15.8096 10.7348C16.1314 10.5791 16.4844 10.4961 16.8581 10.4961C17.3875 10.4961 17.8027 10.6206 18.1038 10.8801V10.5584H18.7785V11.9697H18.1038C18.0311 11.731 17.8961 11.5442 17.6885 11.4093C17.4809 11.2744 17.2525 11.2018 17.0138 11.2018C16.7024 11.2018 16.4325 11.3159 16.2041 11.5339C15.9861 11.7622 15.8719 12.0631 15.8719 12.4575C15.8719 12.9141 15.9861 13.2565 16.2145 13.4849C16.4429 13.7235 16.7128 13.8377 17.0449 13.8377C17.2837 13.8377 17.4809 13.7754 17.6366 13.6613C17.7923 13.5471 17.9065 13.3811 17.9688 13.1735H17.2525V13.1943Z" fill="white"/>
|
||||
<path d="M32.263 39.1482H11.0243C10.6921 39.1482 10.4118 38.8783 10.4118 38.5359V21.6826C10.4118 21.3505 10.6817 21.0703 11.0243 21.0703H32.263C32.5952 21.0703 32.8755 21.3401 32.8755 21.6826V38.5462C32.8755 38.8783 32.5952 39.1482 32.263 39.1482Z" fill="#7CC8FB"/>
|
||||
<path d="M32.8755 27.4322C32.8755 27.4322 27.5087 24.101 22.8893 26.1558C22.3391 26.4048 21.8305 26.7265 21.353 27.1001C20.1592 28.0341 15.5087 31.2719 10.4118 29.3002V33.4512H32.8651V27.4322H32.8755Z" fill="#00B564"/>
|
||||
<path d="M10.4118 27.4322C10.4118 27.4322 15.7786 24.101 20.398 26.1558C20.9481 26.4048 21.4568 26.7265 21.9343 27.1001C23.1281 28.0341 27.7786 31.2719 32.8755 29.3002V33.4512H10.4118V27.4322Z" fill="#4ACC97"/>
|
||||
<path d="M32.0658 39.1498H11.2215C10.7751 39.1498 10.4118 38.7866 10.4118 38.3404V33.4629H32.8651V38.3404C32.8754 38.7866 32.5121 39.1498 32.0658 39.1498Z" fill="#41C0E3"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_194_9675" x="0.273369" y="0" width="43.7266" height="54.8223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="4"/>
|
||||
<feGaussianBlur stdDeviation="4"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.080434 0 0 0 0 0.470833 0 0 0 0 0.329856 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_194_9675"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_194_9675" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
Copy of Chan HKID
|
||||
</td>
|
||||
<td>Change of Company and Director...</td>
|
||||
<td>HKID</td>
|
||||
<td><span style="color: #06AE25">Filed</span></td>
|
||||
<td>20230515-12:55</td>
|
||||
<td><a href="#" style="color: #009B9A;">View</a> | <a href="#" data-bs-toggle="modal" data-bs-target="#listPropertiesModal" style="color: #009B9A;">Properties</a> | <a href="#" style="color: #009B9A;">Download</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- List Properties Modal --}}
|
||||
<div class="modal fade custom-modal style2" id="listPropertiesModal" tabindex="-1" aria-labelledby="listPropertiesModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title">Properties</p>
|
||||
<div class="col">
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-3 offset-xxl-0 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Document Name:</h1>
|
||||
</div>
|
||||
<div class="col" style="width: 765px;">
|
||||
Copy of DCE Ltd.CI.jpg
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Original Name:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
DCE Ltd.CI.jpg
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Document ID:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
202305151356-5
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Document Type:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
Company Secretary
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Document Category:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
CI
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Status:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
Completed
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Last status timestamp:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
20230515-14:43
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col">
|
||||
<hr class="new2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Company Name:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
DCE Food Delivery Ltd
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Company ID:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
202302
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Uploaded on:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
2023/05/14 - 13:36
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Uploaded by:</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
Mary Chan
|
||||
</div>
|
||||
</div>
|
||||
<div class="row flex justify-center items-center" style="margin-top: 20px;">
|
||||
<button class="btn" style="width: 200px;background: #9B0025;color: rgb(255,255,255);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;" type="button" data-bs-dismiss="modal">Back</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,524 @@
|
||||
@extends('theme::user.layouts.app')
|
||||
|
||||
<link rel="stylesheet" href="/themes/tailwind/css/Drag--Drop-Upload-Form.css">
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="card">
|
||||
<div class="d-sm-flex d-md-flex d-lg-flex d-xl-flex d-xxl-flex justify-content-between align-items-sm-center align-items-md-center align-items-lg-center align-items-xl-center align-items-xxl-center" style="height: 100px;background: linear-gradient(90deg, #7db979, #26bbaa);margin-right: 0px;">
|
||||
<div class="justify-content-start" style="margin-left: 20px;">
|
||||
<div class="col d-sm-flex d-md-flex d-lg-flex d-xl-flex d-xxl-flex align-items-sm-center align-items-md-center align-items-lg-center justify-content-xl-start align-items-xl-center justify-content-xxl-center align-items-xxl-center" style="width: 262px;"><img src="/themes/tailwind/images/clipboard-image-29.png" style="width: 80px;margin-left: 10px;">
|
||||
<h1 style="font-size: 20px;color: rgb(0,0,0);margin-bottom: 0px;">Transfer of shares </h1>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-right: 20px;"><img src="/themes/tailwind/images/clipboard-image-16.png" style="width: 98px;"></div>
|
||||
</div>
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 650px;">
|
||||
<form>
|
||||
<div style="margin-right: 150px;margin-left: 150px;">
|
||||
<div class="col">
|
||||
<div class="row" style="margin: 0px;">
|
||||
<div class="col-xxl-12" style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<h1 style="font-size: 24px;text-align: center;color: rgb(7,7,7);margin-bottom: 0px;">Transfer of shares </h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 24px;">Transferor</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-3 offset-xxl-0 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Name</h1>
|
||||
</div>
|
||||
<div class="col" style="width: 765px;"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Address</h1>
|
||||
</div>
|
||||
<div class="col"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Occupation</h1>
|
||||
</div>
|
||||
<div class="col"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Address</h1>
|
||||
</div>
|
||||
<div class="col"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Company name</h1>
|
||||
</div>
|
||||
<div class="col"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Number of Shares</h1>
|
||||
</div>
|
||||
<div class="col"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 19px;">Receive Consideration ($)</h1>
|
||||
</div>
|
||||
<div class="col"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col">
|
||||
<hr class="new2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 24px;">Transferee</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Name</h1>
|
||||
</div>
|
||||
<div class="col"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Address</h1>
|
||||
</div>
|
||||
<div class="col"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Occupation</h1>
|
||||
</div>
|
||||
<div class="col"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Company name</h1>
|
||||
</div>
|
||||
<div class="col"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Number of Shares</h1>
|
||||
</div>
|
||||
<div class="col"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 19px;">Receive Consideration ($)</h1>
|
||||
</div>
|
||||
<div class="col"><input class="form-control" type="text" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);padding-left: 20px;"></div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body" style="background: #F4F7FA;">
|
||||
<div class="container">
|
||||
<div class="row" style="margin-top: 10px;margin-bottom: 10px;">
|
||||
<div class="col">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 24px;">Verify transferee documents and identity</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body" style="height: 100px;background: url("/themes/tailwind/images/clipboard-image-19.png") center / contain no-repeat;">
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
<div class="col-xxl-8">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Verification of Director <br>ID / passport</h1>
|
||||
</div>
|
||||
<div class="col d-xxl-flex justify-content-xxl-end"><img src="/themes/tailwind/images/clipboard-image-21.png" style="width: 70px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body" style="height: 100px;background: url("/themes/tailwind/images/clipboard-image-20.png") center / contain no-repeat;">
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
<div class="col-xxl-8">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Verification of Director <br>ID / passport</h1>
|
||||
</div>
|
||||
<div class="col d-xxl-flex justify-content-xxl-end"><img src="/themes/tailwind/images/clipboard-image-22.png" style="width: 70px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 10px;margin-bottom: 10px;">
|
||||
<div class="col">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 24px;">Verify transferor documents and identity</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body" style="height: 100px;background: url("/themes/tailwind/images/clipboard-image-19.png") center / contain no-repeat;">
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
<div class="col-xxl-8">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Verification of Director <br>ID / passport</h1>
|
||||
</div>
|
||||
<div class="col d-xxl-flex justify-content-xxl-end"><img src="/themes/tailwind/images/clipboard-image-21.png" style="width: 70px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body" style="height: 100px;background: url("/themes/tailwind/images/clipboard-image-20.png") center / contain no-repeat;">
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
<div class="col-xxl-8">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Verification of Director <br>ID / passport</h1>
|
||||
</div>
|
||||
<div class="col d-xxl-flex justify-content-xxl-end"><img src="/themes/tailwind/images/clipboard-image-22.png" style="width: 70px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 24px;">Please upload a copy of the following documents</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center">
|
||||
<div>
|
||||
<h1 id="address" style="color: rgb(0,0,0);font-size: 20px;">Certificate of Incorporation</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div id="modal-open-1">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal-1" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div>
|
||||
<h1 style="text-align: center;font-size: 18px;color: #364257;">Upload Document</h1>
|
||||
</div>
|
||||
<div class="card" style="border-style: none;">
|
||||
<div class="card-body" style="border-style: none;">
|
||||
<div class="dashed_upload"><div class="wrapper">
|
||||
<div class="drop">
|
||||
<div class="cont">
|
||||
<img src="/themes/tailwind/images/clipboard-image-23.png" width="100px"/>
|
||||
<div class="tit">
|
||||
Drag and drop files here or choose file.<br>
|
||||
Accepted file types: Doc / PDF / JPG / PNG
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn" type="button" style="color: #364257;background: #F3CF5D;font-size: 15px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 40px;margin-top: 15px;">Choose File</button>
|
||||
</div>
|
||||
</div>
|
||||
<output id="list"></output><input id="files" multiple name="files[]" type="file" />
|
||||
</div>
|
||||
</div>
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
|
||||
<script src="js/index.js"></script></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Name</h1>
|
||||
</div>
|
||||
<div><input class="form-control" type="text" style="border-color: #364257;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 500px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-start align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Category</h1>
|
||||
</div>
|
||||
<div style="margin-left: 25px;width: 130.2656px;">
|
||||
<div class="dropdown"><button class="btn btn-primary disabled dropdown-toggle placeholder disabled" aria-expanded="false" data-bs-toggle="dropdown" type="button" style="background: rgba(37,37,37,0);color: var(--bs-gray-dark);border-style: none;width: 129.2656px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;text-align: left;" disabled="">CL </button>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="col d-xxl-flex justify-content-center align-items-xxl-center">
|
||||
<div><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-right: 10px;" data-bs-dismiss="modal">Save</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-left: 10px;" data-bs-dismiss="modal">Cancel</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-1" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">UPLOAD</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center">
|
||||
<div>
|
||||
<h1 id="address-1" style="color: rgb(0,0,0);font-size: 20px;">BR</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div id="modal-open-2">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal-2" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div>
|
||||
<h1 style="text-align: center;font-size: 18px;color: #364257;">Upload Document</h1>
|
||||
</div>
|
||||
<div class="card" style="border-style: none;">
|
||||
<div class="card-body" style="border-style: none;">
|
||||
<div class="dashed_upload"><div class="wrapper">
|
||||
<div class="drop">
|
||||
<div class="cont">
|
||||
<img src="/themes/tailwind/images/clipboard-image-23.png" width="100px"/>
|
||||
<div class="tit">
|
||||
Drag and drop files here or choose file.<br>
|
||||
Accepted file types: Doc / PDF / JPG / PNG
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn" type="button" style="color: #364257;background: #F3CF5D;font-size: 15px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 40px;margin-top: 15px;">Choose File</button>
|
||||
</div>
|
||||
</div>
|
||||
<output id="list"></output><input id="files" multiple name="files[]" type="file" />
|
||||
</div>
|
||||
</div>
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
|
||||
<script src="js/index.js"></script></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Name</h1>
|
||||
</div>
|
||||
<div><input class="form-control" type="text" style="border-color: #364257;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 500px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-start align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Category</h1>
|
||||
</div>
|
||||
<div style="margin-left: 25px;width: 130.2656px;">
|
||||
<div class="dropdown"><button class="btn btn-primary disabled dropdown-toggle placeholder disabled" aria-expanded="false" data-bs-toggle="dropdown" type="button" style="background: rgba(37,37,37,0);color: var(--bs-gray-dark);border-style: none;width: 129.2656px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;text-align: left;" disabled="">CL </button>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="col d-xxl-flex justify-content-center align-items-xxl-center">
|
||||
<div><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-right: 10px;" data-bs-dismiss="modal">Save</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-left: 10px;" data-bs-dismiss="modal">Cancel</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-2" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">UPLOAD</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center">
|
||||
<div>
|
||||
<h1 id="transferee" style="color: rgb(0,0,0);font-size: 20px;">Proof of address issued within the last three months</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div id="modal-open-3">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal-3" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div>
|
||||
<h1 style="text-align: center;font-size: 18px;color: #364257;">Upload Document</h1>
|
||||
</div>
|
||||
<div class="card" style="border-style: none;">
|
||||
<div class="card-body" style="border-style: none;">
|
||||
<div class="dashed_upload"><div class="wrapper">
|
||||
<div class="drop">
|
||||
<div class="cont">
|
||||
<img src="/themes/tailwind/images/clipboard-image-23.png" width="100px"/>
|
||||
<div class="tit">
|
||||
Drag and drop files here or choose file.<br>
|
||||
Accepted file types: Doc / PDF / JPG / PNG
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn" type="button" style="color: #364257;background: #F3CF5D;font-size: 15px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 40px;margin-top: 15px;">Choose File</button>
|
||||
</div>
|
||||
</div>
|
||||
<output id="list"></output><input id="files" multiple name="files[]" type="file" />
|
||||
</div>
|
||||
</div>
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
|
||||
<script src="js/index.js"></script></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Name</h1>
|
||||
</div>
|
||||
<div><input class="form-control" type="text" style="border-color: #364257;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 500px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-start align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Category</h1>
|
||||
</div>
|
||||
<div style="margin-left: 25px;width: 130.2656px;">
|
||||
<div class="dropdown"><button class="btn btn-primary disabled dropdown-toggle placeholder disabled" aria-expanded="false" data-bs-toggle="dropdown" type="button" style="background: rgba(37,37,37,0);color: var(--bs-gray-dark);border-style: none;width: 129.2656px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;text-align: left;" disabled="">CL </button>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="col d-xxl-flex justify-content-center align-items-xxl-center">
|
||||
<div><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-right: 10px;" data-bs-dismiss="modal">Save</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-left: 10px;" data-bs-dismiss="modal">Cancel</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-3" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">UPLOAD</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center">
|
||||
<div>
|
||||
<h1 id="transferee-1" style="color: rgb(0,0,0);font-size: 20px;">Proof of address issued within the last three months <br>(Transferee)</h1>
|
||||
</div>
|
||||
<div>
|
||||
<div id="modal-open-4">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal-4" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div>
|
||||
<h1 style="text-align: center;font-size: 18px;color: #364257;">Upload Document</h1>
|
||||
</div>
|
||||
<div class="card" style="border-style: none;">
|
||||
<div class="card-body" style="border-style: none;">
|
||||
<div class="dashed_upload"><div class="wrapper">
|
||||
<div class="drop">
|
||||
<div class="cont">
|
||||
<img src="/themes/tailwind/images/clipboard-image-23.png" width="100px"/>
|
||||
<div class="tit">
|
||||
Drag and drop files here or choose file.<br>
|
||||
Accepted file types: Doc / PDF / JPG / PNG
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn" type="button" style="color: #364257;background: #F3CF5D;font-size: 15px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 40px;margin-top: 15px;">Choose File</button>
|
||||
</div>
|
||||
</div>
|
||||
<output id="list"></output><input id="files" multiple name="files[]" type="file" />
|
||||
</div>
|
||||
</div>
|
||||
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
|
||||
<script src="js/index.js"></script></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-between align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Name</h1>
|
||||
</div>
|
||||
<div><input class="form-control" type="text" style="border-color: #364257;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 500px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;margin-bottom: 20px;">
|
||||
<div class="col d-xxl-flex justify-content-start align-items-xxl-center" style="margin-left: 40px;margin-right: 40px;">
|
||||
<div>
|
||||
<h1 style="color: #364257;font-size: 20px;">Document Category</h1>
|
||||
</div>
|
||||
<div style="margin-left: 25px;width: 130.2656px;">
|
||||
<div class="dropdown"><button class="btn btn-primary disabled dropdown-toggle placeholder disabled" aria-expanded="false" data-bs-toggle="dropdown" type="button" style="background: rgba(37,37,37,0);color: var(--bs-gray-dark);border-style: none;width: 129.2656px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;text-align: left;" disabled="">CL </button>
|
||||
<div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="col d-xxl-flex justify-content-center align-items-xxl-center">
|
||||
<div><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-right: 10px;" data-bs-dismiss="modal">Save</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: none;width: 200px;margin-left: 10px;" data-bs-dismiss="modal">Cancel</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-4" style="color: #364257;background: #F3CF5D;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">UPLOAD</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-top: 30px;">
|
||||
<div class="col d-xxl-flex justify-content-end align-items-xxl-center">
|
||||
<div id="modal-open">
|
||||
<div class="modal fade" role="dialog" tabindex="-1" id="exampleModal" aria-labelledby="exampleModalLabel">
|
||||
<div class="modal-dialog modal-sm modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<h6 style="color: #364257;">Your enquiry submitted successfully</h6>
|
||||
</div>
|
||||
<div class="modal-footer d-xxl-flex justify-content-xxl-center align-items-xxl-center"><button class="btn" style="width: 200px;background: #9B0025;color: rgb(255,255,255);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;" type="button" data-bs-dismiss="modal">Back</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><button class="btn btn-warning" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background: #009B9A;border-style: none;color: var(--bs-card-bg);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 44px;">Save as draft</button>
|
||||
</div>
|
||||
<div style="padding-right: 10px;"></div>
|
||||
<div style="margin-right: 10px;border-style: none;"><button class="btn btn-primary" type="button" style="background: #009B9A;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;padding-top: 10px;padding-bottom: 10px;border-style: none;">Leave</button></div>
|
||||
<div><button class="btn btn-primary" type="button" style="background: #9B0025;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;padding-top: 10px;padding-bottom: 10px;border-style: none;">Next</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,8 @@
|
||||
<x-mail::message>
|
||||
# Hello!
|
||||
|
||||
Your OTP is: {{ $otp }}
|
||||
|
||||
Regards,<br>
|
||||
{{ config('app.name') }}
|
||||
</x-mail::message>
|
||||
@@ -0,0 +1,12 @@
|
||||
<x-mail::message>
|
||||
# Hello!
|
||||
|
||||
You are invite to {{ $companyName }} , Please click on the below link to accept the invitation
|
||||
|
||||
<x-mail::button :url="$url">
|
||||
Acceept Invitation
|
||||
</x-mail::button>
|
||||
|
||||
Regards,<br>
|
||||
{{ config('app.name') }}
|
||||
</x-mail::message>
|
||||
@@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Welcome Email</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h2>Welcome to the site {{$user['name']}}</h2>
|
||||
<br/>
|
||||
Your registered email-id is {{$user['email']}} , Please click on the below link to verify your email account
|
||||
<br/>
|
||||
<a href="{{ url('user/verify/', $user['verification_code']) }}">Verify Email</a>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
206
resources/views/themes/tailwind/home.blade.php
Normal file
206
resources/views/themes/tailwind/home.blade.php
Normal file
@@ -0,0 +1,206 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
|
||||
<div class="relative flex items-center w-full">
|
||||
<div class="relative z-20 px-8 mx-auto xl:px-5 max-w-7xl">
|
||||
|
||||
<div class="flex flex-col items-center h-full pt-16 pb-56 lg:flex-row">
|
||||
|
||||
<div class="flex flex-col items-start w-full mb-16 md:items-center lg:pr-12 lg:items-start lg:w-1/2 lg:mb-0">
|
||||
|
||||
<h2 class="invisible text-sm font-semibold tracking-wide text-gray-700 uppercase transition-none duration-700 ease-out transform translate-y-12 opacity-0 sm:text-base lg:text-sm xl:text-base" data-replace='{ "transition-none": "transition-all", "invisible": "visible", "translate-y-12": "translate-y-0", "scale-110": "scale-100", "opacity-0": "opacity-100" }'>{{ theme('home_headline') }}</h2>
|
||||
<h1 class="invisible pb-2 mt-3 text-4xl font-extrabold leading-10 tracking-tight text-transparent transition-none duration-700 ease-out delay-150 transform translate-y-12 opacity-0 bg-clip-text bg-gradient-to-r from-blue-600 via-blue-500 to-purple-600 scale-10 md:my-5 sm:leading-none lg:text-5xl xl:text-6xl" data-replace='{ "transition-none": "transition-all", "invisible": "visible", "translate-y-12": "translate-y-0", "scale-110": "scale-100", "opacity-0": "opacity-100" }'>{{ theme('home_subheadline') }}</h1>
|
||||
<p class="invisible max-w-2xl mt-0 text-base text-left text-gray-600 transition-none duration-700 ease-out delay-300 transform translate-y-12 opacity-0 md:text-center lg:text-left sm:mt-2 md:mt-0 sm:text-base lg:text-lg xl:text-xl" data-replace='{ "transition-none": "transition-all", "invisible": "visible", "translate-y-12": "translate-y-0", "scale-110": "scale-100", "opacity-0": "opacity-100" }'>{{ theme('home_description') }}</p>
|
||||
<div class="invisible w-full mt-5 transition-none duration-700 ease-out transform translate-y-12 opacity-0 delay-450 sm:mt-8 sm:flex sm:justify-center lg:justify-start sm:w-auto" data-replace='{ "transition-none": "transition-all", "invisible": "visible", "translate-y-12": "translate-y-0", "opacity-0": "opacity-100" }'>
|
||||
<div class="rounded-md">
|
||||
<a href="{{ theme('home_cta_url') }}" class="flex items-center justify-center w-full px-8 py-3 text-base font-medium leading-6 text-white transition duration-150 ease-in-out border border-transparent rounded-md bg-wave-500 hover:bg-wave-600 focus:outline-none focus:border-wave-600 focus:shadow-outline-indigo md:py-4 md:text-lg md:px-10">
|
||||
{{ theme('home_cta') }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="mt-3 sm:mt-0 sm:ml-3">
|
||||
<a href="#" class="flex items-center justify-center w-full px-8 py-3 text-base font-medium leading-6 text-indigo-700 transition duration-150 ease-in-out bg-indigo-100 border-2 border-transparent rounded-md hover:text-indigo-600 hover:bg-indigo-50 focus:outline-none focus:shadow-outline-indigo focus:border-indigo-300 md:py-4 md:text-lg md:px-10">
|
||||
Learn More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex w-full mb-16 lg:w-1/2 lg:mb-0">
|
||||
|
||||
<div class="relative invisible transition-none duration-1000 delay-100 transform translate-x-12 opacity-0" data-replace='{ "transition-none": "transition-all", "invisible": "visible", "translate-x-12": "translate-y-0", "opacity-0": "opacity-100" }'>
|
||||
<img src="{{ Voyager::image(theme('home_promo_image')) }}" class="w-full max-w-3xl sm:w-auto">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="relative z-40 -mt-64">
|
||||
|
||||
<svg viewBox="0 0 120 28" class="-mt-64">
|
||||
<defs>
|
||||
<path id="wave" d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
|
||||
</defs>
|
||||
<use id="wave3" class="wave" xlink:href="#wave" x="0" y="-2"></use>
|
||||
<use id="wave2" class="wave" xlink:href="#wave" x="0" y="0"></use>
|
||||
<use id="wave1" class="wave" xlink:href="#wave" x="0" y="1" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
{{-- FEATURES SECTION --}}
|
||||
<section class="relative z-40 w-full pt-10 pb-16 lg:pt-5 xl:-mt-24 bg-gradient-to-b from-wave-500 via-wave-600 to-wave-400">
|
||||
|
||||
<div class="absolute top-0 left-0 z-10 w-full h-full transform -translate-x-1/2 opacity-10">
|
||||
<svg class="w-full h-full text-white opacity-25 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205 205"><defs/><g fill="#FFF" fill-rule="evenodd"><path d="M182.63 37c14.521 18.317 22.413 41.087 22.37 64.545C205 158.68 159.1 205 102.486 205c-39.382-.01-75.277-22.79-92.35-58.605C-6.939 110.58-2.172 68.061 22.398 37a105.958 105.958 0 00-9.15 43.352c0 54.239 39.966 98.206 89.265 98.206 49.3 0 89.265-43.973 89.265-98.206A105.958 105.958 0 00182.629 37z"/><path d="M103.11 0A84.144 84.144 0 01150 14.21C117.312-.651 78.806 8.94 56.7 37.45c-22.105 28.51-22.105 68.58 0 97.09 22.106 28.51 60.612 38.101 93.3 23.239-30.384 20.26-70.158 18.753-98.954-3.75-28.797-22.504-40.24-61.021-28.47-95.829C34.346 23.392 66.723.002 103.127.006L103.11 0z"/><path d="M116.479 13c36.655-.004 67.014 28.98 69.375 66.234 2.36 37.253-24.089 69.971-60.44 74.766 29.817-8.654 48.753-38.434 44.308-69.685-4.445-31.25-30.9-54.333-61.904-54.014-31.003.32-56.995 23.944-60.818 55.28v-1.777C46.99 44.714 78.096 13.016 116.479 13z"/></g></svg>
|
||||
</div>
|
||||
|
||||
<div class="relative z-20 flex flex-col items-start justify-start px-8 mx-auto sm:items-center max-w-7xl xl:px-5">
|
||||
<h2 class="text-4xl font-medium leading-9 text-white">Awesome Features</h2>
|
||||
<p class="mt-4 leading-6 sm:text-center text-wave-200">Wave has some cool features to help you rapidly build your Software as a Service.<br class="hidden md:block"> Here are a few awesome features you're going to love!</p>
|
||||
|
||||
<div class="grid mt-16 gap-y-10 sm:grid-cols-2 sm:gap-x-8 md:gap-x-12 lg:grid-cols-3 xl:grid-cols-4 lg:gap-20">
|
||||
@foreach(config('features') as $feature)
|
||||
<div>
|
||||
<img src="{{ $feature->image }}" class="w-16 rounded sm:mx-auto">
|
||||
<h3 class="mt-6 text-sm font-semibold leading-6 sm:text-center text-wave-100">{{ $feature->title }}</h3>
|
||||
<p class="mt-2 text-sm leading-5 sm:text-center text-wave-200">{{ $feature->description }}</p>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" class="bg-gray-100" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 1440 156" style="enable-background:new 0 0 1440 126;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.wave-svg{fill:#0069ff;}
|
||||
.wave-svg-lighter{fill:#4c95fe}
|
||||
</style>
|
||||
<g fill-rule="nonzero">
|
||||
<path class="wave-svg" d="M694,94.437587 C327,161.381336 194,153.298248 0,143.434189 L2.01616501e-13,44.1765618 L1440,27 L1440,121 C1244,94.437587 999.43006,38.7246898 694,94.437587 Z" id="Shape" fill="#0069FF" opacity="0.519587054"></path>
|
||||
<path class="wave-svg" d="M686.868924,95.4364002 C416,151.323752 170.73341,134.021565 1.35713663e-12,119.957876 L0,25.1467017 L1440,8 L1440,107.854321 C1252.11022,92.2972893 1034.37894,23.7359827 686.868924,95.4364002 Z" id="Shape" fill="#0069FF" opacity="0.347991071"></path>
|
||||
<path class="wave-svg-lighter" d="M685.6,30.8323303 C418.7,-19.0491687 170.2,1.94304528 0,22.035593 L0,118 L1440,118 L1440,22.035593 C1252.7,44.2273621 1010,91.4098622 685.6,30.8323303 Z" transform="translate(720.000000, 59.000000) scale(1, -1) translate(-720.000000, -59.000000) "></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
<!-- BEGINNING OF TESTIMONIALS SECTION -->
|
||||
<div id="testimonials">
|
||||
<div class="relative flex items-center justify-center pt-32 pb-12 bg-gray-100 md:pb-32 lg:pb-64 min-w-screen">
|
||||
<div class="max-w-6xl px-10 pb-20 mx-auto bg-gray-100">
|
||||
<div class="flex flex-col items-center lg:flex-row">
|
||||
<div class="flex flex-col justify-center w-full h-full mb-10 lg:pr-8 sm:w-4/5 md:items-center lg:mb-0 lg:items-start md:w-3/5 lg:w-1/2">
|
||||
<p class="mb-2 text-base font-medium tracking-tight uppercase text-wave-500">Our customers love our product</p>
|
||||
<h2
|
||||
class="text-4xl font-extrabold leading-10 tracking-tight text-gray-900 sm:leading-none lg:text-5xl xl:text-6xl">
|
||||
Testimonials</h2>
|
||||
<p class="pr-5 my-6 text-lg text-gray-600 md:text-center lg:text-left">This is an example section of where you will add your testimonials for your Software as a Service.</p>
|
||||
<a href="#_"
|
||||
class="flex items-center justify-center px-8 py-3 text-base font-medium leading-6 text-white transition duration-150 ease-in-out border border-transparent rounded-md shadow bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave md:py-4 md:text-lg md:px-10">View
|
||||
Case Studies</a>
|
||||
</div>
|
||||
<div class="w-full sm:w-4/5 lg:w-1/2">
|
||||
<blockquote class="flex flex-row-reverse items-center justify-between w-full col-span-1 p-6 bg-white rounded-lg shadow sm:flex-row">
|
||||
<div class="flex flex-col pl-5 sm:pr-8">
|
||||
<div class="relative sm:pl-12">
|
||||
<svg class="absolute left-0 hidden w-10 h-10 fill-current sm:block text-wave-500"
|
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125">
|
||||
<path
|
||||
d="M30.7 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2C12.7 83.1 5 72.6 5 61.5c0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S30.7 31.6 30.7 42zM82.4 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2-11.8 0-19.5-10.5-19.5-21.6 0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S82.4 31.6 82.4 42z" />
|
||||
</svg>
|
||||
<p class="mt-2 text-base text-gray-600">Wave allowed me to build the Software as a Service of my dreams!
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<h3 class="mt-3 text-base font-medium leading-5 text-gray-800 truncate sm:pl-12">Jane Cooper <span
|
||||
class="mt-1 text-sm leading-5 text-gray-500 truncate">- CEO SomeCompany</span></h3>
|
||||
<p class="mt-1 text-sm leading-5 text-gray-500 truncate"></p>
|
||||
</div>
|
||||
<img class="flex-shrink-0 w-24 h-24 bg-gray-300 rounded-full"
|
||||
src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=4&w=256&h=256&q=60"
|
||||
alt="">
|
||||
</blockquote>
|
||||
<blockquote
|
||||
class="flex flex-row-reverse items-center justify-between w-full col-span-1 p-6 my-5 bg-white rounded-lg shadow sm:flex-row">
|
||||
<div class="flex flex-col pl-5 sm:pr-10">
|
||||
<div class="relative sm:pl-12">
|
||||
<svg class="absolute left-0 hidden w-10 h-10 fill-current sm:block text-wave-500"
|
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125">
|
||||
<path
|
||||
d="M30.7 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2C12.7 83.1 5 72.6 5 61.5c0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S30.7 31.6 30.7 42zM82.4 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2-11.8 0-19.5-10.5-19.5-21.6 0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S82.4 31.6 82.4 42z" />
|
||||
</svg>
|
||||
<p class="mt-2 text-base text-gray-600">Wave saved us hundreds of development hours. Creating a Software as a Service is now easier than ever with Wave.</p>
|
||||
</div>
|
||||
<h3 class="mt-3 text-base font-medium leading-5 text-gray-800 truncate sm:pl-12">John Doe <span
|
||||
class="mt-1 text-sm leading-5 text-gray-500 truncate">- CEO SomeCompany</span></h3>
|
||||
<p class="mt-1 text-sm leading-5 text-gray-500 truncate"></p>
|
||||
</div>
|
||||
<img class="flex-shrink-0 w-24 h-24 bg-gray-300 rounded-full"
|
||||
src="https://images.unsplash.com/photo-1527980965255-d3b416303d12?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&aauto=format&fit=facearea&facepad=4&w=256&h=256&q=60"
|
||||
alt="">
|
||||
</blockquote>
|
||||
<blockquote
|
||||
class="flex flex-row-reverse items-center justify-between w-full col-span-1 p-6 bg-white rounded-lg shadow sm:flex-row">
|
||||
<div class="flex flex-col pl-5 sm:pr-10">
|
||||
<div class="relative sm:pl-12">
|
||||
<svg class="absolute left-0 hidden w-10 h-10 fill-current sm:block text-wave-500"
|
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125">
|
||||
<path
|
||||
d="M30.7 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2C12.7 83.1 5 72.6 5 61.5c0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S30.7 31.6 30.7 42zM82.4 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2-11.8 0-19.5-10.5-19.5-21.6 0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S82.4 31.6 82.4 42z" />
|
||||
</svg>
|
||||
<p class="mt-2 text-base text-gray-600">This is the best solution available for creating your own Software as a Service!</p>
|
||||
</div>
|
||||
|
||||
<h3 class="mt-3 text-base font-medium leading-5 text-gray-800 truncate sm:pl-12">John Smith <span
|
||||
class="mt-1 text-sm leading-5 text-gray-500 truncate">- CEO SomeCompany</span></h3>
|
||||
<p class="mt-1 text-sm leading-5 text-gray-500 truncate"></p>
|
||||
</div>
|
||||
<img class="flex-shrink-0 w-24 h-24 bg-gray-300 rounded-full"
|
||||
src="https://images.unsplash.com/photo-1545167622-3a6ac756afa4?ixlib=rrb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&aauto=format&fit=facearea&facepad=4&w=256&h=256&q=60"
|
||||
alt="">
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<svg version="1.1" id="Layer_3" xmlns="http://www.w3.org/2000/svg" class="absolute bottom-0 w-full" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 1440 126" style="enable-background:new 0 0 1440 126;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.wave-svg-light {
|
||||
fill: #ffffff;
|
||||
}
|
||||
</style>
|
||||
<g id="wave" transform="translate(720.000000, 75.000000) scale(1, -1) translate(-720.000000, -75.000000) " fill-rule="nonzero">
|
||||
<path class="wave-svg-light" d="M694,94.437587 C327,161.381336 194,153.298248 0,143.434189 L2.01616501e-13,44.1765618 L1440,27 L1440,121 C1244,94.437587 999.43006,38.7246898 694,94.437587 Z" id="Shape" fill="#0069FF" opacity="0.519587054"></path>
|
||||
<path class="wave-svg-light" d="M686.868924,95.4364002 C416,151.323752 170.73341,134.021565 1.35713663e-12,119.957876 L0,25.1467017 L1440,8 L1440,107.854321 C1252.11022,92.2972893 1034.37894,23.7359827 686.868924,95.4364002 Z" id="Shape" fill="#0069FF" opacity="0.347991071"></path>
|
||||
<path class="wave-svg-light" d="M685.6,30.8323303 C418.7,-19.0491687 170.2,1.94304528 0,22.035593 L0,118 L1440,118 L1440,22.035593 C1252.7,44.2273621 1010,91.4098622 685.6,30.8323303 Z" id="Shape" fill="url(#linearGradient-1)" transform="translate(720.000000, 59.000000) scale(1, -1) translate(-720.000000, -59.000000) "></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF TESTIMONIALS SECTION -->
|
||||
|
||||
<!-- BEGINNING OF PRICING SECTION -->
|
||||
<div id="pricing" class="relative">
|
||||
|
||||
<div class="relative z-20 px-8 pb-8 mx-auto max-w-7xl xl:px-5">
|
||||
<div class="w-full text-left sm:text-center">
|
||||
<h2 class="pt-12 text-4xl font-extrabold text-gray-900 lg:text-5xl">Example Pricing</h2>
|
||||
<p class="w-full my-1 text-base text-left text-gray-900 opacity-75 sm:my-2 sm:text-center sm:text-xl">It's easy to customize the pricing of your Software as a Service</p>
|
||||
</div>
|
||||
|
||||
@include('theme::partials.plans')
|
||||
|
||||
<p class="w-full my-8 text-left text-gray-500 sm:my-10 sm:text-center">All plans are fully configurable in the Admin Area.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF PRICING SECTION -->
|
||||
|
||||
@endsection
|
||||
260
resources/views/themes/tailwind/layouts/app.blade.php
Normal file
260
resources/views/themes/tailwind/layouts/app.blade.php
Normal file
@@ -0,0 +1,260 @@
|
||||
<?php
|
||||
|
||||
use Illuminate\Support\Facades\Route;
|
||||
use Illuminate\Support\Facades\Auth;
|
||||
$routeName = Route::currentRouteName();
|
||||
$routeName = str_replace('.', '-', $routeName);
|
||||
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ app()->getLocale() }}">
|
||||
<head>
|
||||
|
||||
{{-- @if(isset($seo->title))
|
||||
<title>{{ $seo->title }}</title>
|
||||
@else
|
||||
<title>{{ setting('site.title', 'Laravel Wave') . ' - ' . setting('site.description', 'The Software as a Service Starter Kit built on Laravel & Voyager') }}</title>
|
||||
@endif --}}
|
||||
<title>{{ config('app.name', 'Numstation') }}</title>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- † -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<meta name="url" content="{{ url('/') }}">
|
||||
|
||||
<link rel="icon" href="{{ setting('site.favicon', '/wave/favicon.png') }}" type="image/x-icon">
|
||||
|
||||
{{-- Social Share Open Graph Meta Tags --}}
|
||||
@if(isset($seo->title) && isset($seo->description) && isset($seo->image))
|
||||
<meta property="og:title" content="{{ $seo->title }}">
|
||||
<meta property="og:url" content="{{ Request::url() }}">
|
||||
<meta property="og:image" content="{{ $seo->image }}">
|
||||
<meta property="og:type" content="@if(isset($seo->type)){{ $seo->type }}@else{{ 'article' }}@endif">
|
||||
<meta property="og:description" content="{{ $seo->description }}">
|
||||
<meta property="og:site_name" content="{{ setting('site.title') }}">
|
||||
|
||||
<meta itemprop="name" content="{{ $seo->title }}">
|
||||
<meta itemprop="description" content="{{ $seo->description }}">
|
||||
<meta itemprop="image" content="{{ $seo->image }}">
|
||||
|
||||
@if(isset($seo->image_w) && isset($seo->image_h))
|
||||
<meta property="og:image:width" content="{{ $seo->image_w }}">
|
||||
<meta property="og:image:height" content="{{ $seo->image_h }}">
|
||||
@endif
|
||||
@endif
|
||||
|
||||
<meta name="robots" content="index,follow">
|
||||
<meta name="googlebot" content="index,follow">
|
||||
|
||||
@if(isset($seo->description))
|
||||
<meta name="description" content="{{ $seo->description }}">
|
||||
@endif
|
||||
|
||||
<!-- Styles -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="{{ asset('themes/' . $theme->folder . '/css/app.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('themes/' . $theme->folder . '/css/dataTable.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('themes/' . $theme->folder . '/css/style.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('themes/' . $theme->folder . '/css/cms-dashboard-style.css') }}" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.32/dist/sweetalert2.min.css">
|
||||
@yield('style')
|
||||
|
||||
<script type="text/javascript" src="{{ asset('themes/' . $theme->folder . '/js/tinymce.min.js') }}"></script>
|
||||
<script>
|
||||
tinymce.init({
|
||||
selector:'.tinymce',
|
||||
menubar: false,
|
||||
toolbar: "undo redo spellcheckdialog | blocks fontsize | bold italic | link image | alignleft aligncenter alignright alignjustify | indent outdent",
|
||||
});
|
||||
</script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.32/dist/sweetalert2.all.min.js"></script>
|
||||
</head>
|
||||
<body class="flex flex-col min-h-screen page-{{ $routeName }} @if(Request::is('/')){{ 'bg-white' }}@else{{ 'bg-gray-50' }}@endif @if(config('wave.dev_bar')){{ 'pb-10' }}@endif">
|
||||
|
||||
{{-- @if(config('wave.demo') && Request::is('/'))
|
||||
@include('theme::partials.demo-header')
|
||||
@endif --}}
|
||||
|
||||
@if(!Auth::check() && $routeName != 'login' && $routeName != 'admin-login' && $routeName != 'user-terms-and-conditions' && $routeName != 'user-privacy-policy' && $routeName != 'user-register' && $routeName != 'forgot-password' && $routeName != 'register' && $routeName != 'verify')
|
||||
@include('theme::partials.header')
|
||||
@yield('content')
|
||||
@include('theme::partials.footer')
|
||||
@else
|
||||
|
||||
@if($routeName == 'login' || $routeName == 'admin-login' || $routeName == 'user-terms-and-conditions' || $routeName == 'user-privacy-policy' || $routeName == 'user-register' || $routeName == 'forgot-password' || $routeName == 'register' || $routeName == 'verify')
|
||||
@yield('content')
|
||||
@else
|
||||
<main class="flex-grow overflow-x-hidden">
|
||||
<section class="main-section-dashboard">
|
||||
@include('theme::partials.sidebar')
|
||||
<div class="main-content">
|
||||
@include('theme::partials.dashboard-navigation')
|
||||
<div class="main-inside-content">
|
||||
<input type="hidden" id="currentLanguage" value="{{ strtolower(app()->getLocale()) }}">
|
||||
|
||||
@yield('content')
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
@endif
|
||||
@if(config('wave.dev_bar'))
|
||||
@include('theme::partials.dev_bar')
|
||||
@endif
|
||||
|
||||
@endif
|
||||
|
||||
<!-- Full Screen Loader -->
|
||||
<div id="fullscreenLoader" class="fixed inset-0 top-0 left-0 z-50 flex flex-col items-center justify-center hidden w-full h-full bg-gray-900 opacity-50">
|
||||
<svg class="w-5 h-5 mr-3 -ml-1 text-white animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
|
||||
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
||||
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
|
||||
</svg>
|
||||
<p id="fullscreenLoaderMessage" class="mt-4 text-sm font-medium text-white uppercase"></p>
|
||||
</div>
|
||||
<!-- End Full Loader -->
|
||||
|
||||
<script src="{{ asset('themes/' . $theme->folder . '/js/app.js') }}"></script>
|
||||
@vite(['resources/js/app.js'])
|
||||
|
||||
@include('theme::partials.toast')
|
||||
@if(session('show_toast') && session('message'))
|
||||
<script>setTimeout(function(){ popToast("{{ session('message_type') }}", "{!! session('message') !!}"); }, 10);</script>
|
||||
@endif
|
||||
@waveCheckout
|
||||
<script type="text/javascript" src="{{ asset('themes/' . $theme->folder . '/js/jquery.min.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('themes/' . $theme->folder . '/js/dataTable.js') }}"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
$(document).on('keydown', '.number-only', function(e) {
|
||||
// Allow: backspace, delete, tab, escape, enter
|
||||
if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
|
||||
// Allow: Ctrl+A,Ctrl+C,Ctrl+X,Ctrl+V, Command+A
|
||||
((e.keyCode == 65 || e.keyCode == 86 || e.keyCode == 88 || e.keyCode == 67) && (e.ctrlKey === true || e.metaKey === true)) ||
|
||||
// Allow: home, end, left, right, down, up, F5
|
||||
(e.keyCode >= 35 && e.keyCode <= 40) || e.keyCode == 116) {
|
||||
// let it happen, don't do anything
|
||||
return;
|
||||
}
|
||||
// Ensure that it is a number and stop the keypress
|
||||
if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
|
||||
e.preventDefault();
|
||||
}
|
||||
});
|
||||
|
||||
$('#notificationWrapper').html('');
|
||||
var notificationOffset = 0;
|
||||
var notificationLimit = 5;
|
||||
|
||||
if ('{{ Auth::check() }}') {
|
||||
getNotifications();
|
||||
}
|
||||
|
||||
$(document).on('click', '#notificationShowMore', function(e) {
|
||||
notificationOffset += notificationLimit;
|
||||
getNotifications(true);
|
||||
});
|
||||
|
||||
function getNotifications(isShowMore = false) {
|
||||
var url = "{{ route('cms.get-notifications') }}?offset=" + notificationOffset + '&limit=' + notificationLimit;
|
||||
var showMoreHtml = $('#notificationShowMore').html();
|
||||
|
||||
if (!isShowMore || (isShowMore && !$('#notificationShowMore').is('[disabled=disabled]'))) {
|
||||
$('#notificationShowMore').attr('disabled', 'disabled');
|
||||
$('#notificationShowMore').html('<i class="fa-solid fa-ellipsis fa-fade" style="font-size: 30px;"></i>');
|
||||
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: "get",
|
||||
dataType: 'json',
|
||||
success:function(response) {
|
||||
var notifications = response.notifications;
|
||||
var hasNew = response.has_new;
|
||||
var html = '';
|
||||
var previousCategory = '';
|
||||
var index = 0;
|
||||
|
||||
if (notifications.length > 0) {
|
||||
notifications.forEach(function(item) {
|
||||
if (previousCategory != item.category) {
|
||||
html += `
|
||||
<div class="dropdown-list-item">
|
||||
<div class="dropdown-sidetext">
|
||||
<h4 class="dropdown-subtitle">` + item.category + `</h4>
|
||||
<a href="` + item.category_url + `">{{ __("Check") }}</a>
|
||||
</div>
|
||||
<ul class="dropdown-list">
|
||||
`;
|
||||
}
|
||||
|
||||
if (item.category.toLowerCase() == 'service chat') {
|
||||
html += `
|
||||
<li class="w-100">
|
||||
<div class="item-list">
|
||||
<img src="` + item.image_url + `">
|
||||
<span class="w-100">` + item.description + `</span>
|
||||
<a href="` + item.url + `">{{ __("Check") }}</a>
|
||||
</div>
|
||||
</li>
|
||||
`;
|
||||
}
|
||||
else if (item.category.toLowerCase() == 'bookkeeping queue') {
|
||||
var status = 'success';
|
||||
if (item.status == 'failed') {
|
||||
status = 'failed';
|
||||
}
|
||||
|
||||
html += `
|
||||
<li class="w-100">
|
||||
<div class="item-list">
|
||||
<img src="` + item.image_url + `">
|
||||
<span class="w-100">` + item.description + ` <i class="item-list-note ` + status + `">` + (status == 'success' ? '{{ __("Entry Completed") }}' : '{{ __("Failed") }}') + `</i></span>
|
||||
<a href="` + item.url + `">{{ __("Check") }}</a>
|
||||
</div>
|
||||
</li>
|
||||
`;
|
||||
}
|
||||
|
||||
|
||||
index++;
|
||||
|
||||
if (notifications[index] == undefined || item.category != notifications[index].category) {
|
||||
html += `
|
||||
</ul>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
previousCategory = item.category;
|
||||
});
|
||||
|
||||
$('#notificationWrapper').append(html);
|
||||
}
|
||||
else {
|
||||
$('#notificationShowMore').addClass('d-none');
|
||||
}
|
||||
|
||||
$('#notificationShowMore').removeAttr('disabled');
|
||||
$('#notificationShowMore').html(showMoreHtml);
|
||||
|
||||
if (!isShowMore) {
|
||||
if (hasNew) {
|
||||
$('.notification-icon .new-icon').show();
|
||||
}
|
||||
else {
|
||||
$('.notification-icon .new-icon').hide();
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@yield('script')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,80 @@
|
||||
<div x-show="mobileMenuOpen" x-transition:enter="duration-300 ease-out scale-100" x-transition:enter-start="opacity-50 scale-110" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition duration-75 ease-in scale-100" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-100" class="absolute inset-x-0 top-0 transition origin-top transform md:hidden">
|
||||
<div class="rounded-lg shadow-lg">
|
||||
<div class="bg-white divide-y-2 rounded-lg shadow-xs divide-gray-50">
|
||||
<div class="px-8 pt-6 pb-8 space-y-6">
|
||||
<div class="flex items-center justify-between mt-1">
|
||||
<div>
|
||||
<svg viewBox="0 0 159 140" class="w-8 h-8" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<linearGradient x1="27.743%" y1="20.907%" x2="82.132%" y2="59.652%" id="a">
|
||||
<stop stop-color="#0535AB" offset="0%" />
|
||||
<stop stop-color="#0539AE" stop-opacity=".93" offset="12%" />
|
||||
<stop stop-color="#0642B5" stop-opacity=".73" offset="35%" />
|
||||
<stop stop-color="#0752C1" stop-opacity=".42" offset="65%" />
|
||||
<stop stop-color="#0867D1" stop-opacity="0" offset="100%" />
|
||||
</linearGradient>
|
||||
<linearGradient x1="36.985%" y1="37.014%" x2="61.742%" y2="55.707%" id="b">
|
||||
<stop stop-color="#0867D1" offset="0%" />
|
||||
<stop stop-color="#096DD4" stop-opacity=".94" offset="10%" />
|
||||
<stop stop-color="#0B7CDB" stop-opacity=".78" offset="29%" />
|
||||
<stop stop-color="#0E96E6" stop-opacity=".52" offset="55%" />
|
||||
<stop stop-color="#12B8F6" stop-opacity=".17" offset="86%" />
|
||||
<stop stop-color="#14C9FE" stop-opacity="0" offset="100%" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g fill-rule="nonzero" fill="none">
|
||||
<path d="M86.24 56.02l3.49-3c30.11-25.54 60.59-31.2 66.26-12.82 5.76 30.19-38.94 34.48-69.75 15.82z" fill="#0535AB" />
|
||||
<path d="M155.84 39.34c.06.29.11.59.15.88 4 27.35-36.74 29.53-69.76 15.78C43.53 38.21 46.8-17.51 21.94 6.13c0 0-15.19 15.15-20.3 40.44a74.25 74.25 0 001.15 32.77v.05c.07.29.14.57.22.86v.08c.6 2.31 1.32 4.58 2.13 6.82A79.07 79.07 0 00131.44 120c22.992-19.942 32.483-51.318 24.4-80.66z" fill="#0069FF" />
|
||||
<path d="M157.48 74.06a78.71 78.71 0 01-26 45.94c-23.42 18.4-63.78.23-82.84-33.71C61.4 77.65 74.82 65.81 86.26 56c33.12 13.51 73.77 11.57 69.76-15.78 0-.28-.09-.57-.14-.85a78.62 78.62 0 011.6 34.69z" fill="url(#a)" />
|
||||
<path d="M131.46 120.02A79.07 79.07 0 015.15 87.17c-.81-2.24-1.53-4.51-2.13-6.82v-.08c-.08-.29-.15-.57-.22-.86v-.07c-3.91-17.82 25.19-32.57 44.56 4.6.41.79.84 1.57 1.27 2.35 19.05 33.96 59.4 52.13 82.83 33.73z" fill="#14C9FE" />
|
||||
<path d="M131.46 120.02A79.07 79.07 0 015.15 87.17c7.48 17.59 24.75 11.8 43.46-.86 19.07 33.94 59.43 52.11 82.85 33.71z" fill="url(#b)" opacity=".3" style="mix-blend-mode:multiply" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="-mr-2">
|
||||
<button @click="mobileMenuOpen = false" type="button" class="inline-flex items-center justify-center p-2 text-gray-400 transition duration-150 ease-in-out rounded-md hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500">
|
||||
<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<nav class="grid row-gap-8">
|
||||
<a href="{{ route('wave.dashboard') }}" class="flex items-center p-3 -m-3 space-x-3 transition duration-150 ease-in-out rounded-md hover:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-6 h-6 text-wave-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path></svg>
|
||||
<div class="text-base font-medium leading-6 text-gray-900">
|
||||
Dashboard
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://wave.devdojo.com/docs" target="_blank" class="flex items-center p-3 -m-3 space-x-3 transition duration-150 ease-in-out rounded-md hover:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-6 h-6 text-wave-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path></svg>
|
||||
<div class="text-base font-medium leading-6 text-gray-900">
|
||||
Documentation
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://devdojo.com/course/wave" target="_blank" class="flex items-center p-3 -m-3 space-x-3 transition duration-150 ease-in-out rounded-md hover:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-6 h-6 text-wave-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 4v16M17 4v16M3 8h4m10 0h4M3 12h18M3 16h4m10 0h4M4 20h16a1 1 0 001-1V5a1 1 0 00-1-1H4a1 1 0 00-1 1v14a1 1 0 001 1z"></path></svg>
|
||||
<div class="text-base font-medium leading-6 text-gray-900">
|
||||
Videos
|
||||
</div>
|
||||
</a>
|
||||
<a href="{{ route('wave.blog') }}" class="flex items-center p-3 -m-3 space-x-3 transition duration-150 ease-in-out rounded-md hover:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-6 h-6 text-wave-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"></path></svg>
|
||||
<div class="text-base font-medium leading-6 text-gray-900">
|
||||
Blog
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="flex items-center p-3 -m-3 space-x-3 transition duration-150 ease-in-out rounded-md hover:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-6 h-6 text-wave-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z"></path></svg>
|
||||
<div class="text-base font-medium leading-6 text-gray-900">
|
||||
Support
|
||||
</div>
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
122
resources/views/themes/tailwind/menus/authenticated.blade.php
Normal file
122
resources/views/themes/tailwind/menus/authenticated.blade.php
Normal file
@@ -0,0 +1,122 @@
|
||||
<div x-data="{ open: false }" class="flex h-full md:flex-1">
|
||||
<div class="flex-1 hidden h-full space-x-8 md:flex">
|
||||
<a href="{{ route('wave.dashboard') }}" class="inline-flex items-center px-1 pt-1 text-sm font-medium leading-5 transition duration-150 ease-in-out focus:outline-none border-b-2 border-transparent @if(Request::is('dashboard')){{ 'border-b-2 border-indigo-500 text-gray-900 focus:border-indigo-700' }}@else{{ 'text-gray-500 hover:border-gray-300 hover:text-gray-700 focus:text-gray-700 focus:border-gray-300' }}@endif">Dashboard</a>
|
||||
<div x-data="{ dropdown: false }" @mouseenter="dropdown = true" @mouseleave="dropdown=false" @click.away="dropdown=false" class="relative inline-flex items-center px-1 pt-1 text-sm font-medium leading-5 text-gray-500 transition duration-150 ease-in-out border-b-2 border-transparent cursor-pointer hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300">
|
||||
<span>Resources</span>
|
||||
<svg class="w-5 h-5 ml-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
<div x-show="dropdown"
|
||||
x-transition:enter="duration-200 ease-out scale-95"
|
||||
x-transition:enter-start="opacity-50 scale-95"
|
||||
x-transition:enter-end="opacity-100 scale-100"
|
||||
x-transition:leave="transition duration-100 ease-in scale-100"
|
||||
x-transition:leave-start="opacity-100 scale-100"
|
||||
x-transition:leave-end="opacity-0 scale-95"
|
||||
class="absolute top-0 w-screen max-w-xs px-2 mt-20 transform -translate-x-1/2 left-1/2 sm:px-0" x-cloak>
|
||||
<div class="border border-gray-100 shadow-md rounded-xl">
|
||||
<div class="overflow-hidden shadow-xs rounded-xl">
|
||||
<div class="relative z-20 grid gap-6 px-5 py-6 bg-white sm:p-8 sm:gap-8">
|
||||
<a href="{{ url('docs') }}" class="block px-5 py-3 -m-3 space-y-1 transition duration-150 ease-in-out hover:border-blue-500 hover:border-l-2 rounded-xl hover:bg-gray-100">
|
||||
<p class="text-base font-medium leading-6 text-gray-900">
|
||||
Documentation
|
||||
</p>
|
||||
<p class="text-xs leading-5 text-gray-500">
|
||||
View The Wave Docs
|
||||
</p>
|
||||
</a>
|
||||
<a href="https://devdojo.com/course/wave" target="_blank" class="block px-5 py-3 -m-3 space-y-1 transition duration-150 ease-in-out rounded-xl hover:bg-gray-100">
|
||||
<p class="text-base font-medium leading-6 text-gray-900">
|
||||
Videos
|
||||
</p>
|
||||
<p class="text-xs leading-5 text-gray-500">
|
||||
Watch videos to learn how to use Wave.
|
||||
</p>
|
||||
</a>
|
||||
<a href="{{ route('wave.blog') }}" class="block px-5 py-3 -m-3 space-y-1 transition duration-150 ease-in-out rounded-xl hover:bg-gray-100">
|
||||
<p class="text-base font-medium leading-6 text-gray-900">
|
||||
From The Blog
|
||||
</p>
|
||||
<p class="text-xs leading-5 text-gray-500">
|
||||
View your application blog.
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="inline-flex items-center px-1 pt-1 text-sm font-medium leading-5 text-gray-500 transition duration-150 ease-in-out border-b-2 border-transparent hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300">Support</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex sm:ml-6 sm:items-center">
|
||||
|
||||
@if( auth()->user()->onTrial() )
|
||||
<div class="relative items-center justify-center hidden h-full md:flex">
|
||||
<span class="px-3 py-1 text-xs text-red-600 bg-red-100 border border-gray-200 rounded-md">You have {{ auth()->user()->daysLeftOnTrial() }} @if(auth()->user()->daysLeftOnTrial() > 1){{ 'Days' }}@else{{ 'Day' }}@endif left on your Trial</span>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@include('theme::partials.notifications')
|
||||
|
||||
<!-- Profile dropdown -->
|
||||
<div @click.away="open = false" class="relative flex items-center h-full ml-3" x-data="{ open: false }">
|
||||
<div>
|
||||
<button @click="open = !open" class="flex text-sm transition duration-150 ease-in-out border-2 border-transparent rounded-full focus:outline-none focus:border-gray-300" id="user-menu" aria-label="User menu" aria-haspopup="true" x-bind:aria-expanded="open" aria-expanded="true">
|
||||
<img class="w-8 h-8 rounded-full" src="{{ auth()->user()->avatar() . '?' . time() }}" alt="{{ auth()->user()->name }}'s Avatar">
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div
|
||||
x-show="open"
|
||||
x-transition:enter="duration-100 ease-out scale-95"
|
||||
x-transition:enter-start="opacity-50 scale-95"
|
||||
x-transition:enter-end="opacity-100 scale-100"
|
||||
x-transition:leave="transition duration-50 ease-in scale-100"
|
||||
x-transition:leave-start="opacity-100 scale-100"
|
||||
x-transition:leave-end="opacity-0 scale-95"
|
||||
class="absolute top-0 right-0 w-56 mt-20 origin-top-right transform rounded-xl" x-cloak>
|
||||
|
||||
<div class="bg-white border border-gray-100 shadow-md rounded-xl" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
|
||||
<a href="{{ route('wave.profile', auth()->user()->username) }}" class="block px-4 py-3 text-gray-700 hover:text-gray-800">
|
||||
|
||||
<span class="block text-sm font-medium leading-tight truncate">
|
||||
{{ auth()->user()->name }}
|
||||
</span>
|
||||
<span class="text-xs leading-5 text-gray-600">
|
||||
View Profile
|
||||
</span>
|
||||
</a>
|
||||
@impersonating
|
||||
<a href="{{ route('impersonate.leave') }}" class="block px-4 py-2 text-sm leading-5 text-blue-900 border-t border-gray-100 bg-blue-50 hover:bg-blue-100 focus:outline-none focus:bg-blue-200">Leave impersonation</a>
|
||||
@endImpersonating
|
||||
<div class="border-t border-gray-100"></div>
|
||||
<div class="py-1">
|
||||
|
||||
<div class="block px-4 py-1">
|
||||
<span class="inline-block px-2 my-1 -ml-1 text-xs font-medium leading-5 text-gray-600 bg-gray-200 rounded">{{ auth()->user()->role->display_name }}</span>
|
||||
</div>
|
||||
@trial
|
||||
<a href="{{ route('wave.settings', 'plans') }}" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900">Upgrade My Account</a>
|
||||
@endtrial
|
||||
@if( !auth()->guest() && auth()->user()->can('browse_admin') )
|
||||
<a href="{{ route('voyager.dashboard') }}" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900"><i class="fa fa-bolt"></i> Admin</a>
|
||||
@endif
|
||||
<a href="{{ route('wave.profile', auth()->user()->username) }}" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900">My Profile</a>
|
||||
<a href="{{ route('wave.settings') }}" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900">Settings</a>
|
||||
|
||||
</div>
|
||||
<div class="border-t border-gray-100"></div>
|
||||
<div class="py-1">
|
||||
<a href="{{ route('wave.logout') }}" class="block w-full px-4 py-2 text-sm leading-5 text-left text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900" role="menuitem">
|
||||
Sign out
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
83
resources/views/themes/tailwind/menus/guest-mobile.blade.php
Normal file
83
resources/views/themes/tailwind/menus/guest-mobile.blade.php
Normal file
@@ -0,0 +1,83 @@
|
||||
<div x-show="mobileMenuOpen" x-transition:enter="duration-300 ease-out scale-100" x-transition:enter-start="opacity-50 scale-110" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition duration-75 ease-in scale-100" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-100" class="absolute inset-x-0 top-0 transition origin-top transform md:hidden">
|
||||
<div class="shadow-lg">
|
||||
<div class="bg-white divide-y-2 shadow-xs divide-gray-50">
|
||||
<div class="pt-6 pb-6 space-y-6">
|
||||
<div class="flex items-center justify-between px-8 mt-1">
|
||||
<div>
|
||||
<svg class="w-9 h-9" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205 205"><defs><linearGradient id="a" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#1B56E7"/><stop offset="100%" stop-color="#3987E9"/></linearGradient><linearGradient id="b" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#07A2FF"/><stop offset="100%" stop-color="#3E78EF"/></linearGradient><linearGradient id="c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#4ADBFA"/><stop offset="100%" stop-color="#24B4F2"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path fill="url(#a)" d="M182.63 37c14.521 18.317 22.413 41.087 22.37 64.545C205 158.68 159.1 205 102.486 205c-39.382-.01-75.277-22.79-92.35-58.605C-6.939 110.58-2.172 68.061 22.398 37a105.958 105.958 0 00-9.15 43.352c0 54.239 39.966 98.206 89.265 98.206 49.3 0 89.265-43.973 89.265-98.206A105.958 105.958 0 00182.629 37z"/><path fill="url(#b)" d="M103.11 0A84.144 84.144 0 01150 14.21C117.312-.651 78.806 8.94 56.7 37.45c-22.105 28.51-22.105 68.58 0 97.09 22.106 28.51 60.612 38.101 93.3 23.239-30.384 20.26-70.158 18.753-98.954-3.75-28.797-22.504-40.24-61.021-28.47-95.829C34.346 23.392 66.723.002 103.127.006L103.11 0z"/><path fill="url(#c)" d="M116.479 13c36.655-.004 67.014 28.98 69.375 66.234 2.36 37.253-24.089 69.971-60.44 74.766 29.817-8.654 48.753-38.434 44.308-69.685-4.445-31.25-30.9-54.333-61.904-54.014-31.003.32-56.995 23.944-60.818 55.28v-1.777C46.99 44.714 78.096 13.016 116.479 13z"/></g></svg>
|
||||
</div>
|
||||
<div class="-mr-2">
|
||||
<button @click="mobileMenuOpen = false" type="button" class="inline-flex items-center justify-center p-2 text-gray-400 transition duration-150 ease-in-out rounded-md hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500">
|
||||
<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<nav class="grid row-gap-8">
|
||||
<a href="#" class="flex items-center px-8 py-3 space-x-3 transition duration-150 ease-in-out rounded-md hover:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-6 h-6 ml-0.5 text-wave-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z"></path></svg>
|
||||
<div class="text-base font-medium leading-6 text-gray-900">
|
||||
Authentication
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="flex items-center px-8 py-3 space-x-3 transition duration-150 ease-in-out rounded-md hover:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-6 h-6 ml-0.5 text-wave-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"></path></svg>
|
||||
<div class="text-base font-medium leading-6 text-gray-900">
|
||||
Billing
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="flex items-center px-8 py-3 space-x-3 transition duration-150 ease-in-out rounded-md hover:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-6 h-6 ml-0.5 text-wave-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
<div class="text-base font-medium leading-6 text-gray-900">
|
||||
User Profiles
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="flex items-center px-8 py-3 space-x-3 transition duration-150 ease-in-out rounded-md hover:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-6 h-6 ml-0.5 text-wave-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"></path></svg>
|
||||
<div class="text-base font-medium leading-6 text-gray-900">
|
||||
Themes
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="flex items-center px-8 py-3 space-x-3 transition duration-150 ease-in-out rounded-md hover:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-6 h-6 ml-0.5 text-wave-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
|
||||
<div class="text-base font-medium leading-6 text-gray-900">
|
||||
Developer API
|
||||
</div>
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-8 py-6 space-y-6">
|
||||
<div class="grid grid-cols-2 row-gap-4 col-gap-8 px-1 pb-4">
|
||||
<a href="/#pricing" class="text-base font-medium leading-6 text-gray-900 transition duration-150 ease-in-out hover:text-gray-700">
|
||||
Pricing
|
||||
</a>
|
||||
<a href="#" class="text-base font-medium leading-6 text-gray-900 transition duration-150 ease-in-out hover:text-gray-700">
|
||||
Docs
|
||||
</a>
|
||||
<a href="#" class="text-base font-medium leading-6 text-gray-900 transition duration-150 ease-in-out hover:text-gray-700">
|
||||
Blog
|
||||
</a>
|
||||
<a href="#" class="text-base font-medium leading-6 text-gray-900 transition duration-150 ease-in-out hover:text-gray-700">
|
||||
Videos
|
||||
</a>
|
||||
</div>
|
||||
<div class="space-y-6">
|
||||
<span class="flex w-full rounded-md shadow-sm">
|
||||
<a href="{{ route('register') }}" class="flex items-center justify-center w-full px-4 py-3 text-base font-medium leading-6 text-white transition duration-150 ease-in-out border border-transparent rounded-md bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave active:bg-wave-700">
|
||||
Sign up
|
||||
</a>
|
||||
</span>
|
||||
<p class="text-base font-medium leading-6 text-center text-gray-500">
|
||||
Existing customer?
|
||||
<a href="{{ route('login') }}" class="transition duration-150 ease-in-out text-wave-600 hover:text-wave-500">
|
||||
Sign in
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
240
resources/views/themes/tailwind/menus/guest.blade.php
Normal file
240
resources/views/themes/tailwind/menus/guest.blade.php
Normal file
@@ -0,0 +1,240 @@
|
||||
<nav class="flex items-center justify-end flex-1 hidden w-full h-full space-x-10 md:flex">
|
||||
<div @mouseenter="dropdown = true" @mouseleave="dropdown=false" @click.away="dropdown=false" x-data="{ dropdown: false }" class="relative h-full select-none">
|
||||
<div :class="{ 'text-wave-600': dropdown, 'text-gray-500': !dropdown }" class="inline-flex items-center h-full space-x-2 text-base font-medium leading-6 text-gray-500 transition duration-150 ease-in-out cursor-pointer select-none group hover:text-wave-600 focus:outline-none focus:text-wave-600">
|
||||
<span>Product</span>
|
||||
<svg class="w-5 h-5 text-gray-400 transition duration-150 ease-in-out group-hover:text-wave-600 group-focus:text-wave-600" x-bind:class="{ 'text-wave-600': dropdown, 'text-gray-400': !dropdown }" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div x-show="dropdown"
|
||||
x-transition:enter="duration-200 ease-out scale-95"
|
||||
x-transition:enter-start="opacity-50 scale-95"
|
||||
x-transition:enter-end="opacity-100 scale-100"
|
||||
x-transition:leave="transition duration-100 ease-in scale-100"
|
||||
x-transition:leave-start="opacity-100 scale-100"
|
||||
x-transition:leave-end="opacity-0 scale-95"
|
||||
class="fixed w-full transform -translate-x-1/2 xl:w-screen xl:max-w-6xl xl:px-2 xl:absolute sm:px-0 lg:ml-0 left-1/2" x-cloak>
|
||||
|
||||
<div class="overflow-hidden shadow-lg xl:rounded-xl">
|
||||
<div class="flex items-stretch justify-center overflow-hidden bg-white shadow-xs xl:rounded-xl">
|
||||
|
||||
<div class="flex flex-col">
|
||||
<div class="flex h-full">
|
||||
<div class="relative flex flex-col items-start justify-start hidden w-full h-full max-w-xs bg-center bg-cover lg:block" style="background-image:url('https://cdn.devdojo.com/images/october2020/wave-menu-bg.jpeg')">
|
||||
<div class="relative flex flex-col items-start justify-center w-full h-full px-16 py-8">
|
||||
|
||||
<img src="https://cdn.devdojo.com/images/april2021/wave-light-logo.png" class="z-20 w-auto h-10">
|
||||
<h3 class="z-30 mt-1 mt-3 text-lg font-thin text-wave-200">The Software as a Service Starter Kit.</h3>
|
||||
|
||||
<span class="relative z-20 inline-flex mt-5 rounded-md shadow-sm">
|
||||
<a href="https://devdojo.com/wave" class="relative inline-flex items-center px-4 py-2 text-sm font-medium leading-5 transition duration-150 ease-in-out bg-white border border-transparent rounded-md text-wave-500 hover:bg-gray-100 focus:outline-none focus:border-gray-300 focus:shadow-outline-gray active:bg-gray-100">
|
||||
Get Wave Today
|
||||
<span class="absolute top-0 right-0 px-3 py-1 -mt-4 -mr-8 text-xs text-white rounded-full bg-wave-400">Version 2</span>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="absolute inset-0 w-full h-full opacity-75 bg-wave-600"></div>
|
||||
<div class="absolute inset-0 w-full h-full opacity-75 bg-gradient-to-br from-wave-600 to-indigo-600"></div>
|
||||
</div>
|
||||
<div class="relative z-20 grid gap-6 px-5 pt-6 pb-8 bg-white border-t border-b border-transparent xl:border-gray-200 sm:gap-8 sm:p-8">
|
||||
<a href="#" class="flex items-start inline-block p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg group">
|
||||
<div class="flex items-center justify-center flex-shrink-0 w-12 h-12 mt-1 mr-3 transition duration-300 ease-in-out transform scale-100 bg-indigo-100 rounded-full text-wave-600 group-hover:text-white group-hover:bg-wave-600 group-hover:scale-110 group-hover:rotate-3 -rotate-3">
|
||||
<svg class="relative flex-shrink-0 w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z"></path></svg>
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<p class="text-base font-medium leading-6 text-gray-900">
|
||||
Authentication
|
||||
</p>
|
||||
<p class="text-sm leading-5 text-gray-500">
|
||||
Full authentication system including register, login, and lost password.
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="flex items-start inline-block p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg group">
|
||||
<div class="flex items-center justify-center flex-shrink-0 w-12 h-12 mt-1 mr-3 transition duration-300 ease-in-out transform scale-100 bg-indigo-100 rounded-full text-wave-600 group-hover:text-white group-hover:bg-wave-600 group-hover:scale-110 group-hover:rotate-3 -rotate-3">
|
||||
<svg class="relative flex-shrink-0 w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"></path></svg>
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<p class="text-base font-medium leading-6 text-gray-900">
|
||||
Billing
|
||||
</p>
|
||||
<p class="text-sm leading-5 text-gray-500">
|
||||
Subscription billing built on top of Paddle
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="flex items-start inline-block p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg group">
|
||||
<div class="flex items-center justify-center flex-shrink-0 w-12 h-12 mt-1 mr-3 transition duration-300 ease-in-out transform scale-100 bg-indigo-100 rounded-full text-wave-600 group-hover:text-white group-hover:bg-wave-600 group-hover:scale-110 group-hover:rotate-3 -rotate-3">
|
||||
<svg class="relative flex-shrink-0 w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<p class="text-base font-medium leading-6 text-gray-900">
|
||||
User Profiles
|
||||
</p>
|
||||
<p class="text-sm leading-5 text-gray-500">
|
||||
User profiles with image uploading and profile settings functionality.
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="flex items-start inline-block p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg group">
|
||||
<div class="flex items-center justify-center flex-shrink-0 w-12 h-12 mt-1 mr-3 transition duration-300 ease-in-out transform scale-100 bg-indigo-100 rounded-full text-wave-600 group-hover:text-white group-hover:bg-wave-600 group-hover:scale-110 group-hover:rotate-3 -rotate-3">
|
||||
<svg class="relative flex-shrink-0 w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<p class="text-base font-medium leading-6 text-gray-900">
|
||||
User Roles
|
||||
</p>
|
||||
<p class="text-sm leading-5 text-gray-500">
|
||||
User roles and permissions based on user plans.
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="relative z-20 grid gap-6 px-5 pt-6 pb-8 bg-white border-t border-b border-r border-transparent rounded-r-xl xl:border-gray-200 sm:gap-8 sm:p-8">
|
||||
<a href="#" class="flex items-start inline-block p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg group">
|
||||
<div class="flex items-center justify-center flex-shrink-0 w-12 h-12 mt-1 mr-3 transition duration-300 ease-in-out transform scale-100 bg-indigo-100 rounded-full text-wave-600 group-hover:text-white group-hover:bg-wave-600 group-hover:scale-110 group-hover:rotate-3 -rotate-3">
|
||||
<svg class="relative flex-shrink-0 w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path></svg>
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<p class="text-base font-medium leading-6 text-gray-900">
|
||||
Notifications
|
||||
</p>
|
||||
<p class="text-sm leading-5 text-gray-500">
|
||||
User notification system that's easy to implement in your SAAS.
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="flex items-start inline-block p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg group">
|
||||
<div class="flex items-center justify-center flex-shrink-0 w-12 h-12 mt-1 mr-3 transition duration-300 ease-in-out transform scale-100 bg-indigo-100 rounded-full text-wave-600 group-hover:text-white group-hover:bg-wave-600 group-hover:scale-110 group-hover:rotate-3 -rotate-3">
|
||||
<svg class="relative flex-shrink-0 w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"></path></svg>
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<p class="text-base font-medium leading-6 text-gray-900">
|
||||
Fully Functional Blog
|
||||
</p>
|
||||
<p class="text-sm leading-5 text-gray-500">
|
||||
Add blog posts to your application to drive-in organic traffic.
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="#" class="flex items-start inline-block p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg group">
|
||||
<div class="flex items-center justify-center flex-shrink-0 w-12 h-12 mt-1 mr-3 transition duration-300 ease-in-out transform scale-100 bg-indigo-100 rounded-full text-wave-600 group-hover:text-white group-hover:bg-wave-600 group-hover:scale-110 group-hover:rotate-3 -rotate-3">
|
||||
<svg class="relative flex-shrink-0 w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"></path></svg>
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<p class="text-base font-medium leading-6 text-gray-900">
|
||||
Themes
|
||||
</p>
|
||||
<p class="text-sm leading-5 text-gray-500">
|
||||
Theme support with your favorite CSS libraries.
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="#" class="flex items-start inline-block p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg group">
|
||||
<div class="flex items-center justify-center flex-shrink-0 w-12 h-12 mt-1 mr-3 transition duration-300 ease-in-out transform scale-100 bg-indigo-100 rounded-full text-wave-600 group-hover:text-white group-hover:bg-wave-600 group-hover:scale-110 group-hover:rotate-3 -rotate-3">
|
||||
<svg class="relative flex-shrink-0 w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg>
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<p class="text-base font-medium leading-6 text-gray-900">
|
||||
Developer API
|
||||
</p>
|
||||
<p class="text-sm leading-5 text-gray-500">
|
||||
Grant access keys and tokens for your users.
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="/#pricing" class="text-base font-medium leading-6 text-gray-500 transition duration-150 ease-in-out hover:text-wave-600 focus:outline-none focus:text-wave-600">
|
||||
Pricing
|
||||
</a>
|
||||
<a href="{{ route('wave.blog') }}" class="text-base font-medium leading-6 text-gray-500 transition duration-150 ease-in-out hover:text-wave-600 focus:outline-none focus:text-wave-600">
|
||||
Blog
|
||||
</a>
|
||||
|
||||
<div @mouseenter="dropdown = true" @mouseleave="dropdown=false" @click.away="dropdown=false" x-data="{ dropdown: false }" class="relative h-full select-none">
|
||||
<div @click="dropdown = !dropdown" :class="{ 'text-wave-600': dropdown, 'text-gray-500': !dropdown }" class="inline-flex items-center h-full space-x-2 text-base font-medium leading-6 text-gray-500 transition duration-150 ease-in-out cursor-pointer select-none hover:text-wave-600 focus:outline-none focus:text-wave-500">
|
||||
<span>More</span>
|
||||
<svg class="w-5 h-5" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div
|
||||
x-show="dropdown"
|
||||
x-transition:enter="duration-200 ease-out scale-95"
|
||||
x-transition:enter-start="opacity-50 scale-95"
|
||||
x-transition:enter-end="opacity-100 scale-100"
|
||||
x-transition:leave="transition duration-100 ease-in scale-100"
|
||||
x-transition:leave-start="opacity-100 scale-100"
|
||||
x-transition:leave-end="opacity-0 scale-95"
|
||||
class="absolute w-screen max-w-sm px-2 transform -translate-x-1/2 left-1/2 sm:px-0"
|
||||
x-cloak>
|
||||
<div class="shadow-lg rounded-xl">
|
||||
<div class="overflow-hidden border border-gray-100 shadow-md rounded-xl">
|
||||
<div class="relative z-20 grid bg-white">
|
||||
<a href="/docs" class="flex items-start p-10 -m-3 space-x-3 transition duration-150 ease-in-out rounded-lg pb-7 group">
|
||||
<svg class="flex-shrink-0 w-4 h-4 mt-1 text-gray-500 duration-200 group-hover:text-gray-800 transition-color ease" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M4.04 2c1.91 0 3.46.9 3.46 2.55V15c-.45 0-.9-.3-1.17-.53-.86-.71-2.52-.75-4.31-.75H.83a.82.82 0 0 1-.59-.25.86.86 0 0 1-.24-.6V2.85C0 2.38.37 2 .83 2h3.2zm11.13 0c.22 0 .43.1.59.25.15.16.24.38.24.6v10.02c0 .23-.09.44-.24.6a.82.82 0 0 1-.6.25h-1.18c-1.8 0-3.45.04-4.3.75-.28.23-.73.53-1.18.53V4.55C8.5 2.91 10.05 2 11.96 2h3.2z" fill-rule="evenodd"></path></svg>
|
||||
<div class="space-y-1">
|
||||
<p class="text-base font-medium leading-6 text-gray-700 duration-200 group-hover:text-gray-900 transition-color ease">
|
||||
Documentation
|
||||
</p>
|
||||
<p class="text-xs font-normal leading-5 text-gray-500 duration-200 group-hover:text-gray-700 transition-color ease">
|
||||
Learn how to setup, install, and configure wave.
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://devdojo.com/course/wave" target="_blank" class="flex items-start px-10 -m-3 space-x-3 transition duration-150 ease-in-out rounded-lg py-7 group">
|
||||
<svg class="flex-shrink-0 w-6 h-6 text-gray-500 duration-200 group-hover:text-gray-800 transition-color ease" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2 6a2 2 0 012-2h6a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V6zM14.553 7.106A1 1 0 0014 8v4a1 1 0 00.553.894l2 1A1 1 0 0018 13V7a1 1 0 00-1.447-.894l-2 1z"></path></svg>
|
||||
<div class="space-y-1">
|
||||
<p class="text-base font-medium leading-6 text-gray-700 duration-200 group-hover:text-gray-900 transition-color ease">
|
||||
Videos
|
||||
</p>
|
||||
<p class="text-xs font-normal leading-5 text-gray-500 duration-200 group-hover:text-gray-700 transition-color ease">
|
||||
A series of videos to help you get started.
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="{{ route('wave.blog') }}" class="flex items-start px-10 pb-10 -m-3 space-x-3 transition duration-150 ease-in-out rounded-lg pt-7 group">
|
||||
<svg class="flex-shrink-0 w-6 h-6 text-gray-500 duration-200 group-hover:text-gray-800 transition-color ease" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M2 5a2 2 0 012-2h8a2 2 0 012 2v10a2 2 0 002 2H4a2 2 0 01-2-2V5zm3 1h6v4H5V6zm6 6H5v2h6v-2z" clip-rule="evenodd"></path><path d="M15 7h1a2 2 0 012 2v5.5a1.5 1.5 0 01-3 0V7z"></path></svg>
|
||||
<div class="space-y-1">
|
||||
<p class="text-base font-medium leading-6 text-gray-700 duration-200 group-hover:text-gray-900 transition-color ease">
|
||||
Blog
|
||||
</p>
|
||||
<p class="text-xs font-normal leading-5 text-gray-500 duration-200 group-hover:text-gray-700 transition-color ease">
|
||||
Wave comes with a full blogging platform
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-1 h-5 mx-10 border-r border-gray-300"></div>
|
||||
<a href="{{ route('login') }}" class="text-base font-medium leading-6 text-gray-500 whitespace-no-wrap hover:text-wave-600 focus:outline-none focus:text-gray-900">
|
||||
Sign in
|
||||
</a>
|
||||
<span class="inline-flex rounded-md shadow-sm">
|
||||
<a href="{{ route('register') }}" class="inline-flex items-center justify-center px-4 py-2 text-base font-medium leading-6 text-white whitespace-no-wrap transition duration-150 ease-in-out border border-transparent rounded-md bg-wave-500 hover:bg-wave-600 focus:outline-none focus:border-indigo-700 focus:shadow-outline-wave active:bg-wave-700">
|
||||
Sign up
|
||||
</a>
|
||||
</span>
|
||||
</nav>
|
||||
@@ -0,0 +1,27 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="max-w-4xl px-5 mx-auto mt-10 lg:px-0">
|
||||
<a href="{{ route('wave.dashboard') }}" class="flex items-center mb-6 font-mono text-sm font-bold leading-tight cursor-pointer text-wave-500">
|
||||
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path></svg>
|
||||
Back to the dashboard
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="max-w-4xl px-5 mx-auto mt-10 lg:px-0">
|
||||
|
||||
|
||||
|
||||
<h1 class="flex items-center text-3xl font-bold text-gray-700">
|
||||
<svg class="w-6 h-6 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path></svg>
|
||||
All Notifications
|
||||
</h1>
|
||||
<div class="uk-align-center">
|
||||
@include('theme::partials.notifications', ['show_all_notifications' => true])
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
116
resources/views/themes/tailwind/options.blade.php
Executable file
116
resources/views/themes/tailwind/options.blade.php
Executable file
@@ -0,0 +1,116 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* Tailwind Theme
|
||||
* Created by Tony Lea and the DevDojo
|
||||
*
|
||||
* Use the theme_field() function to display fields in
|
||||
* your theme. Take a look at the function DEFINITION
|
||||
* EXAMPLE, EXPLANATION, and TYPES OF FIELDS below:
|
||||
*
|
||||
* DEFINITION:
|
||||
*
|
||||
* theme_field(
|
||||
* $type,
|
||||
* $key,
|
||||
* $title = '',
|
||||
* $content = '',
|
||||
* $details = '',
|
||||
* $placeholder = '',
|
||||
* $required = 1)
|
||||
*
|
||||
* EXAMPLE of a textbox asking for headline:
|
||||
*
|
||||
* {!! theme_field(
|
||||
* 'text',
|
||||
* 'headline',
|
||||
* 'My Aweseome Headline',
|
||||
* '{}',
|
||||
* 'Add your Headline here',
|
||||
* 0)
|
||||
* !!}
|
||||
*
|
||||
* Only the first 2 are arguments are required
|
||||
*
|
||||
* {!! theme_field('test', 'headline') !!}
|
||||
*
|
||||
* EXPLANATION:
|
||||
* $type
|
||||
* This is the type of field you want to display, you can
|
||||
* take a look at all the fields from the TYPES OF FIELDS
|
||||
* section below.
|
||||
* $key
|
||||
* This is the key you want to create to reference the
|
||||
* field in your theme.
|
||||
* $title
|
||||
* This is the title or the label above the field
|
||||
* $content
|
||||
* The current contents or value of the field, if the field
|
||||
* has already been created in the db, the value in the
|
||||
* database will be used instead
|
||||
* $details
|
||||
* The details of the field in JSON. You can find more
|
||||
* info about the details from the following URL:
|
||||
* https://voyager.readme.io/docs/additional-field-options
|
||||
* $placeholder
|
||||
* The placeholder value of the field
|
||||
* $required
|
||||
* Whether or not this field is required
|
||||
*
|
||||
* TYPES OF FIELDS
|
||||
* checkbox, color, date, file, image, multiple_images,
|
||||
* number, password, radio_btn, rich_text_box, code_editor,
|
||||
* markdown_editor, select_dropdown, select_multiple, text,
|
||||
* text_area, timestamp, hidden, coordinates
|
||||
*/
|
||||
|
||||
?>
|
||||
<style>.tab-pane{ display:none; }, .tab-pane.active{ display:block; }</style>
|
||||
|
||||
<div class="theme-settings">
|
||||
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a data-toggle="tab" href="#branding">Branding</a></li>
|
||||
<li><a data-toggle="tab" href="#homepage">Homepage</a></li>
|
||||
<li><a data-toggle="tab" href="#themeinfo">Theme Info</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="tab-content">
|
||||
|
||||
<div id="branding" class="tab-pane fade in active">
|
||||
|
||||
{!! theme_field('image', 'logo', 'Site Logo') !!}
|
||||
|
||||
{!! theme_field('image', 'footer_logo', 'Footer Logo') !!}
|
||||
|
||||
</div>
|
||||
|
||||
<div id="homepage" class="tab-pane">
|
||||
|
||||
{!! theme_field('text', 'home_headline', 'Homepage Headline') !!}
|
||||
{!! theme_field('text', 'home_subheadline', 'Homepage Subheadline') !!}
|
||||
{!! theme_field('text_area', 'home_description', 'Homepage Copy Below Subheadline') !!}
|
||||
{!! theme_field('text', 'home_cta', 'Homepage CTA Text') !!}
|
||||
{!! theme_field('text', 'home_cta_url', 'Homepage CTA URL') !!}
|
||||
{!! theme_field('image', 'home_promo_image', 'Homepage Promo Image') !!}
|
||||
|
||||
</div>
|
||||
|
||||
<div id="themeinfo" class="tab-pane">
|
||||
|
||||
<h3>TailwindCSS</h3>
|
||||
<p>This theme was built using TailwindCSS. You can learn more about Tailwind by visiting the links below.</p>
|
||||
<a href="https://tailwindcss.com" target="_blank" class="btn btn-small btn-primary">TailwindCSS Homepage</a>
|
||||
<a href="https://tailwindcss.com/docs" target="_blank" class="btn btn-small btn-primary">Tailwind Documentation</a>
|
||||
<hr>
|
||||
<h3>Theme Options</h3>
|
||||
<p>You can edit this file located at: <code>{{ resource_path('views/' . theme_folder()) . '/options.blade.php' }}</code>
|
||||
<p>It's quite easy to add your own options, instructions are commented at the top of the file.</p>
|
||||
<hr>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
29
resources/views/themes/tailwind/package.json
Normal file
29
resources/views/themes/tailwind/package.json
Normal file
@@ -0,0 +1,29 @@
|
||||
{
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "mix",
|
||||
"watch": "mix watch",
|
||||
"watch-poll": "mix watch -- --watch-options-poll=1000",
|
||||
"hot": "mix watch --hot",
|
||||
"production": "mix --production"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tailwindcss/forms": "^0.4.0",
|
||||
"@tailwindcss/typography": "^0.5.0",
|
||||
"autoprefixer": "^10.4.0",
|
||||
"axios": "^0.24.0",
|
||||
"laravel-mix": "^6.0.39",
|
||||
"laravel-mix-purgecss": "^6.0.0",
|
||||
"laravel-mix-tailwind": "^0.1.2",
|
||||
"lodash": "^4.17.21",
|
||||
"postcss": "^8.4.4",
|
||||
"resolve-url-loader": "^4.0.0",
|
||||
"sass": "^1.43.4",
|
||||
"sass-loader": "^12.3.0",
|
||||
"tailwindcss": "^3.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"alpinejs": "^3.5.1",
|
||||
"glob-all": "^3.2.1"
|
||||
}
|
||||
}
|
||||
25
resources/views/themes/tailwind/page.blade.php
Normal file
25
resources/views/themes/tailwind/page.blade.php
Normal file
@@ -0,0 +1,25 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
|
||||
<div class="py-20 mx-auto max-w-7xl">
|
||||
<article id="page-{{ $page->id }}" class="max-w-4xl px-5 mx-auto prose prose-xl lg:prose-2xl lg:px-0">
|
||||
|
||||
<meta property="name" content="{{ $page->title }}">
|
||||
<meta property="author" typeof="Person" content="admin">
|
||||
<meta property="dateModified" content="{{ Carbon\Carbon::parse($page->updated_at)->toIso8601String() }}">
|
||||
<meta class="uk-margin-remove-adjacent" property="datePublished" content="{{ Carbon\Carbon::parse($page->created_at)->toIso8601String() }}">
|
||||
|
||||
<h1>{{ $page->title }}</h1>
|
||||
|
||||
@if(!is_null($page->image))
|
||||
<img width="1200" height="640" src="{{ $page->image() }}" alt="{{ $page->title }}" srcset="{{ $page->image() }}">
|
||||
@endif
|
||||
|
||||
{!! $page->body !!}
|
||||
|
||||
</article>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,44 @@
|
||||
@php $announcement = Wave\Announcement::orderBy('created_at', 'DESC')->first() @endphp
|
||||
<div id="announcement" class="fixed bottom-0 right-0 z-50 flex items-end justify-center px-4 py-6 transition-all duration-200 ease-out transform translate-y-0 opacity-100 cursor-pointer pointer-events-none hover:-translate-y-1 sm:p-6 sm:items-start sm:justify-end" data-href="{{ route('wave.announcement', $announcement->id) }}">
|
||||
<div id="announcement_content" class="relative w-full max-w-sm bg-white border border-gray-200 rounded-lg shadow-lg pointer-events-auto">
|
||||
<div class="relative p-5">
|
||||
<span id="announcement_close" class="absolute top-0 right-0 inline-flex mt-5 mr-5 text-gray-400 transition duration-150 ease-in-out cursor-pointer focus:outline-none focus:text-gray-500">
|
||||
<svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
|
||||
</svg>
|
||||
</span>
|
||||
<h4 class="text-sm font-medium leading-5 text-gray-900">{{ $announcement->title }}</h4>
|
||||
<p class="mt-2 text-sm leading-5 text-gray-500">{{ $announcement->description }}</p>
|
||||
<div id="announcement_footer" class="mt-1"><a href="{{ route('wave.announcement', $announcement->id) }}" class="text-sm font-medium leading-5 text-indigo-600 transition duration-150 ease-in-out hover:text-indigo-500 focus:outline-none focus:underline">Learn More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
var announcementEl = document.getElementById('announcement');
|
||||
|
||||
document.getElementById('announcement_close').addEventListener('click', function(evt){
|
||||
announcementEl.classList.remove('opacity-100');
|
||||
announcementEl.classList.add('opacity-0');
|
||||
markNotificationsRead();
|
||||
evt.stopPropagation();
|
||||
setTimeout(function(){
|
||||
announcementEl.remove();
|
||||
}, 300);
|
||||
});
|
||||
|
||||
announcementEl.addEventListener('click', function(e){
|
||||
if(e.target.parentElement.id != "announcement_close" && e.target.id != "announcement_close"){
|
||||
markNotificationsRead();
|
||||
window.location = announcementEl.dataset.href;
|
||||
}
|
||||
});
|
||||
|
||||
function markNotificationsRead(endpoint, splitPopReadyState){
|
||||
var HttpRequest = new XMLHttpRequest();
|
||||
HttpRequest.open("POST", "{{ route('wave.announcements.read') }}", true);
|
||||
HttpRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
||||
HttpRequest.send("_token={{ csrf_token() }}");
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,53 @@
|
||||
<!-- Cancel Confirmation -->
|
||||
<div x-data x-init="
|
||||
$watch('$store.confirmCancel.open', value => {
|
||||
if (value === true) { document.body.classList.add('overflow-hidden') }
|
||||
else { document.body.classList.remove('overflow-hidden') }
|
||||
});" id="confirmCancel" x-show="$store.confirmCancel.open" class="fixed inset-0 z-50 overflow-y-auto" x-cloak>
|
||||
<div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
|
||||
<div x-show="$store.confirmCancel.open" x-on:click="$store.confirmCancel.open = false" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-opacity">
|
||||
<div class="absolute inset-0 bg-black opacity-50"></div>
|
||||
</div>
|
||||
|
||||
<span class="hidden sm:inline-block sm:align-middle sm:h-screen"></span>​
|
||||
<div x-show="$store.confirmCancel.open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="inline-block px-4 pt-5 pb-4 overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6" role="dialog">
|
||||
<div class="flex flex-col justify-between w-full mt-2">
|
||||
<div class="flex flex-col items-center">
|
||||
<div class="flex items-center justify-center w-12 h-12 mx-auto text-center bg-red-100 rounded-full">
|
||||
<svg class="w-6 h-6 text-red-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="mt-3 text-center sm:ml-4">
|
||||
<h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-headline">
|
||||
Cancel Subscription
|
||||
</h3>
|
||||
<div class="mt-1">
|
||||
<p class="text-sm leading-5 text-gray-500">Are you sure you want to cancel?</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-5 sm:mt-6 sm:flex sm:flex-row-reverse">
|
||||
<span class="flex flex-1 w-full rounded-md shadow-sm sm:ml-3 sm:w-full">
|
||||
<div data-url="{{ auth()->user()->subscription->cancel_url }}" @click="$store.confirmCancel.open=false" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium leading-6 text-white transition duration-150 ease-in-out bg-red-600 border border-transparent rounded-md shadow-sm cursor-pointer checkout-cancel hover:bg-red-500 focus:outline-none focus:border-red-700 focus:shadow-outline-red sm:text-sm sm:leading-5">
|
||||
Cancel Subscription
|
||||
</div>
|
||||
|
||||
</span>
|
||||
<span class="flex flex-1 w-full mt-3 rounded-md shadow-sm sm:mt-0 sm:w-full">
|
||||
<button onclick="closeCancelModal()" type="button" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium leading-6 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 rounded-md shadow-sm hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue sm:text-sm sm:leading-5">
|
||||
Close
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Cancel Confirmation -->
|
||||
<!-- Javascript to close the modal -->
|
||||
<script>
|
||||
window.closeCancelModal = function(){
|
||||
Alpine.store('confirmCancel').close();
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,7 @@
|
||||
<div class="flex items-center justify-between p-5 m-8 bg-red-200 border border-red-400 rounded-lg">
|
||||
<div class="relative">
|
||||
<h5 class="mb-2 text-xl font-bold text-red-700">Cancel Subscription Plan</h5>
|
||||
<p class="text-red-600">Danger Zone! This will cancel your subscription</p>
|
||||
</div>
|
||||
<div @click="$store.confirmCancel.open = true" class="px-4 py-2 text-sm font-medium text-white bg-red-600 rounded-lg cursor-pointer">Cancel</div>
|
||||
</div>
|
||||
@@ -0,0 +1,124 @@
|
||||
@php
|
||||
$companies = \App\Models\Company::whereNotNull('name_english')->whereNotNull('name_chinese')->orderBy('created_at', 'desc')->get()->take(5);
|
||||
|
||||
if ($companies && ! auth()->user()->adminActiveCompany) {
|
||||
auth()->user()->update([
|
||||
'admin_active_company_id' => $companies->first()->id,
|
||||
]);
|
||||
}
|
||||
@endphp
|
||||
<div class="main-dashboard-navigation">
|
||||
<div class="main-dashboard-title">
|
||||
<h1 class="h2-title white">{{ __("Hi, :Name Welcome back!", ['name' => auth()->user()->name]) }}</h1>
|
||||
</div>
|
||||
<div class="main-dashboard-buttons">
|
||||
<ul>
|
||||
<li class="has-dropdown">
|
||||
<a href="" class="with-dropdown"><img src="{{ asset('themes/tailwind/images/language.svg') }}"> {{ strtoupper(app()->getLocale()) }}</a>
|
||||
<ul class="dropdown user-selection">
|
||||
@foreach(config('app.available_locales') as $available_locale => $locale_name)
|
||||
<li class="{{ $available_locale === app()->getLocale() ? 'active' : '' }}"><a class="change-language" href="{{ route('language', [$available_locale]) }}">{{ $locale_name }}</a></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-dropdown">
|
||||
{{-- <a href="" class="with-dropdown"><img src="{{ asset('themes/tailwind/images/sample-user.svg') }}"> {{ auth()->user()->name }}</a> --}}
|
||||
<a href="" class="with-dropdown"><img src="{{ asset('themes/tailwind/images/sample-user.svg') }}"> {{ isset(auth()->user()->adminActiveCompany->name) ? auth()->user()->adminActiveCompany->name : '' }}</a>
|
||||
<ul class="dropdown user-selection">
|
||||
@foreach($companies as $company)
|
||||
<li class="{{ auth()->user()->admin_active_company_id === $company->id ? 'active' : '' }}"><a class="" href="{{ route('cms.change-active-company', [$company->id]) }}"><img src="{{ asset('themes/tailwind/images/sample-company.png') }}"> {{ $company->name ?? 'null' }}</a></li>
|
||||
@endforeach
|
||||
<li>
|
||||
<div class="user-selection__buttons">
|
||||
<button class="btn" type="button">{{ __("Add Account") }}</button>
|
||||
<a href="{{ route('wave.logout') }}" class="btn btn-error" >{{ __("Logout this account") }}</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-dropdown mr-0">
|
||||
<a href="" class="position-relative notification-icon">
|
||||
<img src="{{ asset('themes/tailwind/images/notification.svg') }}">
|
||||
<span class="new-icon" style="display:none;"></span>
|
||||
</a>
|
||||
<ul class="dropdown notification-selection">
|
||||
<h3 class="dropdown-title">{{ __("Notification") }}</h3>
|
||||
<div id="notificationWrapper">
|
||||
{{-- <div class="dropdown-list-item">
|
||||
<div class="dropdown-sidetext">
|
||||
<h4 class="dropdown-subtitle">{{ __("Service Chat") }}</h4>
|
||||
<a href="">{{ __("Check") }}</a>
|
||||
</div>
|
||||
<ul class="dropdown-list">
|
||||
<li>
|
||||
<div class="item-list">
|
||||
<img src="{{ asset('themes/tailwind/images/building.svg') }}">
|
||||
<span>Hi. I am Logistics Manager at companyA. My Name is Ellen... </span>
|
||||
<a href="">{{ __("Check") }}</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-list">
|
||||
<img src="{{ asset('themes/tailwind/images/building.svg') }}">
|
||||
<span>Hi. I am Logistics Manager at companyA. My Name is Ellen... </span>
|
||||
<a href="">{{ __("Check") }}</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="dropdown-list-item">
|
||||
<div class="dropdown-sidetext">
|
||||
<h4 class="dropdown-subtitle">{{ __("Service Chat") }}</h4>
|
||||
<a href="">{{ __("Check") }}</a>
|
||||
</div>
|
||||
<ul class="dropdown-list">
|
||||
<li>
|
||||
<div class="item-list">
|
||||
<img src="{{ asset('themes/tailwind/images/pdf.svg') }}">
|
||||
<span>ABC Ltd_202301Bank statement_... <i class="success item-list-note">Entry Completed</i></span>
|
||||
<a href="">{{ __("Check") }}</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-list">
|
||||
<img src="{{ asset('themes/tailwind/images/pdf.svg') }}">
|
||||
<span>ABC Ltd_202301Bank statement_... <i class="success item-list-note">Entry Completed</i></span>
|
||||
<a href="">{{ __("Check") }}</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="dropdown-list-item">
|
||||
<div class="dropdown-sidetext">
|
||||
<h4 class="dropdown-subtitle">{{ __("Service Chat") }}</h4>
|
||||
<a href="">{{ __("Check") }}</a>
|
||||
</div>
|
||||
<ul class="dropdown-list">
|
||||
<li>
|
||||
<div class="item-list">
|
||||
<img src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span>ABC Ltd_202301Bank statement_... <i class="item-list-note success">Entry Completed</i></span>
|
||||
<a href="">{{ __("Check") }}</a>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="item-list">
|
||||
<img src="{{ asset('themes/tailwind/images/jpg.svg') }}">
|
||||
<span>ABC Ltd_202301Bank statement_... <i class="failed item-list-note">Failed</i></span>
|
||||
<a href="">{{ __("Check") }}</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div> --}}
|
||||
</div>
|
||||
<a href="#" class="d-flex align-items-center justify-content-center py-3" id="notificationShowMore" style="font-size: 16px;">{{ __("Show more") }}</a>
|
||||
</ul>
|
||||
</li>
|
||||
@if (auth()->user()->userRole->hasAccess('manage-company-settings'))
|
||||
<li>
|
||||
<a href="{{ route('cms.settings') }}"><img src="{{ asset('themes/tailwind/images/setting.svg') }}"></a>
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,18 @@
|
||||
<div class="relative bottom-0 left-0 z-30 hidden w-full h-16 md:block bg-gradient-to-r from-wave-500 via-wave-600 to-purple-500">
|
||||
<div class="flex items-center justify-between w-full h-full px-3 mx-auto max-w-7xl">
|
||||
<div class="relative flex items-center">
|
||||
<a href="https://devdojo.com/wave" target="_blank" class="flex items-center text-sm text-blue-200 hover:underline">
|
||||
<span class="hidden font-medium text-blue-100 xl:block">This is a demo of Wave.</span>
|
||||
<span class="ml-1 font-normal">The self-hosted Software as a Service Starter Kit</span>
|
||||
<svg class="w-5 h-5 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="w-auto">
|
||||
<a href="https://github.com/thedevdojo/wave" target="_blank" class="flex items-center h-8 px-3 text-sm font-medium text-white border border-white rounded-md cursor-pointer">
|
||||
<svg class="w-7 h-8 h-full pr-1 pr-2.5 border-r text-white" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path></svg>
|
||||
<span class="py-1.5 pl-2.5">View On Github</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
52
resources/views/themes/tailwind/partials/dev_bar.blade.php
Normal file
52
resources/views/themes/tailwind/partials/dev_bar.blade.php
Normal file
@@ -0,0 +1,52 @@
|
||||
<div
|
||||
x-init="$watch('open', value => {
|
||||
if(value){
|
||||
document.body.classList.add('overflow-hidden');
|
||||
let thisElement = $el;
|
||||
} else {
|
||||
document.body.classList.remove('overflow-hidden');
|
||||
}})"
|
||||
id="wave_dev_bar"
|
||||
class="fixed bottom-0 left-0 z-40 w-full h-screen transition-all duration-150 ease-out transform"
|
||||
x-data="{ open: false, url: '', active: '' }"
|
||||
:class="{ 'translate-y-full': !open, 'translate-y-0': open }"
|
||||
x-on:keydown.escape.window="open = false"
|
||||
x-cloak>
|
||||
<div class="fixed inset-0 z-20 bg-black bg-opacity-25" x-show="open" @click="open=false"></div>
|
||||
|
||||
|
||||
|
||||
<div class="absolute inset-0 z-30 hidden sm:block" :class="{ 'bottom-0': !open }">
|
||||
|
||||
<div class="inset-0 z-40 transition duration-200 ease-out" :class="{ 'absolute h-14': open, 'relative h-10 -mt-10': !open }">
|
||||
<div class="w-full h-full border-t border-blue-500 bg-gradient-to-r from-wave-500 via-blue-500 to-purple-600" :class="{ 'overflow-hidden': open }">
|
||||
<div class="flex justify-between w-full h-full">
|
||||
<div class="flex h-full">
|
||||
<div class="relative flex items-center justify-center h-full" :class="{ 'px-2': !open, 'px-4': open }">
|
||||
<svg class="mx-0.5" :class="{ 'w-5 h-5': !open, 'w-6 h-6': open }" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 208 206"><defs></defs><defs><linearGradient id="a_devbar" x1="100%" x2="0%" y1="45.596%" y2="45.596%"><stop offset="0%" stop-color="#ffffff"></stop><stop offset="100%" stop-color="#ffffff"></stop></linearGradient><linearGradient id="b_devbar" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#ffffff"></stop><stop offset="100%" stop-color="#ffffff"></stop></linearGradient><linearGradient id="c_devbar" x1="0%" x2="99.521%" y1="50%" y2="50%"><stop offset="0%" stop-color="#ffffff"></stop><stop offset="99.931%" stop-color="#ffffff"></stop></linearGradient></defs><g fill="none" fill-rule="evenodd"><path fill="url(#a_devbar)" d="M185.302 38c14.734 18.317 22.742 41.087 22.698 64.545C208 159.68 161.43 206 103.986 206c-39.959-.01-76.38-22.79-93.702-58.605C-7.04 111.58-2.203 69.061 22.727 38a104.657 104.657 0 00-9.283 43.352c0 54.239 40.55 98.206 90.57 98.206 50.021 0 90.571-43.973 90.571-98.206A104.657 104.657 0 00185.302 38z"></path><path fill="url(#b_devbar)" d="M105.11 0A84.144 84.144 0 01152 14.21C119.312-.651 80.806 8.94 58.7 37.45c-22.105 28.51-22.105 68.58 0 97.09 22.106 28.51 60.612 38.101 93.3 23.239-30.384 20.26-70.158 18.753-98.954-3.75-28.797-22.504-40.24-61.021-28.47-95.829C36.346 23.392 68.723.002 105.127.006L105.11 0z"></path><path fill="url(#c_devbar)" d="M118.98 13c36.39-.004 66.531 28.98 68.875 66.234 2.343 37.253-23.915 69.971-60.006 74.766 29.604-8.654 48.403-38.434 43.99-69.685-4.413-31.25-30.678-54.333-61.459-54.014-30.78.32-56.584 23.944-60.38 55.28v-1.777C49.99 44.714 80.872 13.016 118.98 13z"></path></g></svg>
|
||||
</div>
|
||||
|
||||
<div @click="open=true; url='/docs'; active='docs';" class="flex items-center justify-center h-full text-xs leading-none text-blue-100 border-l border-blue-500 cursor-pointer hover:bg-wave-600" :class="{ 'px-3': !open, 'px-5': open, 'bg-wave-600': active == 'docs' && open, 'bg-wave-500': active != 'docs' }">
|
||||
Documentation
|
||||
</div>
|
||||
@if(!auth()->guest() && auth()->user()->can('browse_admin'))
|
||||
<div @click="open=true; url='/admin'; active='admin';" class="flex items-center justify-center h-full text-xs leading-none text-blue-100 border-l border-blue-500 cursor-pointer hover:bg-wave-600" :class="{ 'px-3': !open, 'px-5': open, 'bg-wave-600': active == 'admin' && open, 'bg-wave-500': active != 'admin' }">
|
||||
Admin
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
<div x-show="open" @click="open=false" class="flex flex-col items-center justify-center h-full text-white border-l border-purple-500 opacity-75 cursor-pointer w-14 hover:bg-black hover:bg-opacity-10 hover:opacity-100">
|
||||
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
|
||||
<span class="text-xs opacity-50">esc</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="relative w-full h-full overflow-hidden bg-white">
|
||||
<iframe class="w-full h-full pt-14" :src="url"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
231
resources/views/themes/tailwind/partials/footer.blade.php
Normal file
231
resources/views/themes/tailwind/partials/footer.blade.php
Normal file
@@ -0,0 +1,231 @@
|
||||
|
||||
<!-- Section 1 -->
|
||||
<footer class="@if(Request::is('/')){{ 'bg-white' }}@else{{ 'bg-gray-50' }}@endif">
|
||||
<div class="px-8 pt-16 mx-auto lg:px-12 xl:px-16 max-w-7xl">
|
||||
<div class="flex flex-wrap items-start justify-between pb-20">
|
||||
<a href="#_" class="flex items-center w-auto text-lg font-bold md:w-1/6">
|
||||
@if(Voyager::image(theme('footer_logo')))
|
||||
<img class="h-10" src="{{ Voyager::image(theme('footer_logo')) }}" alt="Company name">
|
||||
@else
|
||||
<div class="relative flex items-center text-gray-500 leading-tighter">
|
||||
<svg class="h-8 mt-1 fill-current" viewBox="0 0 164 145" xmlns="http://www.w3.org/2000/svg"><path d="M161.47 45.02c-.22-1-.46-2-.72-3v-.28l-.19-.27-.18-.66h-.14c-2.69-7.59-9.38-11.76-18.95-11.76-14.1 0-33.18 9-51.05 24.2l-2.3 2c-18.72-8.37-27.87-24.27-35.26-37.1C46.86 8.03 42.26.04 34.68.04c-3.8 0-7.73 2.05-12.29 6.39-.15.14-15.84 15.85-21.08 41.81a76.56 76.56 0 001.13 33.75v.19c.06.26.12.52.2.78v.16c.54 2.08 1.2 4.21 2 6.35l.25.69a81.55 81.55 0 00130.26 33.92l.75-.59v-.08a81.73 81.73 0 0025.51-43.44c.24-1.11.46-2.24.66-3.36a83.42 83.42 0 001.08-8.83 80.61 80.61 0 00-1.68-22.76zm-67.95 12c17-14.4 34.86-23 47.81-23 7.5 0 12.3 2.85 14.26 8.48l-.07.42.24.34c.06.46.08.91.11 1.36V46.9c0 .57-.09 1.12-.17 1.66v.25c-.08.46-.16.92-.28 1.36-.12.44-.23.74-.35 1.1-.05.14-.08.28-.14.41a13.28 13.28 0 01-2.42 4c-4.47 5.18-13.39 8-25.13 8-1.22 0-2.46 0-3.72-.1h-.46c-1.2-.06-2.42-.16-3.65-.28l-.64-.06c-1.21-.13-2.44-.28-3.68-.46l-.64-.1c-1.27-.19-2.53-.4-3.81-.64l-.47-.09c-1.31-.26-2.63-.53-4-.84h-.11c-1.33-.31-2.66-.65-4-1l-.54-.15c-1.28-.35-2.55-.73-3.81-1.13l-.67-.21c-1.25-.41-2.49-.83-3.73-1.28l-.26-.09.33-.23zM5.26 68.34a67.54 67.54 0 011-19.13 83.46 83.46 0 0119.57-39.12c3.53-3.36 6.53-5.07 8.9-5.07 4.67 0 8.63 6.89 13.65 15.6C55.46 32.93 65 49.51 83.79 58.79l-.14.12-.77.66c-9.74 8.39-20.7 17.82-31.24 25.22C43.55 69.34 32.39 60.48 21 60.48a19.21 19.21 0 00-15.12 7c-.19.26-.41.55-.62.86zm4.42 20.08c-.8-2.19-1.48-4.37-2-6.5l-.06-.25a5.18 5.18 0 01-.14-.53v-.2c-.06-.25-.09-.5-.13-.75-.04-.25-.08-.46-.1-.69-.02-.23 0-.48 0-.72v-.64-.73-.62c0-.2.08-.47.12-.7.04-.23.07-.42.12-.63.05-.21.12-.43.19-.65.07-.22.11-.43.19-.64.08-.21.16-.38.24-.57.08-.19.18-.45.29-.67.11-.22.17-.31.26-.47.09-.16.26-.49.41-.72a.86.86 0 01.07-.1c.23-.346.476-.68.74-1a14.22 14.22 0 0111.22-5.13c9.49 0 19.07 7.93 26.27 21.74l.21.39c-10.5 6.88-18.71 10.24-25 10.24-5.99-.05-10.18-3.14-12.9-9.48v.02zm72.1 50.66a76.7 76.7 0 01-13.33-1.17c-1.24-.22-2.46-.47-3.68-.75l-.7-.16c-1.17-.28-2.33-.58-3.49-.92l-.65-.19c-1.14-.34-2.27-.7-3.38-1.09l-.19-.06a83.04 83.04 0 01-3.42-1.31l-.67-.28c-1.1-.46-2.19-.94-3.26-1.45l-.55-.27c-1-.5-2.07-1-3.08-1.58-.09-.05-.19-.09-.28-.15-1.06-.58-2.1-1.19-3.13-1.81l-.61-.38c-1-.63-2-1.28-3-2l-.43-.3c-.94-.66-1.86-1.33-2.77-2-.1-.09-.22-.17-.32-.25-.947-.74-1.877-1.5-2.79-2.28l-.54-.46c-.9-.79-1.79-1.59-2.66-2.42l-.31-.31c-.82-.79-1.63-1.6-2.42-2.44l-.34-.35a76.17 76.17 0 01-2.38-2.69l-.46-.54c-.78-.93-1.53-1.87-2.27-2.83l-.2-.28c-.7-.92-1.37-1.87-2-2.82l-.33-.48c-.66-1-1.31-2-1.93-3l-.16-.27c8.08 2.92 19.11-.15 33.93-9.8.45.75.91 1.5 1.39 2.24l.33.5c.37.56.74 1.13 1.12 1.68l.53.75c.32.47.65.93 1 1.39l.63.83.94 1.26c.23.29.46.57.68.86l.94 1.17.73.87.95 1.12c.25.29.51.57.77.86l1 1.07.8.85 1 1 .83.83 1 1 .22.21c.082.088.169.172.26.25l.36.34 1 .91.94.85.94.83 1 .86c.3.25.6.51.91.75l1.06.86.89.7 1.12.85.85.63 1.18.84.83.58c.4.28.81.55 1.22.82l.81.52c.42.28.84.54 1.26.8l.79.48 1.31.77.76.44 1.35.74.74.39 1.38.7.72.35 1.42.67.7.31 1.45.62c.22.1.45.18.67.27l1.49.59.64.23c.51.19 1 .37 1.52.54l.61.2 1.55.48.58.17c.53.15 1.06.3 1.59.43l.53.13c.55.13 1.09.27 1.64.38l.47.1c.56.11 1.12.23 1.69.32.12 0 .25 0 .37.06.59.1 1.19.2 1.78.28h.21a49.06 49.06 0 006.14.4c.79 0 1.57 0 2.34-.07h.29a76.19 76.19 0 01-32.42 7.21v.02zm75.37-63.34c-.19 1.07-.4 2.14-.64 3.2a76.65 76.65 0 01-24.5 41.23l-.08.06c-.45.35-.91.66-1.37 1l-.6.4-.44.3c-.39.25-.8.48-1.2.71l-.79.45-.28.15c-.42.22-.85.42-1.28.62-.43.2-.73.35-1.11.5-.38.15-.9.35-1.36.52-.46.17-.74.28-1.12.4-.38.12-1 .28-1.46.41-.46.13-.75.22-1.13.3-.38.08-1.06.22-1.59.31-.37.07-.72.15-1.09.21-.61.09-1.23.14-1.84.2l-.95.11c-.94.06-1.9.1-2.87.1-.66 0-1.32 0-2-.05h-.65l-1.34-.09-.79-.09-1.21-.14-.84-.13-1.17-.19-.88-.17-1.13-.23-.9-.22c-.37-.09-.75-.17-1.12-.27l-.91-.25-1.11-.32-.92-.3c-.37-.11-.74-.23-1.1-.36-.36-.13-.61-.21-.92-.33l-1.1-.4-.91-.36-1.1-.45-.91-.4-1.1-.49-.9-.43-1.09-.54-.9-.46-1.08-.58-.89-.49-1.07-.62-.89-.53-1.06-.65-.87-.56-1.05-.69-.87-.59-1-.73-.85-.61-1-.77-.84-.65-1-.8c-.28-.22-.56-.44-.83-.67l-1-.84-.82-.7-.81-.72-.17-.15-.78-.72-1-.94-.72-.69-1-1-.66-.67-1.06-1.12-.58-.63-1.1-1.23-.5-.57c-.39-.45-.78-.91-1.16-1.37-.13-.16-.27-.32-.4-.49-.41-.5-.81-1-1.21-1.52l-.31-.38c-.43-.56-.85-1.13-1.27-1.7l-.19-.26c-.47-.64-.92-1.29-1.37-1.94v-.06c-.34-.49-.66-1-1-1.47-.48-.73-.95-1.47-1.4-2.22-.15-.24-.3-.47-.44-.71 10.87-7.59 22.09-17.24 32.06-25.82l2.71-2.33c12.69 5.09 26.26 7.89 38.38 7.89 13.42 0 23.45-3.39 29-9.81a18.24 18.24 0 001.27-1.66l.18-.26c.14-.22.3-.43.43-.65a76.24 76.24 0 01-1.08 19.17z" fill-rule="nonzero"/></svg>
|
||||
<span class="ml-4 text-3xl font-thin tracking-wide">wave</span>
|
||||
</div>
|
||||
@endif
|
||||
</a>
|
||||
<div class="grid w-full grid-cols-2 pt-2 mt-20 sm:grid-cols-4 gap-y-16 lg:gap-x-8 md:w-5/6 md:mt-0 md:pr-6">
|
||||
<div class="md:justify-self-end">
|
||||
<h3 class="font-semibold text-black">Product</h3>
|
||||
<ul class="mt-6 space-y-4 text-sm">
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Features</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Integrations</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Documentation</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Pricing</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="md:justify-self-end">
|
||||
<h3 class="font-semibold text-black">About</h3>
|
||||
<ul class="mt-6 space-y-4 text-sm">
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Our Story</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Company</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Our Team</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Work With Us</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="md:justify-self-end">
|
||||
<h3 class="font-semibold text-black">Resources</h3>
|
||||
<ul class="mt-6 space-y-4 text-sm">
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Help Center</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Developer API</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Our Blog</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Status</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Sitemap</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="md:justify-self-end">
|
||||
<h3 class="font-semibold text-black">Contact</h3>
|
||||
<ul class="mt-6 space-y-4 text-sm">
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Advertising</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Press</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Partners</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-1"></span>
|
||||
<span>Email</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col items-center justify-between py-10 border-t border-solid lg:flex-row border-gray">
|
||||
<ul class="flex flex-wrap space-x-5 text-xs">
|
||||
<li class="mb-6 text-center flex-full lg:flex-none lg:mb-0">© {{ date('Y') }} {{ setting('site.title', 'Laravel Wave') }}, Inc. All rights reserved.</li>
|
||||
<li class="lg:ml-6">
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-0"></span>
|
||||
<span>Privacy Policy</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ml-auto mr-auto text-center lg:ml-6 lg:mr-0">
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-0"></span>
|
||||
<span>Disclaimers</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="lg:ml-6">
|
||||
<a href="#_" class="relative inline-block text-black group">
|
||||
<span class="absolute bottom-0 w-full transition duration-150 ease-out transform -translate-y-1 border-b border-black opacity-0 group-hover:opacity-100 group-hover:translate-y-0"></span>
|
||||
<span>Terms and Conditions</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="flex items-center mt-10 space-x-5 lg:mt-0">
|
||||
<li>
|
||||
<a href="#" class="text-gray-600 hover:text-gray-900">
|
||||
<span class="sr-only">Facebook</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-gray-600 hover:text-gray-900">
|
||||
<span class="sr-only">Instagram</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-gray-600 hover:text-gray-900">
|
||||
<span class="sr-only">Twitter</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-gray-600 hover:text-gray-900">
|
||||
<span class="sr-only">GitHub</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="text-gray-600 hover:text-gray-900">
|
||||
<span class="sr-only">Dribbble</span>
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path fill-rule="evenodd" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
@if(!auth()->guest() && auth()->user()->hasAnnouncements())
|
||||
@include('theme::partials.announcements')
|
||||
@endif
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="{{ asset('themes/' . $theme->folder . '/js/app.js') }}"></script>
|
||||
|
||||
@yield('javascript')
|
||||
|
||||
@if(setting('site.google_analytics_tracking_id', ''))
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id={{ setting('site.google_analytics_tracking_id') }}"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', '{{ setting("site.google_analytics_tracking_id") }}');
|
||||
</script>
|
||||
|
||||
@endif
|
||||
35
resources/views/themes/tailwind/partials/header.blade.php
Normal file
35
resources/views/themes/tailwind/partials/header.blade.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<header x-data="{ mobileMenuOpen: false }" class="relative z-30 @if(Request::is('/')){{ 'bg-white' }}@else{{ 'bg-gray-50' }}@endif">
|
||||
<div class="px-8 mx-auto xl:px-5 max-w-7xl">
|
||||
<div class="flex items-center justify-between h-24 border-b-2 border-gray-100 md:justify-start md:space-x-6">
|
||||
<div class="inline-flex">
|
||||
<!-- data-replace='{ "translate-y-12": "translate-y-0", "scale-110": "scale-100", "opacity-0": "opacity-100" }' -->
|
||||
<a href="{{ route('wave.home') }}" class="flex items-center justify-center space-x-3 transition-all duration-1000 ease-out transform text-wave-500">
|
||||
@if(Voyager::image(theme('logo')))
|
||||
<img class="h-9" src="{{ Voyager::image(theme('logo')) }}" alt="Company name">
|
||||
@else
|
||||
<svg class="w-9 h-9" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 208 206"><defs/><defs><linearGradient id="a" x1="100%" x2="0%" y1="45.596%" y2="45.596%"><stop offset="0%" stop-color="#5D63FB"/><stop offset="100%" stop-color="#0769FF"/></linearGradient><linearGradient id="b" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#39BEFF"/><stop offset="100%" stop-color="#0769FF"/></linearGradient><linearGradient id="c" x1="0%" x2="99.521%" y1="50%" y2="50%"><stop offset="0%" stop-color="#38BCFF"/><stop offset="99.931%" stop-color="#91D8FF"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path fill="url(#a)" d="M185.302 38c14.734 18.317 22.742 41.087 22.698 64.545C208 159.68 161.43 206 103.986 206c-39.959-.01-76.38-22.79-93.702-58.605C-7.04 111.58-2.203 69.061 22.727 38a104.657 104.657 0 00-9.283 43.352c0 54.239 40.55 98.206 90.57 98.206 50.021 0 90.571-43.973 90.571-98.206A104.657 104.657 0 00185.302 38z"/><path fill="url(#b)" d="M105.11 0A84.144 84.144 0 01152 14.21C119.312-.651 80.806 8.94 58.7 37.45c-22.105 28.51-22.105 68.58 0 97.09 22.106 28.51 60.612 38.101 93.3 23.239-30.384 20.26-70.158 18.753-98.954-3.75-28.797-22.504-40.24-61.021-28.47-95.829C36.346 23.392 68.723.002 105.127.006L105.11 0z"/><path fill="url(#c)" d="M118.98 13c36.39-.004 66.531 28.98 68.875 66.234 2.343 37.253-23.915 69.971-60.006 74.766 29.604-8.654 48.403-38.434 43.99-69.685-4.413-31.25-30.678-54.333-61.459-54.014-30.78.32-56.584 23.944-60.38 55.28v-1.777C49.99 44.714 80.872 13.016 118.98 13z"/></g></svg>
|
||||
@endif
|
||||
</a>
|
||||
</div>
|
||||
<div class="flex justify-end flex-grow -my-2 -mr-2 md:hidden">
|
||||
<button @click="mobileMenuOpen = true" type="button" class="inline-flex items-center justify-center p-2 text-gray-400 transition duration-150 ease-in-out rounded-md hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500">
|
||||
<svg class="w-6 h-6" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h16M4 16h16"></path></svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- This is the homepage nav when a user is not logged in -->
|
||||
@if(auth()->guest())
|
||||
@include('theme::menus.guest')
|
||||
@else <!-- Otherwise we want to show the menu for the logged in user -->
|
||||
@include('theme::menus.authenticated')
|
||||
@endif
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if(auth()->guest())
|
||||
@include('theme::menus.guest-mobile')
|
||||
@else
|
||||
@include('theme::menus.authenticated-mobile')
|
||||
@endif
|
||||
</header>
|
||||
@@ -0,0 +1,89 @@
|
||||
@php $notifications_count = auth()->user()->unreadNotifications->count(); @endphp
|
||||
|
||||
@if(!isset($show_all_notifications))
|
||||
@php $unreadNotifications = auth()->user()->unreadNotifications->take(5); @endphp
|
||||
<div id="notification-list" @click.away="open = false" class="relative flex items-center h-full" x-data="{ open: false }">
|
||||
<div id="notification-icon relative">
|
||||
<button @click="open = !open" class="relative p-1 ml-3 text-gray-400 transition duration-150 ease-in-out rounded-full hover:text-gray-500 focus:outline-none focus:text-gray-500 focus:bg-gray-100">
|
||||
<svg class="w-6 h-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path>
|
||||
</svg>
|
||||
@if($unreadNotifications && $notifications_count > 0) <span id="notification-count" class="absolute top-0 right-0 flex items-center justify-center w-4 h-4 text-xs text-red-100 bg-red-500 rounded-full">{{ $notifications_count }}</span> @endif
|
||||
</button>
|
||||
</div>
|
||||
@else
|
||||
@php $unreadNotifications = auth()->user()->unreadNotifications->all(); @endphp
|
||||
@endif
|
||||
|
||||
@if(!isset($show_all_notifications))
|
||||
<div x-show="open"
|
||||
x-transition:enter="duration-100 ease-out scale-95"
|
||||
x-transition:enter-start="opacity-50 scale-95"
|
||||
x-transition:enter-end="opacity-100 scale-100"
|
||||
x-transition:leave="transition duration-50 ease-in scale-100"
|
||||
x-transition:leave-start="opacity-100 scale-100"
|
||||
x-transition:leave-end="opacity-0 scale-95"
|
||||
class="absolute top-0 right-0 max-w-lg mt-20 overflow-hidden origin-top-right transform rounded-lg shadow-lg max-w-7xl w-104" x-cloak>
|
||||
@else
|
||||
<div class="relative top-0 right-0 w-full my-8 overflow-hidden origin-top max-w-7xl">
|
||||
@endif
|
||||
<div class="bg-white rounded-md border border-gray-100 @if(!isset($show_all_notifications)){{ 'shadow-md' }}@endif" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
|
||||
@if(!isset($show_all_notifications))
|
||||
<div id="notification-header">
|
||||
<div id="notification-head-content" class="flex items-center w-full px-3 py-3 text-gray-600 border-b border-gray-200">
|
||||
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path></svg>
|
||||
Notifications
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div id="notifications-none" class="@if($notifications_count > 0){{ 'hidden' }}@endif @if(isset($show_all_notifications)){{ 'bg-gray-150' }}@endif flex items-center justify-center h-24 w-full text-gray-600 font-medium">
|
||||
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"></path></svg>
|
||||
All Caught Up!
|
||||
</div>
|
||||
|
||||
<div class="relative">
|
||||
|
||||
|
||||
@foreach ($unreadNotifications as $index => $notification)
|
||||
@php $notification_data = (object)$notification->data; @endphp
|
||||
<div id="notification-li-{{ $index + 1 }}" class="flex flex-col pb-5 border-b border-gray-200 @if(!isset($show_all_notifications)){{ 'hover:bg-gray-50' }}@endif">
|
||||
|
||||
<a href="{{ @$notification_data->link }}" class="flex items-start p-5 pb-2">
|
||||
<div class="flex-shrink-0 pt-1">
|
||||
<img class="w-10 h-10 rounded-full" src="{{ @$notification_data->icon }}" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col items-start flex-1 w-0 ml-3">
|
||||
<p class="text-sm leading-5 text-gray-600">
|
||||
<strong>{{ @$notification_data->user['username'] }} @if(isset($notification_data->type) && @$notification_data->type == 'message'){{ 'left a message' }}@else{{ 'said' }}@endif</strong>
|
||||
{{ @$notification_data->body }} in <span class="notification-highlight">{{ @$notification_data->title }}</span>
|
||||
</p>
|
||||
<p class="mt-2 text-sm font-medium leading-5 text-gray-500">
|
||||
<span class="notification-datetime">{{ \Carbon\Carbon::parse(@$notification->created_at)->format('F, jS h:i A') }}</span>
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
<span data-id="{{ $notification->id }}" data-listid="{{ $index+1 }}" class="flex justify-start w-full py-1 pl-16 ml-1 text-xs text-gray-500 cursor-pointer k hover:text-gray-700 mark-as-read hover:underline">
|
||||
<svg class="absolute w-4 h-4 mt-1 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
|
||||
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
|
||||
Mark as Read
|
||||
</span>
|
||||
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
|
||||
@if(!isset($show_all_notifications))
|
||||
<div id="notification-footer" class="flex items-center justify-center py-3 text-xs font-medium text-gray-600 bg-gray-100 border-t border-gray-200 ">
|
||||
<a href="{{ route('wave.notifications') }}"><span uk-icon="icon: eye"></span>View All Notifications</a>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if(!isset($show_all_notifications))
|
||||
</div><!-- End of #notification-list -->
|
||||
@endif
|
||||
@@ -0,0 +1,60 @@
|
||||
@if ($paginator->hasPages())
|
||||
<div>
|
||||
<span class="relative z-0 inline-flex shadow-sm">
|
||||
{{-- Previous Page Link --}}
|
||||
@if ($paginator->onFirstPage())
|
||||
<div class="relative inline-flex items-center px-2 py-2 text-sm font-medium leading-5 text-gray-400 transition duration-150 ease-in-out bg-white border border-gray-300 rounded-l-md focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500">
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd"/>
|
||||
</svg>
|
||||
</div>
|
||||
@else
|
||||
<a href="{{ $paginator->previousPageUrl() }}" class="relative inline-flex items-center px-2 py-2 text-sm font-medium leading-5 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 rounded-l-md hover:text-gray-800 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500">
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd"/>
|
||||
</svg>
|
||||
</a>
|
||||
@endif
|
||||
|
||||
{{-- Pagination Elements --}}
|
||||
@foreach ($elements as $element)
|
||||
{{-- "Three Dots" Separator --}}
|
||||
@if (is_string($element))
|
||||
<span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-gray-700 bg-white border border-gray-300">
|
||||
...
|
||||
</span>
|
||||
@endif
|
||||
|
||||
{{-- Array Of Links --}}
|
||||
@if (is_array($element))
|
||||
@foreach ($element as $page => $url)
|
||||
@if ($page == $paginator->currentPage())
|
||||
<div class="relative items-center hidden px-4 py-2 -ml-px text-sm font-medium leading-5 text-gray-400 transition duration-150 ease-in-out bg-white border border-gray-300 md:inline-flex focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700">
|
||||
{{ $page }}
|
||||
</div>
|
||||
@else
|
||||
<a href="{{ $url }}" class="relative items-center hidden px-4 py-2 -ml-px text-sm font-medium leading-5 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 md:inline-flex hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700">
|
||||
{{ $page }}
|
||||
</a>
|
||||
@endif
|
||||
@endforeach
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
{{-- Next Page Link --}}
|
||||
@if ($paginator->hasMorePages())
|
||||
<a href="{{ $paginator->nextPageUrl() }}" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium leading-5 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 rounded-r-md hover:text-gray-800 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500">
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
|
||||
</svg>
|
||||
</a>
|
||||
@else
|
||||
<div class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium leading-5 text-gray-500 transition duration-150 ease-in-out bg-white border border-gray-300 rounded-r-md hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500">
|
||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
|
||||
</svg>
|
||||
</div>
|
||||
@endif
|
||||
</span>
|
||||
</div>
|
||||
@endif
|
||||
101
resources/views/themes/tailwind/partials/payment-form.blade.php
Normal file
101
resources/views/themes/tailwind/partials/payment-form.blade.php
Normal file
@@ -0,0 +1,101 @@
|
||||
<div class="flex flex-col">
|
||||
<label class="block mb-2 text-sm font-medium leading-5 text-gray-700">Cardholders Name</label>
|
||||
<input type="text" class="w-full form-input" name="cardholder" id="cardholder-name">
|
||||
<label for="card-element" class="block mt-6 mb-2 text-sm font-medium leading-5 text-gray-700">
|
||||
Credit or debit card
|
||||
</label>
|
||||
<div id="card-element" class="w-full form-input">
|
||||
<!-- A Stripe Element will be inserted here. -->
|
||||
</div>
|
||||
|
||||
<!-- Used to display form errors. -->
|
||||
<div id="card-errors" class="mt-2 text-sm text-red-500" role="alert"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="https://js.stripe.com/v3/"></script>
|
||||
<script>
|
||||
|
||||
// Create a Stripe client.
|
||||
@if(env('STRIPE_MODE') == 'live')
|
||||
var stripe = Stripe('{{ env('STRIPE_LIVE_KEY') }}');
|
||||
@else
|
||||
var stripe = Stripe('{{ env('STRIPE_TEST_KEY') }}');
|
||||
@endif
|
||||
|
||||
// Create an instance of Elements.
|
||||
var elements = stripe.elements();
|
||||
var cardholderName = document.getElementById('cardholder-name');
|
||||
|
||||
// Custom styling can be passed to options when creating an Element.
|
||||
// (Note that this demo uses a wider set of styles than the guide below.)
|
||||
var style = {
|
||||
base: {
|
||||
color: '#32325d',
|
||||
lineHeight: '28px',
|
||||
fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
|
||||
fontSmoothing: 'antialiased',
|
||||
fontSize: '16px',
|
||||
'::placeholder': {
|
||||
color: '#aab7c4'
|
||||
}
|
||||
},
|
||||
invalid: {
|
||||
color: '#fa755a',
|
||||
iconColor: '#fa755a'
|
||||
}
|
||||
};
|
||||
|
||||
// Create an instance of the card Element.
|
||||
var card = elements.create('card', {style: style});
|
||||
|
||||
// Add an instance of the card Element into the `card-element` <div>.
|
||||
card.mount('#card-element');
|
||||
|
||||
// Handle real-time validation errors from the card Element.
|
||||
card.addEventListener('change', function(event) {
|
||||
var displayError = document.getElementById('card-errors');
|
||||
if (event.error) {
|
||||
displayError.textContent = event.error.message;
|
||||
} else {
|
||||
displayError.textContent = '';
|
||||
}
|
||||
});
|
||||
|
||||
// Handle form submission.
|
||||
var form = document.getElementById('payment-form');
|
||||
form.addEventListener('submit', function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
stripe.confirmCardSetup(
|
||||
"{{ $intent ?? ''->client_secret }}",
|
||||
{
|
||||
payment_method: {
|
||||
card: card,
|
||||
billing_details: {
|
||||
name: cardholderName.value,
|
||||
},
|
||||
},
|
||||
}
|
||||
).then(function(result) {
|
||||
if (result.error) {
|
||||
// Display error.message in your UI.
|
||||
} else {
|
||||
stripeTokenHandler(result.setupIntent.payment_method);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function stripeTokenHandler(paymentMethod) {
|
||||
// Insert the token ID into the form so it gets submitted to the server
|
||||
var form = document.getElementById('payment-form');
|
||||
var hiddenInput = document.createElement('input');
|
||||
hiddenInput.setAttribute('type', 'hidden');
|
||||
hiddenInput.setAttribute('name', 'paymentMethod');
|
||||
hiddenInput.setAttribute('value', paymentMethod);
|
||||
form.appendChild(hiddenInput);
|
||||
|
||||
// Submit the form
|
||||
form.submit();
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,90 @@
|
||||
<div class="flex flex-wrap w-full mx-auto divide-x divide-gray-100 divide-solid">
|
||||
@foreach(Wave\Plan::all() as $plan)
|
||||
@php $features = explode(',', $plan->features); @endphp
|
||||
|
||||
<div class="w-full max-w-md px-0 mx-auto mb-6 lg:w-1/3 lg:mb-0">
|
||||
<div class="relative flex flex-col h-full mb-10 bg-white sm:mb-0">
|
||||
<div class="px-10 pt-7">
|
||||
<div class="absolute right-0 inline-block mr-6 transform">
|
||||
<h2 class="relative z-20 w-full h-full px-2 py-1 text-xs font-bold leading-tight tracking-wide text-center uppercase bg-white border-2 @if($plan->default){{ 'border-wave-400 text-wave-500' }}@else{{ 'border-gray-900 text-gray-800' }}@endif rounded">{{ $plan->name }}</h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="px-10 mt-5">
|
||||
<span class="font-mono text-5xl font-bold">${{ $plan->price }}</span>
|
||||
<span class="text-lg font-bold text-gray-500">per month</span>
|
||||
</div>
|
||||
|
||||
<div class="px-10 mt-6 pb-9">
|
||||
<p class="text-lg leading-7 text-gray-500">{{ $plan->description }}</p>
|
||||
</div>
|
||||
|
||||
<div class="relative px-10 pt-0 pb-12 mt-auto text-gray-700">
|
||||
|
||||
<ul class="flex flex-col space-y-2.5">
|
||||
@foreach($features as $feature)
|
||||
<li class="relative">
|
||||
<span class="flex items-center">
|
||||
<svg class="w-4 h-4 mr-3 text-green-500 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
||||
<path d="M0 11l2-2 5 5L18 3l2 2L7 18z"></path>
|
||||
</svg>
|
||||
|
||||
<span>
|
||||
{{ $feature }}
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="relative">
|
||||
|
||||
@subscribed($plan->slug)
|
||||
<div class="inline-flex items-center justify-center w-full px-4 py-4 text-base font-semibold transition duration-150 ease-in-out bg-gray-200 border border-transparent cursor-default text-wave-600 focus:outline-none disabled:opacity-25" disabled>
|
||||
You're subscribed to this plan
|
||||
</div>
|
||||
@notsubscribed
|
||||
@subscriber
|
||||
<div onclick="switchPlans('{{ $plan->plan_id }}', '{{ $plan->name }}')" class="inline-flex items-center justify-center w-full px-4 py-4 text-base font-semibold text-white transition duration-150 ease-in-out @if($plan->default){{ ' bg-gradient-to-r from-wave-600 to-indigo-500 hover:from-wave-500 hover:to-indigo-400' }}@else{{ 'bg-gray-800 hover:bg-gray-700 active:bg-gray-900 focus:border-gray-900 focus:shadow-outline-gray' }}@endif border border-transparent cursor-pointer focus:outline-none disabled:opacity-25">
|
||||
Switch Plans
|
||||
</div>
|
||||
@notsubscriber
|
||||
<div data-plan="{{ $plan->plan_id }}" class="inline-flex items-center justify-center w-full px-4 py-4 text-base font-semibold text-white transition duration-150 ease-in-out @if($plan->default){{ ' bg-gradient-to-r from-wave-600 to-indigo-500 hover:from-wave-500 hover:to-indigo-400' }}@else{{ 'bg-gray-800 hover:bg-gray-700 active:bg-gray-900 focus:border-gray-900 focus:shadow-outline-gray' }}@endif border border-transparent cursor-pointer checkout focus:outline-none disabled:opacity-25">
|
||||
Get Started
|
||||
</div>
|
||||
@endsubscriber
|
||||
@endsubscribed
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
@if(config('wave.paddle.env') == 'sandbox')
|
||||
<div class="mx-auto max-w-7xl">
|
||||
<div class="w-full p-10 text-gray-600 bg-blue-50">
|
||||
<div class="flex items-center pb-4">
|
||||
<svg class="mr-2 w-14 h-14 text-wave-500" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z"></path><path fill-rule="evenodd" d="M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z" clip-rule="evenodd"></path></svg>
|
||||
<div class="relative">
|
||||
<h2 class="text-base font-bold text-wave-500">Sandbox Mode</h2>
|
||||
<p class="text-sm text-blue-400">Application billing is in sandbox mode, which means you can test the checkout process using the following credentials:</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-2 text-sm font-bold text-gray-500">
|
||||
Credit Card Number: <span class="ml-2 font-mono text-green-500">4242 4242 4242 4242</span>
|
||||
</div>
|
||||
<div class="pt-2 text-sm font-bold text-gray-500">
|
||||
Expiration Date: <span class="ml-2 font-mono text-green-500">Any future date</span>
|
||||
</div>
|
||||
<div class="pt-2 text-sm font-bold text-gray-500">
|
||||
Security Code: <span class="ml-2 font-mono text-green-500">Any 3 digits</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
85
resources/views/themes/tailwind/partials/plans.blade.php
Normal file
85
resources/views/themes/tailwind/partials/plans.blade.php
Normal file
@@ -0,0 +1,85 @@
|
||||
<div class="flex flex-wrap mx-auto mt-12 max-w-7xl">
|
||||
@foreach(Wave\Plan::all() as $plan)
|
||||
@php $features = explode(',', $plan->features); @endphp
|
||||
|
||||
<div class="w-full max-w-md px-0 mx-auto mb-6 lg:w-1/3 lg:px-3 lg:mb-0">
|
||||
<div class="relative flex flex-col h-full mb-10 bg-white border border-gray-200 rounded-lg shadow-xl border-b-none sm:mb-0">
|
||||
<div class="px-10 pt-7">
|
||||
<div class="absolute right-0 inline-block mr-6 transform">
|
||||
<h2 class="relative z-20 w-full h-full px-2 py-1 text-xs font-bold leading-tight tracking-wide text-center uppercase bg-white border-2 @if($plan->default){{ 'border-wave-400 text-wave-500' }}@else{{ 'border-gray-900 text-gray-800' }}@endif rounded">{{ $plan->name }}</h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="px-10 mt-5">
|
||||
<span class="font-mono text-5xl font-bold">${{ $plan->price }}</span>
|
||||
<span class="text-lg font-bold text-gray-500">per month</span>
|
||||
</div>
|
||||
|
||||
<div class="px-10 mt-6 pb-9">
|
||||
<p class="text-lg leading-7 text-gray-500">{{ $plan->description }}</p>
|
||||
</div>
|
||||
|
||||
<div class="relative px-10 pt-0 pb-12 mt-auto text-gray-700 rounded-b-lg">
|
||||
|
||||
<ul class="flex flex-col space-y-2.5">
|
||||
@foreach($features as $feature)
|
||||
<li class="relative">
|
||||
<span class="flex items-center">
|
||||
<svg class="w-4 h-4 mr-3 text-green-500 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
||||
<path d="M0 11l2-2 5 5L18 3l2 2L7 18z"></path>
|
||||
</svg>
|
||||
|
||||
<span>
|
||||
{{ $feature }}
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="relative">
|
||||
<div data-plan="{{ $plan->plan_id }}" class="inline-flex items-center justify-center w-full px-4 py-4 text-base font-semibold text-white transition duration-150 ease-in-out @if($plan->default){{ ' bg-gradient-to-r from-wave-600 to-indigo-500 hover:from-wave-500 hover:to-indigo-400' }}@else{{ 'bg-gray-800 hover:bg-gray-700 active:bg-gray-900 focus:border-gray-900 focus:shadow-outline-gray' }}@endif border border-transparent cursor-pointer rounded-b-md checkout focus:outline-none disabled:opacity-25">
|
||||
@subscribed($plan->slug)
|
||||
You are subscribed to this plan
|
||||
@notsubscribed
|
||||
@subscriber
|
||||
Switch Plans
|
||||
@notsubscriber
|
||||
Get Started
|
||||
@endsubscriber
|
||||
@endsubscribed
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
@if(config('wave.paddle.env') == 'sandbox')
|
||||
<div class="px-2 mx-auto mt-12 max-w-7xl">
|
||||
<div class="w-full p-10 text-gray-600 bg-blue-50 rounded-xl">
|
||||
<div class="flex items-center pb-4">
|
||||
<svg class="mr-2 w-14 h-14 text-wave-500" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z"></path><path fill-rule="evenodd" d="M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z" clip-rule="evenodd"></path></svg>
|
||||
<div class="relative">
|
||||
<h2 class="text-base font-bold text-wave-500">Sandbox Mode</h2>
|
||||
<p class="text-sm text-blue-400">Application billing is in sandbox mode, which means you can test the checkout process using the following credentials:</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pt-2 text-sm font-bold text-gray-500">
|
||||
Credit Card Number: <span class="ml-2 font-mono text-green-500">4242 4242 4242 4242</span>
|
||||
</div>
|
||||
<div class="pt-2 text-sm font-bold text-gray-500">
|
||||
Expiration Date: <span class="ml-2 font-mono text-green-500">Any future date</span>
|
||||
</div>
|
||||
<div class="pt-2 text-sm font-bold text-gray-500">
|
||||
Security Code: <span class="ml-2 font-mono text-green-500">Any 3 digits</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@@ -0,0 +1,7 @@
|
||||
<div class="flex items-center justify-between p-5 m-8 bg-teal-200 border border-teal-400 rounded-lg">
|
||||
<div class="relative">
|
||||
<h5 class="mb-2 text-xl font-bold text-teal-700">Reactivate My Subscription</h5>
|
||||
<p class="text-teal-600">You are currently on a grace period for your subscription plan</p>
|
||||
</div>
|
||||
<a href="{{ route('wave.reactivate') }}" class="px-4 py-2 text-sm font-medium text-white bg-teal-600 rounded-lg cursor-pointer">Re-activate</a>
|
||||
</div>
|
||||
64
resources/views/themes/tailwind/partials/sidebar.blade.php
Normal file
64
resources/views/themes/tailwind/partials/sidebar.blade.php
Normal file
@@ -0,0 +1,64 @@
|
||||
<?php
|
||||
$routeName = Route::currentRouteName();
|
||||
?>
|
||||
<div class="main-sidebar">
|
||||
<div class="sidebar-head">
|
||||
<a href=""><img src="{{ asset('themes/tailwind/images/logo-square.svg') }}"></a>
|
||||
</div>
|
||||
<ul class="sidebar-list-navigation">
|
||||
<li class="<?= ($routeName == 'cms.dashboard' ? 'active' : ''); ?>">
|
||||
<a href="{{ route('cms.dashboard') }}"><img src="{{ asset('themes/tailwind/images/home.svg') }}"></a>
|
||||
</li>
|
||||
@if (auth()->user()->userRole->hasAccess('manage-client-company-settings-all'))
|
||||
<li class="<?= ($routeName == 'cms.companies' || $routeName == 'cms.companies.show' ? 'active' : ''); ?>">
|
||||
<a href="{{ route('cms.companies') }}"><img src="{{ asset('themes/tailwind/images/company.svg') }}"></a>
|
||||
</li>
|
||||
@endif
|
||||
@if (auth()->user()->userRole->hasAccess('manage-job-queue'))
|
||||
@if (auth()->user()->userRole->hasAccess('manage-bookkeeping'))
|
||||
<li class="<?= ($routeName == 'cms.bookkeepings' || $routeName == 'cms.bookkeepings.categories' || $routeName == 'cms.bookkeepings.document-libraries' ? 'active' : ''); ?>">
|
||||
<a href="{{ route('cms.bookkeepings') }}"><img src="{{ asset('themes/tailwind/images/business-accounting.svg') }}"></a>
|
||||
</li>
|
||||
@endif
|
||||
@if (auth()->user()->userRole->hasAccess('manage-comp-sec'))
|
||||
<li class="<?= ($routeName == 'cms.company-secretary' ? 'active' : ''); ?>">
|
||||
<a href="{{ route('cms.company-secretary') }}"><img src="{{ asset('themes/tailwind/images/secretary.svg') }}"></a>
|
||||
</li>
|
||||
@endif
|
||||
@endif
|
||||
<li class="<?= ($routeName == 'cms.users' ? 'active' : ''); ?>">
|
||||
<a href="{{ route('cms.users') }}"><img src="{{ asset('themes/tailwind/images/user.svg') }}"></a>
|
||||
</li>
|
||||
<li class="<?= ($routeName == 'cms.crm' ? 'active' : ''); ?>">
|
||||
<a href="{{ route('cms.crm') }}"><img src="{{ asset('themes/tailwind/images/customer-services.svg') }}"></a>
|
||||
</li>
|
||||
<li class="<?= ($routeName == 'cms.securities' ? 'active' : ''); ?>">
|
||||
<a href="{{ route('cms.securities') }}"><img src="{{ asset('themes/tailwind/images/security.svg') }}"></a>
|
||||
</li>
|
||||
@if (auth()->user()->userRole->hasAccess('manage-subscription'))
|
||||
<li class="<?= ($routeName == 'cms.subscriptions' || $routeName == 'cms.subscriptions.management' ? 'active' : ''); ?>">
|
||||
<a href="{{ route('cms.subscriptions') }}"><img src="{{ asset('themes/tailwind/images/receipt.svg') }}"></a>
|
||||
</li>
|
||||
@endif
|
||||
@if (auth()->user()->userRole->hasAccess('manage-service-chat'))
|
||||
<li class="<?= ($routeName == 'cms.chat' ? 'active' : ''); ?>">
|
||||
<a href="{{ route('cms.chat') }}"><img src="{{ asset('themes/tailwind/images/message.svg') }}"></a>
|
||||
</li>
|
||||
@endif
|
||||
@if (auth()->user()->userRole->hasAccess('manage-enquiry-box'))
|
||||
<li class="<?= ($routeName == 'cms.enquiries' ? 'active' : ''); ?>">
|
||||
<a href="{{ route('cms.enquiries') }}"><img src="{{ asset('themes/tailwind/images/question.svg') }}"></a>
|
||||
</li>
|
||||
@endif
|
||||
@if (auth()->user()->userRole->hasAccess('manage-terms-and-conditions'))
|
||||
<li class="<?= ($routeName == 'cms.terms-and-conditions' ? 'active' : ''); ?>">
|
||||
<a href="{{ route('cms.terms-and-conditions') }}"><img src="{{ asset('themes/tailwind/images/subscription.svg') }}"></a>
|
||||
</li>
|
||||
@endif
|
||||
@if (auth()->user()->userRole->hasAccess('manage-privacy-policy'))
|
||||
<li class="<?= ($routeName == 'cms.privacy-policy' ? 'active' : ''); ?>">
|
||||
<a href="{{ route('cms.privacy-policy') }}"><img src="{{ asset('themes/tailwind/images/warning.svg') }}"></a>
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
@@ -0,0 +1,48 @@
|
||||
<!-- Switch Plans Confirmation -->
|
||||
<div x-data x-init="
|
||||
$watch('$store.plan_modal.open', value => {
|
||||
if (value === true) { document.body.classList.add('overflow-hidden') }
|
||||
else { document.body.classList.remove('overflow-hidden') }
|
||||
});" id="switchPlansModal" x-show="$store.plan_modal.open" class="fixed inset-0 z-50 overflow-y-auto" x-cloak>
|
||||
<div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
|
||||
<div x-show="$store.plan_modal.open" x-on:click="$store.plan_modal.close()" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-opacity">
|
||||
<div class="absolute inset-0 bg-black opacity-50"></div>
|
||||
</div>
|
||||
|
||||
<span class="hidden sm:inline-block sm:align-middle sm:h-screen"></span>​
|
||||
<div x-show="$store.plan_modal.open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="inline-block px-4 pt-5 pb-4 overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6" role="dialog">
|
||||
<div class="flex flex-col justify-between w-full mt-2">
|
||||
<div class="flex flex-col items-center">
|
||||
<div class="flex items-center justify-center w-12 h-12 mx-auto text-center rounded-full bg-wave-100">
|
||||
<svg class="w-6 h-6 text-wave-600" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M8 5a1 1 0 100 2h5.586l-1.293 1.293a1 1 0 001.414 1.414l3-3a1 1 0 000-1.414l-3-3a1 1 0 10-1.414 1.414L13.586 5H8zM12 15a1 1 0 100-2H6.414l1.293-1.293a1 1 0 10-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 001.414-1.414L6.414 15H12z"></path></svg>
|
||||
</div>
|
||||
<div class="mt-3 text-center sm:ml-4">
|
||||
<h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-headline">
|
||||
Switch Plans Here
|
||||
</h3>
|
||||
<div class="mt-1">
|
||||
<p class="text-sm leading-5 text-gray-500">Are you sure you want to switch to the <span x-text="$store.plan_modal.plan_name"></span> plan?</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-5 sm:mt-6 sm:flex sm:flex-row-reverse">
|
||||
<div class="flex flex-1 w-full rounded-md shadow-sm sm:ml-3 sm:w-full">
|
||||
<form id="form" action="{{ route('wave.switch-plans') }}" method="POST" class="w-full">
|
||||
@csrf
|
||||
<button type="submit" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium leading-6 text-white transition duration-150 ease-in-out border border-transparent rounded-md shadow-sm cursor-pointer bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave sm:text-sm sm:leading-5">
|
||||
Yes, Switch My Plan
|
||||
</button>
|
||||
<input type="hidden" name="plan_id" :value="$store.plan_modal.plan_id">
|
||||
</form>
|
||||
</div>
|
||||
<span class="flex flex-1 w-full mt-3 rounded-md shadow-sm sm:mt-0 sm:w-full">
|
||||
<button @click="$store.plan_modal.close();" type="button" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium leading-6 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 rounded-md shadow-sm hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue sm:text-sm sm:leading-5">
|
||||
No Thanks
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Switch Plans Confirmation -->
|
||||
60
resources/views/themes/tailwind/partials/toast.blade.php
Normal file
60
resources/views/themes/tailwind/partials/toast.blade.php
Normal file
@@ -0,0 +1,60 @@
|
||||
<div class="fixed inset-0 z-40 flex items-end justify-center px-4 py-6 pointer-events-none sm:p-6 sm:items-start sm:justify-end">
|
||||
<div id="toast" x-data x-cloak
|
||||
@click="$store.toast.close()"
|
||||
x-show="$store.toast.show"
|
||||
x-transition:enter="transform ease-out duration-300 transition"
|
||||
x-transition:enter-start="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2"
|
||||
x-transition:enter-end="translate-y-0 opacity-100 sm:translate-x-0"
|
||||
x-transition:leave="transform transition ease-in duration-100"
|
||||
x-transition:leave-start="opacity-100"
|
||||
x-transition:leave-end="opacity-0"
|
||||
class="w-full max-w-sm bg-white border border-gray-200 rounded-lg shadow-lg cursor-pointer pointer-events-auto hover:-translate-1">
|
||||
<div class="relative overflow-hidden rounded-lg shadow-xs">
|
||||
<div class="px-4 py-3">
|
||||
<div class="flex items-center">
|
||||
<div class="flex-shrink-0 pr-0.5">
|
||||
<template x-if="$store.toast.type == 'info'">
|
||||
<div class="w-10 h-10">
|
||||
<svg class="w-10 h-10 text-indigo-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
</div>
|
||||
</template>
|
||||
<template x-if="$store.toast.type == 'warning'">
|
||||
<div class="w-10 h-10">
|
||||
<svg class="w-10 h-10 text-yellow-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg>
|
||||
</div>
|
||||
</template>
|
||||
<template x-if="$store.toast.type == 'success'">
|
||||
<div class="w-10 h-10">
|
||||
<svg class="w-10 h-10 text-green-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
</div>
|
||||
</template>
|
||||
<template x-if="$store.toast.type == 'danger'">
|
||||
<div class="w-10 h-10">
|
||||
<svg class="w-10 h-10 text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
<div class="flex-1 w-0 pl-3.5 ml-1 border-l border-gray-100">
|
||||
<p class="text-sm font-medium leading-5 text-gray-900">
|
||||
<template x-if="$store.toast.type == 'info'"><span>{{ __("Notice") }}</span></template>
|
||||
<template x-if="$store.toast.type == 'warning'"><span>{{ __("Warning") }}</span></template>
|
||||
<template x-if="$store.toast.type == 'success'"><span>{{ __("Success") }}</span></template>
|
||||
<template x-if="$store.toast.type == 'danger'"><span>{{ __("Something went wrong") }}</span></template>
|
||||
</p>
|
||||
<p class="text-sm leading-5 text-gray-500" x-text="$store.toast.message"></p>
|
||||
</div>
|
||||
<div class="flex self-start flex-shrink-0 ml-4">
|
||||
<button @click="$store.toast.close()" class="inline-flex -mt-1 text-gray-400 transition duration-150 ease-in-out rounded-full focus:outline-none focus:text-gray-500">
|
||||
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="toast_bar" class="absolute bottom-0 left-0 w-full h-1 transition-all ease-out"
|
||||
:class="{ 'bg-indigo-400' : $store.toast.type == 'info', 'bg-yellow-400' : $store.toast.type == 'warning', 'bg-green-400' : $store.toast.type == 'success', 'bg-red-400' : $store.toast.type == 'danger' }"
|
||||
style="transition-duration: 3950ms;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
17
resources/views/themes/tailwind/pricing.blade.php
Normal file
17
resources/views/themes/tailwind/pricing.blade.php
Normal file
@@ -0,0 +1,17 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="py-20">
|
||||
<div class="sm:mx-auto sm:w-full sm:max-w-5xl">
|
||||
|
||||
<h1 class="max-w-md text-4xl font-extrabold text-gray-900 sm:mx-auto lg:max-w-none lg:text-5xl sm:text-center">Pricing Plans</h1>
|
||||
<p class="max-w-md mx-auto mt-5 text-lg text-gray-500 lg:max-w-none lg:text-xl sm:text-center">Everything you need to help you succeed. Simple transparent pricing to fit businesses of any size.</p>
|
||||
|
||||
</div>
|
||||
|
||||
@include('theme::partials.plans')
|
||||
</div>
|
||||
|
||||
|
||||
@endsection
|
||||
23
resources/views/themes/tailwind/profile.blade.php
Normal file
23
resources/views/themes/tailwind/profile.blade.php
Normal file
@@ -0,0 +1,23 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="flex flex-col px-8 mx-auto my-6 xl:px-5 lg:flex-row max-w-7xl">
|
||||
|
||||
<div class="flex flex-col items-center justify-center w-full px-10 py-16 mb-8 mr-6 bg-white border rounded-lg lg:mb-0 lg:flex-1 lg:w-1/3 border-gray-150">
|
||||
<img src="{{ Voyager::image($user->avatar) }}" class="w-24 h-24 border-4 border-gray-200 rounded-full">
|
||||
<h2 class="mt-8 text-2xl font-bold">{{ $user->name }}</h2>
|
||||
<p class="my-1 font-medium text-wave-blue">{{ '@' . $user->username }}</p>
|
||||
<div class="px-3 py-1 my-2 text-xs font-medium text-white text-gray-600 bg-gray-200 rounded">{{ $user->role->display_name }}</div>
|
||||
<p class="max-w-lg mx-auto mt-3 text-base text-center text-gray-500">{{ $user->profile('about') }}</p>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col w-full p-10 overflow-hidden bg-white border rounded-lg lg:w-2/3 border-gray-150 lg:flex-2">
|
||||
<p class="text-lg text-gray-600">Your application info about {{ $user->name }} here</p>
|
||||
<p class="mt-5 text-lg text-gray-600">You can edit this template inside of <code class="px-2 py-1 font-mono text-base font-medium text-gray-600 bg-indigo-100 rounded-md">resources/views/{{ theme_folder('/profile.blade.php') }}</code></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,48 @@
|
||||
@extends('theme::user.layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="card">
|
||||
<div class="flex justify-center items-center" style="height: 100px;background: linear-gradient(90deg, #7db979, #26bbaa);margin-right: 0px;">
|
||||
<h1 style="font-size: 20px;color: rgb(0,0,0);margin-bottom: 0px;">My Enquiries</h1>
|
||||
</div>
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 650px;padding-right:300px; padding-left: 300px;">
|
||||
<div class="row mt-3">
|
||||
<div class="col-xxl-6">
|
||||
<h2 style="font-size: 28px;"><u>Enquiry 1</u></h2>
|
||||
</div>
|
||||
<div class="col-xxl-6">
|
||||
<div class="flex justify-end">
|
||||
<div class="px-2 py-2" style="border-radius: 25px; background-color: #D6DEE9;">
|
||||
<h2 style="font-size: 20px;">Completed</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-start pt-3">
|
||||
<small>Submitted date: 2023/05/14 02:34</small>
|
||||
</div>
|
||||
<br>
|
||||
<hr/>
|
||||
<br>
|
||||
<p style="text-align: justify;">I am writing to enquire about your company secretary service. I am interested in learning more about the services you offer and would appreciate it if you could provide me with further information.</p>
|
||||
<br>
|
||||
<hr/>
|
||||
<br>
|
||||
<p style="text-align: justify;">Dear customer,<br>
|
||||
This is Numstation Customer service.<br>
|
||||
<br>
|
||||
Our company secretary service is designed to provide comprehensive support to businesses of all sizes and industries. Our team of experienced company secretaries has a deep understanding of the legal and regulatory landscape and can help ensure your business remains compliant with all relevant laws and regulations.<br>
|
||||
Our services include:<br>
|
||||
<ol class="pl-5">
|
||||
<li style="list-style: decimal; ">Corporate Governance: We can help you establish and maintain effective governance structures and processes to ensure your business is operating in the best interest of all stakeholders.</li>
|
||||
<li style="list-style: decimal; ">Compliance: We can assist with the preparation and filing of all necessary documentation, including annual returns, financial statements, and other regulatory filings.</li>
|
||||
</ol>
|
||||
</p>
|
||||
<div class="flex justify-center">
|
||||
<button type="button" class="btn red-btn" style="margin-top: 30px;">Back</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
163
resources/views/themes/tailwind/settings/index.blade.php
Normal file
163
resources/views/themes/tailwind/settings/index.blade.php
Normal file
@@ -0,0 +1,163 @@
|
||||
@extends('theme::layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="flex px-8 mx-auto my-6 max-w-7xl xl:px-5">
|
||||
|
||||
<!-- Left Settings Menu -->
|
||||
<div class="w-16 mr-6 md:w-1/5">
|
||||
|
||||
<div class="relative flex flex-col items-start justify-center w-full py-6 bg-white border rounded-lg border-gray-150">
|
||||
<h3 class="hidden px-6 pb-3 text-xs font-semibold leading-4 tracking-wider text-gray-500 uppercase md:block">Settings</h3>
|
||||
|
||||
<a href="{{ route('wave.settings', 'profile') }}" class="block relative w-full flex items-center px-6 py-3 text-sm font-medium leading-5 @if(Request::is('settings/profile')){{ 'text-gray-900' }}@else{{ 'text-gray-600' }}@endif transition duration-150 ease-in-out rounded-md group hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-5 h-5 mr-3 -ml-1 @if(Request::is('settings/profile')){{ 'text-gray-500' }}@else{{ 'text-gray-400' }}@endif transition duration-150 ease-in-out group-hover:text-gray-500 group-focus:text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>
|
||||
<span class="hidden truncate md:inline-block">Profile</span>
|
||||
<span class="absolute left-0 block w-1 transition-all duration-300 ease-out rounded-full @if(Request::is('settings/profile')){{ 'bg-wave-500 h-full top-0' }}@else{{ 'top-1/2 bg-gray-300 group-hover:top-0 h-0 group-hover:h-full' }}@endif "></span>
|
||||
</a>
|
||||
<a href="{{ route('wave.settings', 'security') }}" class="block relative w-full flex items-center px-6 py-3 text-sm font-medium leading-5 @if(Request::is('settings/security')){{ 'text-gray-900' }}@else{{ 'text-gray-600' }}@endif transition duration-150 ease-in-out rounded-md group hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-5 h-5 mr-3 -ml-1 @if(Request::is('settings/security')){{ 'text-gray-500' }}@else{{ 'text-gray-400' }}@endif transition duration-150 ease-in-out group-hover:text-gray-500 group-focus:text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path></svg>
|
||||
<span class="hidden truncate md:inline-block">Security</span>
|
||||
<span class="absolute left-0 block w-1 transition-all duration-300 ease-out rounded-full @if(Request::is('settings/security')){{ 'bg-wave-500 h-full top-0' }}@else{{ 'top-1/2 bg-gray-300 group-hover:top-0 h-0 group-hover:h-full' }}@endif "></span>
|
||||
</a>
|
||||
<a href="{{ route('wave.settings', 'api') }}" class="block relative w-full flex items-center px-6 py-3 text-sm font-medium leading-5 @if(Request::is('settings/api')){{ 'text-gray-900' }}@else{{ 'text-gray-600' }}@endif transition duration-150 ease-in-out rounded-md group hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-5 h-5 mr-3 -ml-1 @if(Request::is('settings/api')){{ 'text-gray-500' }}@else{{ 'text-gray-400' }}@endif transition duration-150 ease-in-out group-hover:text-gray-500 group-focus:text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path></svg>
|
||||
<span class="hidden truncate md:inline-block">API Keys</span>
|
||||
<span class="absolute left-0 block w-1 transition-all duration-300 ease-out rounded-full @if(Request::is('settings/api')){{ 'bg-wave-500 h-full top-0' }}@else{{ 'top-1/2 bg-gray-300 group-hover:top-0 h-0 group-hover:h-full' }}@endif "></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="relative flex flex-col items-start justify-center w-full py-6 mt-6 bg-white border rounded-lg border-gray-150">
|
||||
<h3 class="hidden px-6 pb-3 text-xs font-semibold leading-4 tracking-wider text-gray-500 uppercase md:block">Billing</h3>
|
||||
|
||||
<a href="{{ route('wave.settings', 'plans') }}" class="block relative w-full flex items-center px-6 py-3 text-sm font-medium leading-5 @if(Request::is('settings/plans')){{ 'text-gray-900' }}@else{{ 'text-gray-600' }}@endif transition duration-150 ease-in-out rounded-md group hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-5 h-5 mr-3 -ml-1 @if(Request::is('settings/plans')){{ 'text-gray-500' }}@else{{ 'text-gray-400' }}@endif transition duration-150 ease-in-out group-hover:text-gray-500 group-focus:text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path></svg>
|
||||
<span class="hidden truncate md:inline-block">Plans</span>
|
||||
<span class="absolute left-0 block w-1 transition-all duration-300 ease-out rounded-full @if(Request::is('settings/plans')){{ 'bg-wave-500 h-full top-0' }}@else{{ 'top-1/2 bg-gray-300 group-hover:top-0 h-0 group-hover:h-full' }}@endif "></span>
|
||||
</a>
|
||||
<a href="{{ route('wave.settings', 'subscription') }}" class="block relative w-full flex items-center px-6 py-3 text-sm font-medium leading-5 @if(Request::is('settings/payment-information')){{ 'text-gray-900' }}@else{{ 'text-gray-600' }}@endif transition duration-150 ease-in-out rounded-md group hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-5 h-5 mr-3 -ml-1 @if(Request::is('settings/subscription')){{ 'text-gray-500' }}@else{{ 'text-gray-400' }}@endif transition duration-150 ease-in-out group-hover:text-gray-500 group-focus:text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"></path></svg>
|
||||
<span class="hidden truncate md:inline-block">Subscription</span>
|
||||
<span class="absolute left-0 block w-1 transition-all duration-300 ease-out rounded-full @if(Request::is('settings/subscription')){{ 'bg-wave-500 h-full top-0' }}@else{{ 'top-1/2 bg-gray-300 group-hover:top-0 h-0 group-hover:h-full' }}@endif "></span>
|
||||
</a>
|
||||
<a href="{{ route('wave.settings', 'invoices') }}" class="block relative w-full flex items-center px-6 py-3 text-sm font-medium leading-5 @if(Request::is('settings/invoices')){{ 'text-gray-900' }}@else{{ 'text-gray-600' }}@endif transition duration-150 ease-in-out rounded-md group hover:text-gray-900 hover:bg-gray-50 focus:outline-none focus:text-gray-900 focus:bg-gray-50">
|
||||
<svg class="flex-shrink-0 w-5 h-5 mr-3 -ml-1 @if(Request::is('settings/invoices')){{ 'text-gray-500' }}@else{{ 'text-gray-400' }}@endif transition duration-150 ease-in-out group-hover:text-gray-500 group-focus:text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg>
|
||||
<span class="hidden truncate md:inline-block">Invoices</span>
|
||||
<span class="absolute left-0 block w-1 transition-all duration-300 ease-out rounded-full @if(Request::is('settings/invoices')){{ 'bg-wave-500 h-full top-0' }}@else{{ 'top-1/2 bg-gray-300 group-hover:top-0 h-0 group-hover:h-full' }}@endif "></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- End Settings Menu -->
|
||||
|
||||
<div class="flex flex-col w-full bg-white border rounded-lg md:w-4/5 border-gray-150">
|
||||
<div class="flex flex-wrap items-center justify-between border-b border-gray-200 sm:flex-no-wrap">
|
||||
<div class="relative p-6">
|
||||
<h3 class="flex text-lg font-medium leading-6 text-gray-600">
|
||||
<svg class="w-6 h-6 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
@if(isset($section_title)){{ $section_title }}@else{{ Auth::user()->name . '\'s' }} {{ ucwords(str_replace('-', ' ', Request::segment(2)) ?? 'profile') . ' Settings' }}@endif
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-card-body">
|
||||
@include('theme::settings.partials.' . $section)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('javascript')
|
||||
|
||||
<style>
|
||||
#upload-crop-container .croppie-container .cr-resizer, #upload-crop-container .croppie-container .cr-viewport{
|
||||
box-shadow: 0 0 2000px 2000px rgba(255,255,255,1) !important;
|
||||
border: 0px !important;
|
||||
}
|
||||
.croppie-container .cr-boundary {
|
||||
border-radius: 50% !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
.croppie-container .cr-slider-wrap{
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
.croppie-container{
|
||||
height:auto !important;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/exif-js/2.3.0/exif.min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.6.2/croppie.min.css">
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.6.2/croppie.min.js"></script>
|
||||
<script>
|
||||
|
||||
let uploadCropEl = document.getElementById('upload-crop');
|
||||
let uploadLoading = document.getElementById('uploadLoading');
|
||||
let fileTypes = ['jpg', 'jpeg', 'png'];
|
||||
|
||||
function readFile() {
|
||||
input = document.getElementById('upload');
|
||||
if (input.files && input.files[0]) {
|
||||
let reader = new FileReader();
|
||||
|
||||
let fileType = input.files[0].name.split('.').pop().toLowerCase();
|
||||
if (fileTypes.indexOf(fileType) < 0) {
|
||||
alert('Invalid file type. Please select a JPG or PNG file.');
|
||||
return false;
|
||||
}
|
||||
reader.onload = function (e) {
|
||||
//$('.upload-demo').addClass('ready');
|
||||
uploadCrop.bind({
|
||||
url: e.target.result,
|
||||
orientation: 4
|
||||
}).then(function(){
|
||||
//uploadCrop.setZoom(0);
|
||||
});
|
||||
}
|
||||
reader.readAsDataURL(input.files[0]);
|
||||
}
|
||||
else {
|
||||
alert("Sorry - you're browser doesn't support the FileReader API");
|
||||
}
|
||||
}
|
||||
|
||||
if(document.getElementById('upload')){
|
||||
document.getElementById('upload').addEventListener('change', function () {
|
||||
Alpine.store('uploadModal').openModal();
|
||||
uploadCropEl.classList.add('hidden');
|
||||
uploadLoading.classList.remove('hidden');
|
||||
setTimeout(function(){
|
||||
uploadLoading.classList.add('hidden');
|
||||
uploadCropEl.classList.remove('hidden');
|
||||
|
||||
if(typeof(uploadCrop) != "undefined"){
|
||||
uploadCrop.destroy();
|
||||
}
|
||||
uploadCrop = new Croppie(uploadCropEl, {
|
||||
viewport: { width: 190, height: 190, type: 'square' },
|
||||
boundary: { width: 190, height: 190 },
|
||||
enableExif: true,
|
||||
});
|
||||
|
||||
readFile();
|
||||
}, 800);
|
||||
});
|
||||
}
|
||||
|
||||
function clearInputField(){
|
||||
document.getElementById('upload').value = '';
|
||||
}
|
||||
|
||||
function applyImageCrop(){
|
||||
let fileType = input.files[0].name.split('.').pop().toLowerCase();
|
||||
if (fileTypes.indexOf(fileType) < 0) {
|
||||
alert('Invalid file type. Please select a JPG or PNG file.');
|
||||
return false;
|
||||
}
|
||||
uploadCrop.result({type:'base64',size:'original',format:'png',quality:1}).then(function(base64) {
|
||||
document.getElementById('preview').src = base64;
|
||||
document.getElementById('uploadBase64').value = base64;
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
490
resources/views/themes/tailwind/settings/main.blade.php
Normal file
490
resources/views/themes/tailwind/settings/main.blade.php
Normal file
@@ -0,0 +1,490 @@
|
||||
@extends('theme::user.layouts.app')
|
||||
|
||||
<style>
|
||||
|
||||
.nav-link.active .svg-stroke {
|
||||
stroke: #364257;
|
||||
}
|
||||
|
||||
.nav-link .svg-stroke {
|
||||
stroke: #ffffff;
|
||||
}
|
||||
div#update_password_response {
|
||||
padding: 10px 70px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@section('content')
|
||||
<input type="hidden" id="update_notification_status_url" value="{{ route('settings.update.notification.status', [':notification']) }}" >
|
||||
<div class="user-management-page">
|
||||
<div class="title-wrapper">
|
||||
<h2 class="page-title">Settings</h2>
|
||||
</div>
|
||||
<div class="custom-nav-tabs">
|
||||
<ul class="nav nav-tabs nav-justified">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" data-bs-toggle="tab" href="#userList">
|
||||
<svg style="width: 28px;" class="mr-3" xmlns="http://www.w3.org/2000/svg" width="43" height="42" viewBox="0 0 43 42" fill="none">
|
||||
<path class="svg-stroke" d="M21 35.875H12.25C7 35.875 3.5 33.25 3.5 27.125V14.875C3.5 8.75 7 6.125 12.25 6.125H29.75C35 6.125 38.5 8.75 38.5 14.875V20.125" stroke="#364257" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path class="svg-stroke" d="M29.75 15.75L24.2725 20.125C22.47 21.56 19.5125 21.56 17.71 20.125L12.25 15.75" stroke="#364257" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path class="svg-stroke" fill-rule="evenodd" clip-rule="evenodd" d="M23.7501 30.7312V32.2712C23.7501 33.1812 24.4938 33.9337 25.4126 33.9337C26.9963 33.9337 27.6438 35.0537 26.8476 36.4275C26.3926 37.215 26.6638 38.2387 27.4601 38.6937L28.9738 39.56C29.6651 39.9712 30.5576 39.7262 30.9688 39.035L31.0651 38.8687C31.8613 37.495 33.1563 37.495 33.9438 38.8687L34.0401 39.035C34.4513 39.7262 35.3438 39.9712 36.0351 39.56L37.5488 38.6937C38.3451 38.2387 38.6163 37.2237 38.1613 36.4275C37.3651 35.0537 38.0126 33.9337 39.5963 33.9337C40.5151 33.9337 41.2588 33.1812 41.2588 32.2712V30.7312C41.2588 29.8125 40.5063 29.0687 39.5963 29.0687C38.0126 29.0687 37.3651 27.9487 38.1613 26.575C38.6163 25.7875 38.3451 24.7637 37.5488 24.3087L36.0351 23.4425C35.3438 23.0312 34.4513 23.2762 34.0401 23.9675L33.9438 24.1337C33.1476 25.5075 31.8526 25.5075 31.0651 24.1337L30.9688 23.9675C30.5576 23.2762 29.6651 23.0312 28.9738 23.4425L27.4601 24.3087C26.6638 24.7637 26.3926 25.7875 26.8476 26.575C27.6438 27.9487 26.9963 29.0687 25.4126 29.0687C24.4938 29.0687 23.7501 29.8212 23.7501 30.7312ZM35.125 31.5011C35.125 32.9508 33.9498 34.1261 32.5 34.1261C31.0503 34.1261 29.875 32.9508 29.875 31.5011C29.875 30.0513 31.0503 28.8761 32.5 28.8761C33.9498 28.8761 35.125 30.0513 35.125 31.5011Z" fill="#364257"/>
|
||||
</svg>
|
||||
Preferred Settings
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="tab" href="#userAccessRight">
|
||||
<svg style="width: 28px;" class="mr-3" xmlns="http://www.w3.org/2000/svg" width="43" height="42" viewBox="0 0 48 47" fill="none">
|
||||
<path class="svg-stroke" d="M12.5833 19.5827V15.666C12.5833 9.18393 14.5416 3.91602 24.3333 3.91602C34.125 3.91602 36.0833 9.18393 36.0833 15.666V19.5827" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path class="svg-stroke" d="M24.3333 36.2292C27.0372 36.2292 29.2291 34.0372 29.2291 31.3333C29.2291 28.6294 27.0372 26.4375 24.3333 26.4375C21.6294 26.4375 19.4375 28.6294 19.4375 31.3333C19.4375 34.0372 21.6294 36.2292 24.3333 36.2292Z" fill="white" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path class="svg-stroke" d="M34.125 43.084H14.5416C6.70831 43.084 4.74998 41.1257 4.74998 33.2923V29.3757C4.74998 21.5423 6.70831 19.584 14.5416 19.584H34.125C41.9583 19.584 43.9166 21.5423 43.9166 29.3757V33.2923C43.9166 41.1257 41.9583 43.084 34.125 43.084Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
Password
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="tab" href="#accessLog">
|
||||
<svg style="width: 30px;" class="mr-3" xmlns="http://www.w3.org/2000/svg" width="43" height="42" viewBox="0 0 76 75" fill="none">
|
||||
<path class="svg-stroke" d="M46.5641 20C41.5465 20 36.9545 21.4336 33.4489 23.7744C31.8697 23.4384 30.2345 23.2592 28.5769 23.2592C18.6089 23.2592 10.5001 29.4528 10.5001 37.0576C10.5001 41.112 12.7737 44.8752 16.7609 47.496L15.8425 53.7904C15.7753 54.2384 15.9881 54.6864 16.3801 54.9104C16.5593 55.0112 16.7497 55.0672 16.9513 55.0672C17.1865 55.0672 17.4217 54.9888 17.6233 54.8432L23.6825 50.3296C28.4649 51.3488 33.6841 50.7888 37.9065 48.8512C40.5273 49.8144 43.4505 50.3744 46.5641 50.3744C48.4121 50.3744 50.2489 50.184 52.0185 49.792L58.7945 54.8432C58.9961 54.9888 59.2313 55.0672 59.4665 55.0672C59.6681 55.0672 59.8585 55.0112 60.0377 54.9104C60.4297 54.6752 60.6425 54.2384 60.5753 53.7904L59.5449 46.7232C63.9689 43.8336 66.5001 39.6672 66.5001 35.1872C66.5001 26.8208 57.5513 20 46.5641 20ZM23.6825 48.0336C23.3577 47.9552 23.0217 48.0224 22.7529 48.224L18.4521 51.4384L19.0793 47.0928C19.1465 46.6448 18.9337 46.208 18.5417 45.9728C14.8569 43.7664 12.7401 40.5072 12.7401 37.0576C12.7401 30.6848 19.8409 25.5104 28.5657 25.5104C29.4057 25.5104 30.2457 25.5552 31.0633 25.656C28.2857 28.2656 26.6169 31.5808 26.6169 35.1984C26.6169 40.3056 29.9545 44.8192 35.0393 47.5744C31.5001 48.728 27.4233 48.9296 23.6825 48.0336ZM57.7529 45.2C57.3609 45.4352 57.1593 45.872 57.2153 46.32L57.9657 51.4384L52.9481 47.6976C52.7577 47.552 52.5225 47.4736 52.2761 47.4736C52.1865 47.4736 52.1081 47.4848 52.0185 47.5072C50.2489 47.9328 48.4121 48.1456 46.5641 48.1456C36.8089 48.1456 28.8681 42.3328 28.8681 35.1984C28.8681 28.064 36.8089 22.2512 46.5641 22.2512C56.3193 22.2512 64.2601 28.0528 64.2601 35.1872C64.2601 39.0736 61.8857 42.7248 57.7529 45.2Z" fill="white"/>
|
||||
<path class="svg-stroke" d="M47.4938 26.7755C45.9594 26.5067 44.4138 26.9211 43.2378 27.9067C42.0618 28.8923 41.3898 30.3371 41.3898 31.8715C41.3898 32.4875 41.8938 32.9915 42.5098 32.9915C43.1258 32.9915 43.6298 32.4875 43.6298 31.8715C43.6298 30.9979 44.0106 30.1803 44.6826 29.6203C45.3546 29.0491 46.2282 28.8251 47.113 28.9819C48.289 29.1835 49.2522 30.1579 49.465 31.3339C49.7114 32.7339 48.9722 34.0891 47.6618 34.6043C46.3178 35.1419 45.4554 36.3627 45.4554 37.7291V38.8715C45.4554 39.4875 45.9594 39.9915 46.5754 39.9915C47.1914 39.9915 47.6954 39.4875 47.6954 38.8715V37.7291C47.6954 37.2027 48.1098 36.8443 48.5018 36.6875C50.809 35.7691 52.1082 33.4059 51.6826 30.9419C51.2906 28.8587 49.577 27.1451 47.4938 26.7755Z" fill="white"/>
|
||||
<path class="svg-stroke" d="M45.7689 41.772C45.5561 41.9736 45.4441 42.2648 45.4441 42.5672C45.4441 42.8584 45.5561 43.1496 45.7689 43.3512C45.9705 43.564 46.2617 43.676 46.5641 43.676C46.8553 43.676 47.1465 43.564 47.3481 43.3512C47.5609 43.1496 47.6841 42.8584 47.6841 42.5672C47.6841 42.2648 47.5609 41.9736 47.3481 41.772C46.9337 41.3464 46.1833 41.3576 45.7689 41.772Z" fill="white"/>
|
||||
</svg>
|
||||
Online Help
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active" id="userList">
|
||||
<div class="flex items-center w-full mt-6">
|
||||
<div class="col" style="margin-left: 30px;">
|
||||
<label class="font">Push Notification</label>
|
||||
</div>
|
||||
<div class="col flex justify-end" style="margin-right: 30px;">
|
||||
<div class="form-check form-switch" align="right">
|
||||
<input class="form-check-input ml-1 noti-checkbox" type="checkbox" id="flexSwitchCheckDefault" data-noti-key="{{ \App\Models\UserNotificationSetting::USER_PUSH_NOTIFICATION }}" {{ $user_push_notification ? ($user_push_notification->is_active ? 'checked' : '') : '' }} >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center w-full">
|
||||
<div class="col" style="margin-left: 30px;">
|
||||
<label class="font">Bookkeeping Queue Status</label>
|
||||
</div>
|
||||
<div class="col flex justify-end" style="margin-right: 30px;">
|
||||
<div class="form-check form-switch" align="right">
|
||||
<input class="form-check-input ml-1 noti-checkbox" type="checkbox" id="flexSwitchCheckDefault" data-noti-key="{{ \App\Models\UserNotificationSetting::USER_BOOKKEEPING_QUEUE }}" {{ $user_bookkeeping_queue ? ($user_bookkeeping_queue->is_active ? 'checked' : '') : '' }} >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center w-full">
|
||||
<div class="col" style="margin-left: 30px;">
|
||||
<label class="font">Company Secretary Queue Status</label>
|
||||
</div>
|
||||
<div class="col flex justify-end" style="margin-right: 30px;">
|
||||
<div class="form-check form-switch" align="right">
|
||||
<input class="form-check-input ml-1 noti-checkbox" type="checkbox" id="flexSwitchCheckDefault" data-noti-key="{{ \App\Models\UserNotificationSetting::USER_COMPANY_SECURTY_QUEUE }}" {{ $user_company_security_queue ? ($user_company_security_queue->is_active ? 'checked' : '') : '' }} >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center w-full">
|
||||
<div class="col" style="margin-left: 30px;">
|
||||
<label class="font">Chat Room New Message</label>
|
||||
</div>
|
||||
<div class="col flex justify-end" style="margin-right: 30px;">
|
||||
<div class="form-check form-switch" align="right">
|
||||
<input class="form-check-input ml-1 noti-checkbox" type="checkbox" id="flexSwitchCheckDefault" data-noti-key="{{ \App\Models\UserNotificationSetting::USER_CHAT_ROOM }}" {{ $user_chat_room ? ($user_chat_room->is_active ? 'checked' : '') : '' }} >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="userAccessRight">
|
||||
<div id="update_password_response" ></div>
|
||||
<form action="{{ route('settings.update.password') }}" id="update_password_form" >
|
||||
<div class="row mt-20">
|
||||
<div class="col-xxl-5 flex justify-end">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="220" height="220" viewBox="0 0 220 220" fill="none">
|
||||
<circle cx="110" cy="110" r="110" fill="#F7F7F7"/>
|
||||
<path d="M144.712 153.022L97.8601 126.094C94.3867 124.093 91.5723 118.745 91.5723 114.142V82.4552C91.5723 77.8523 94.3867 75.7843 97.8601 77.73L144.712 104.658C148.186 106.659 151 112.007 151 116.61V148.297C151 152.9 148.186 155.012 144.712 153.022Z" fill="#E8A30A"/>
|
||||
<path d="M128.148 165.654L149.078 153.191L136.391 124.539L116.689 134.234L128.148 165.654Z" fill="#E8A30A"/>
|
||||
<path d="M73.5566 89.4606L94.2072 77.1973L99.3783 115.377L73.5566 89.4606Z" fill="#E8A30A"/>
|
||||
<path d="M124.185 165.252L77.2767 138.324C73.8033 136.334 71 130.986 71 126.383V94.674C71 90.0711 73.8033 88.0031 77.2767 89.9488L124.185 116.888C127.647 118.878 130.461 124.226 130.461 128.829V160.516C130.461 165.119 127.647 167.242 124.185 165.252Z" fill="#F9CB07"/>
|
||||
<path d="M96.5978 89.0269V64.9561C96.5978 55.1832 103.489 51.2251 111.988 56.0615C120.487 60.9424 127.378 72.8277 127.378 82.5895V106.66" stroke="#CC8B09" stroke-width="10.46" stroke-miterlimit="10"/>
|
||||
<path d="M96.3864 93.119C100.155 93.119 103.21 91.3618 103.21 89.1942C103.21 87.0267 100.155 85.2695 96.3864 85.2695C92.6177 85.2695 89.5625 87.0267 89.5625 89.1942C89.5625 91.3618 92.6177 93.119 96.3864 93.119Z" fill="#CC8B09"/>
|
||||
<path d="M127.379 109.508C131.147 109.508 134.203 107.75 134.203 105.583C134.203 103.415 131.147 101.658 127.379 101.658C123.61 101.658 120.555 103.415 120.555 105.583C120.555 107.75 123.61 109.508 127.379 109.508Z" fill="#CC8B09"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="col-xxl-7">
|
||||
<div class="col">
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Current Password </h1>
|
||||
</div>
|
||||
<div class="col-xxl-7">
|
||||
<div class="flex items-center justify-end relative w-full">
|
||||
<input name="password" required class="w-full form-control form-control-sm" type="password" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);">
|
||||
<svg class="absolute mr-2 w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
||||
<path d="M2.29243 6.35475C2.61993 6.10287 3.08925 6.16338 3.34223 6.48951L3.34478 6.49271C3.34816 6.49693 3.35472 6.50503 3.36448 6.5167C3.38399 6.54004 3.41624 6.57759 3.46135 6.62687C3.55162 6.72549 3.69298 6.87063 3.88633 7.04255C4.27335 7.38664 4.86585 7.83549 5.67161 8.23426C6.72929 8.75769 8.16282 9.19926 9.99966 9.19926C11.8365 9.19926 13.27 8.75769 14.3277 8.23426C15.1335 7.83549 15.726 7.38664 16.113 7.04255C16.3063 6.87063 16.4477 6.72549 16.538 6.62687C16.5831 6.57759 16.6153 6.54004 16.6349 6.5167C16.6446 6.50503 16.6512 6.49693 16.6545 6.49271L16.6568 6.48991C16.9098 6.16375 17.3794 6.10287 17.7069 6.35475C18.0352 6.60727 18.0967 7.07815 17.8442 7.40649L17.8429 7.40814L17.8413 7.41019L17.8372 7.41549L17.8251 7.43073C17.8153 7.44291 17.8021 7.4591 17.7855 7.47896C17.7523 7.51867 17.7053 7.57312 17.6444 7.63966C17.5227 7.77267 17.3449 7.95442 17.1097 8.16354C16.758 8.47622 16.2764 8.85147 15.6607 9.21637L16.8819 11.6082C17.0703 11.9771 16.9239 12.4289 16.555 12.6172C16.1861 12.8056 15.7343 12.6592 15.546 12.2903L14.317 9.8833C13.3369 10.2834 12.1493 10.5939 10.7497 10.6772V12.9493C10.7497 13.3635 10.4139 13.6993 9.99966 13.6993C9.58545 13.6993 9.24966 13.3635 9.24966 12.9493V10.6772C7.85001 10.5939 6.66248 10.2834 5.68229 9.8833L4.45335 12.2903C4.265 12.6592 3.81324 12.8056 3.44433 12.6172C3.07542 12.4289 2.92905 11.9771 3.11741 11.6082L4.33861 9.21637C3.72289 8.85147 3.24133 8.47622 2.88965 8.16354C2.65445 7.95442 2.47664 7.77267 2.35489 7.63966C2.29398 7.57312 2.24701 7.51867 2.2138 7.47896C2.19719 7.4591 2.18402 7.44291 2.17425 7.43073L2.16216 7.41549L2.15802 7.41019L2.15643 7.40814L2.15575 7.40726C1.90323 7.07893 1.96409 6.60727 2.29243 6.35475Z" fill="#364257"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">New Password </h1>
|
||||
</div>
|
||||
<div class="col-xxl-7">
|
||||
<div class="flex items-center justify-end relative w-full">
|
||||
<input name="new_password" required class="w-full form-control form-control-sm" type="password" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);">
|
||||
<svg class="absolute mr-2 w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
||||
<path d="M2.29243 6.35475C2.61993 6.10287 3.08925 6.16338 3.34223 6.48951L3.34478 6.49271C3.34816 6.49693 3.35472 6.50503 3.36448 6.5167C3.38399 6.54004 3.41624 6.57759 3.46135 6.62687C3.55162 6.72549 3.69298 6.87063 3.88633 7.04255C4.27335 7.38664 4.86585 7.83549 5.67161 8.23426C6.72929 8.75769 8.16282 9.19926 9.99966 9.19926C11.8365 9.19926 13.27 8.75769 14.3277 8.23426C15.1335 7.83549 15.726 7.38664 16.113 7.04255C16.3063 6.87063 16.4477 6.72549 16.538 6.62687C16.5831 6.57759 16.6153 6.54004 16.6349 6.5167C16.6446 6.50503 16.6512 6.49693 16.6545 6.49271L16.6568 6.48991C16.9098 6.16375 17.3794 6.10287 17.7069 6.35475C18.0352 6.60727 18.0967 7.07815 17.8442 7.40649L17.8429 7.40814L17.8413 7.41019L17.8372 7.41549L17.8251 7.43073C17.8153 7.44291 17.8021 7.4591 17.7855 7.47896C17.7523 7.51867 17.7053 7.57312 17.6444 7.63966C17.5227 7.77267 17.3449 7.95442 17.1097 8.16354C16.758 8.47622 16.2764 8.85147 15.6607 9.21637L16.8819 11.6082C17.0703 11.9771 16.9239 12.4289 16.555 12.6172C16.1861 12.8056 15.7343 12.6592 15.546 12.2903L14.317 9.8833C13.3369 10.2834 12.1493 10.5939 10.7497 10.6772V12.9493C10.7497 13.3635 10.4139 13.6993 9.99966 13.6993C9.58545 13.6993 9.24966 13.3635 9.24966 12.9493V10.6772C7.85001 10.5939 6.66248 10.2834 5.68229 9.8833L4.45335 12.2903C4.265 12.6592 3.81324 12.8056 3.44433 12.6172C3.07542 12.4289 2.92905 11.9771 3.11741 11.6082L4.33861 9.21637C3.72289 8.85147 3.24133 8.47622 2.88965 8.16354C2.65445 7.95442 2.47664 7.77267 2.35489 7.63966C2.29398 7.57312 2.24701 7.51867 2.2138 7.47896C2.19719 7.4591 2.18402 7.44291 2.17425 7.43073L2.16216 7.41549L2.15802 7.41019L2.15643 7.40814L2.15575 7.40726C1.90323 7.07893 1.96409 6.60727 2.29243 6.35475Z" fill="#364257"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin: 0px;margin-top: 20px;">
|
||||
<div class="col-xxl-5 d-xxl-flex align-items-xxl-center" style="width: 250px;">
|
||||
<h1 style="color: rgb(0,0,0);font-size: 20px;">Confirm Password </h1>
|
||||
</div>
|
||||
<div class="col-xxl-7">
|
||||
<div class="flex items-center justify-end relative w-full">
|
||||
<input name="confirm_password" required class="w-full form-control form-control-sm" type="password" style="border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;height: 50px;border-style: solid;border-color: #6D7581;font-size: 20px;color: rgb(0,0,0);">
|
||||
<svg class="absolute mr-2 w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
||||
<path d="M2.29243 6.35475C2.61993 6.10287 3.08925 6.16338 3.34223 6.48951L3.34478 6.49271C3.34816 6.49693 3.35472 6.50503 3.36448 6.5167C3.38399 6.54004 3.41624 6.57759 3.46135 6.62687C3.55162 6.72549 3.69298 6.87063 3.88633 7.04255C4.27335 7.38664 4.86585 7.83549 5.67161 8.23426C6.72929 8.75769 8.16282 9.19926 9.99966 9.19926C11.8365 9.19926 13.27 8.75769 14.3277 8.23426C15.1335 7.83549 15.726 7.38664 16.113 7.04255C16.3063 6.87063 16.4477 6.72549 16.538 6.62687C16.5831 6.57759 16.6153 6.54004 16.6349 6.5167C16.6446 6.50503 16.6512 6.49693 16.6545 6.49271L16.6568 6.48991C16.9098 6.16375 17.3794 6.10287 17.7069 6.35475C18.0352 6.60727 18.0967 7.07815 17.8442 7.40649L17.8429 7.40814L17.8413 7.41019L17.8372 7.41549L17.8251 7.43073C17.8153 7.44291 17.8021 7.4591 17.7855 7.47896C17.7523 7.51867 17.7053 7.57312 17.6444 7.63966C17.5227 7.77267 17.3449 7.95442 17.1097 8.16354C16.758 8.47622 16.2764 8.85147 15.6607 9.21637L16.8819 11.6082C17.0703 11.9771 16.9239 12.4289 16.555 12.6172C16.1861 12.8056 15.7343 12.6592 15.546 12.2903L14.317 9.8833C13.3369 10.2834 12.1493 10.5939 10.7497 10.6772V12.9493C10.7497 13.3635 10.4139 13.6993 9.99966 13.6993C9.58545 13.6993 9.24966 13.3635 9.24966 12.9493V10.6772C7.85001 10.5939 6.66248 10.2834 5.68229 9.8833L4.45335 12.2903C4.265 12.6592 3.81324 12.8056 3.44433 12.6172C3.07542 12.4289 2.92905 11.9771 3.11741 11.6082L4.33861 9.21637C3.72289 8.85147 3.24133 8.47622 2.88965 8.16354C2.65445 7.95442 2.47664 7.77267 2.35489 7.63966C2.29398 7.57312 2.24701 7.51867 2.2138 7.47896C2.19719 7.4591 2.18402 7.44291 2.17425 7.43073L2.16216 7.41549L2.15802 7.41019L2.15643 7.40814L2.15575 7.40726C1.90323 7.07893 1.96409 6.60727 2.29243 6.35475Z" fill="#364257"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-20">
|
||||
<div class="col flex justify-center">
|
||||
<button type="submit" class="btn btn-success" style="color: #FFFFFF;background: #009B9A;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="accessLog">
|
||||
<div class="row" style="background-color: #F4F7FA;" id="firstpage">
|
||||
<div class="col-xxl-4" style="border-right-width: 2px;">
|
||||
<div class="flex pl-5 pt-3">
|
||||
<h2 style="font-size: 24px;">Contact Us</h2>
|
||||
</div>
|
||||
<div style="padding-left: 25px;" class="flex pl-7 pt-4 justify-start items-center">
|
||||
<svg style="width: 35px;" xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
|
||||
<path d="M32.0397 26.7306C32.0397 27.2556 31.923 27.7952 31.6751 28.3202C31.4272 28.8452 31.1063 29.341 30.6834 29.8077C29.9688 30.5952 29.1813 31.1639 28.2917 31.5285C27.4167 31.8931 26.4688 32.0827 25.448 32.0827C23.9605 32.0827 22.3709 31.7327 20.6938 31.0181C19.0167 30.3035 17.3397 29.341 15.6772 28.1306C14.0001 26.9056 12.4105 25.5493 10.8938 24.0473C9.39175 22.5306 8.0355 20.941 6.82508 19.2785C5.62925 17.616 4.66675 15.9535 3.96675 14.3056C3.26675 12.6431 2.91675 11.0535 2.91675 9.53685C2.91675 8.54518 3.09175 7.59727 3.44175 6.72227C3.79175 5.83268 4.34591 5.01602 5.11883 4.28685C6.05216 3.3681 7.073 2.91602 8.15216 2.91602C8.5605 2.91602 8.96883 3.00352 9.33341 3.17852C9.71258 3.35352 10.048 3.61602 10.3105 3.99518L13.6938 8.76393C13.9563 9.12852 14.1459 9.46393 14.2772 9.78477C14.4084 10.091 14.4813 10.3973 14.4813 10.6743C14.4813 11.0243 14.3792 11.3743 14.1751 11.7098C13.9855 12.0452 13.7084 12.3952 13.3584 12.7452L12.2501 13.8973C12.0897 14.0577 12.0167 14.2473 12.0167 14.4806C12.0167 14.5973 12.0313 14.6993 12.0605 14.816C12.1042 14.9327 12.148 15.0202 12.1772 15.1077C12.4397 15.5889 12.8917 16.216 13.5334 16.9743C14.1897 17.7327 14.8897 18.5056 15.648 19.2785C16.4355 20.0514 17.1938 20.766 17.9667 21.4223C18.7251 22.0639 19.3522 22.5014 19.848 22.7639C19.9209 22.7931 20.0084 22.8368 20.1105 22.8806C20.2272 22.9243 20.3438 22.9389 20.4751 22.9389C20.723 22.9389 20.9126 22.8514 21.073 22.691L22.1813 21.5973C22.5459 21.2327 22.8959 20.9556 23.2313 20.7806C23.5667 20.5764 23.9022 20.4743 24.2667 20.4743C24.5438 20.4743 24.8355 20.5327 25.1563 20.6639C25.4772 20.7952 25.8126 20.9848 26.1772 21.2327L31.0042 24.6598C31.3834 24.9223 31.6459 25.2285 31.8063 25.5931C31.9522 25.9577 32.0397 26.3223 32.0397 26.7306Z" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10"/>
|
||||
</svg>
|
||||
 <a href="{{ $siteSetting ? 'tel:' . $siteSetting->phone : '#' }}" style="color: #2C21FE"><u>{{ $siteSetting ? $siteSetting->phone : 'N/A' }}</u></a>
|
||||
 
|
||||
</div>
|
||||
<div style="padding-left: 25px;" class="flex pl-7 pt-4 justify-start items-center">
|
||||
<svg style="width: 35px;" xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
|
||||
<path d="M10.0626 30.041C12.2501 31.3535 14.8751 32.0827 17.5001 32.0827C25.5209 32.0827 32.0834 25.5202 32.0834 17.4993C32.0834 9.47852 25.5209 2.91602 17.5001 2.91602C9.47925 2.91602 2.91675 9.47852 2.91675 17.4993C2.91675 20.1243 3.64591 22.6035 4.81258 24.791L3.35719 30.3887C3.16247 31.1376 3.85567 31.8144 4.59973 31.6018L10.0626 30.041Z" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M24.0625 21.6541C24.0625 21.8903 24.0099 22.1331 23.8982 22.3694C23.7865 22.6056 23.6419 22.8288 23.4513 23.0388C23.1292 23.3931 22.7743 23.6491 22.3734 23.8131C21.9791 23.9772 21.5519 24.0625 21.0918 24.0625C20.4214 24.0625 19.705 23.905 18.9492 23.5834C18.1934 23.2619 17.4376 22.8288 16.6883 22.2841C15.9325 21.7328 15.2161 21.1225 14.5326 20.4466C13.8556 19.7641 13.2444 19.0488 12.6989 18.3006C12.16 17.5525 11.7262 16.8044 11.4107 16.0628C11.0952 15.3147 10.9375 14.5994 10.9375 13.9169C10.9375 13.4706 11.0164 13.0441 11.1741 12.6503C11.3318 12.25 11.5816 11.8825 11.9299 11.5544C12.3506 11.1409 12.8106 10.9375 13.297 10.9375C13.481 10.9375 13.665 10.9769 13.8293 11.0556C14.0002 11.1344 14.1514 11.2525 14.2697 11.4231L15.7945 13.5691C15.9128 13.7331 15.9982 13.8841 16.0574 14.0284C16.1165 14.1663 16.1494 14.3041 16.1494 14.4288C16.1494 14.5863 16.1034 14.7437 16.0114 14.8947C15.9259 15.0456 15.801 15.2031 15.6433 15.3606L15.1438 15.8791C15.0715 15.9512 15.0387 16.0366 15.0387 16.1416C15.0387 16.1941 15.0452 16.24 15.0584 16.2925C15.0781 16.345 15.0978 16.3844 15.1109 16.4237C15.2293 16.6403 15.433 16.9225 15.7222 17.2638C16.0179 17.605 16.3334 17.9528 16.6752 18.3006C17.0301 18.6484 17.3718 18.97 17.7202 19.2653C18.0619 19.5541 18.3445 19.7509 18.568 19.8691C18.6009 19.8822 18.6403 19.9019 18.6863 19.9216C18.7389 19.9412 18.7915 19.9478 18.8506 19.9478C18.9623 19.9478 19.0478 19.9084 19.1201 19.8363L19.6196 19.3441C19.7839 19.18 19.9416 19.0553 20.0928 18.9766C20.244 18.8847 20.3951 18.8387 20.5594 18.8387C20.6843 18.8387 20.8158 18.865 20.9603 18.9241C21.1049 18.9831 21.2561 19.0684 21.4204 19.18L23.5959 20.7222C23.7667 20.8403 23.885 20.9781 23.9573 21.1422C24.0231 21.3062 24.0625 21.4703 24.0625 21.6541Z" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10"/>
|
||||
</svg>
|
||||
 <a href="{{ $siteSetting ? 'https://api.whatsapp.com/send?phone=' . $siteSetting->whatsapp : '#' }}" style="color: #2C21FE"><u>{{ $siteSetting ? $siteSetting->whatsapp : 'N/A' }}</u></a>
|
||||
</div>
|
||||
<div style="padding-left: 25px;" class="flex pl-7 pt-4 justify-start items-center">
|
||||
<svg style="width: 35px;" xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
|
||||
<path d="M24.7917 29.8952H10.2084C5.83341 29.8952 2.91675 27.7077 2.91675 22.6035V12.3952C2.91675 7.29102 5.83341 5.10352 10.2084 5.10352H24.7917C29.1667 5.10352 32.0834 7.29102 32.0834 12.3952V22.6035C32.0834 27.7077 29.1667 29.8952 24.7917 29.8952Z" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M24.7916 13.125L20.227 16.7708C18.7249 17.9667 16.2603 17.9667 14.7582 16.7708L10.2083 13.125" stroke="#009B9A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
 <a href="{{ $siteSetting ? 'mailto:' . $siteSetting->email : '#' }}" style="color: #2C21FE"><u>{{ $siteSetting ? $siteSetting->email : 'N/A' }}</u></a>
|
||||
</div>
|
||||
<div style="padding-left: 25px;" class="flex pl-7 pt-4 justify-start items-center">
|
||||
<svg style="width: 35px;" xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
|
||||
<path d="M32.0834 13.1258V21.8758C32.0834 25.5216 31.3543 28.0737 29.7209 29.7216L20.4167 20.4174L31.6897 9.14453C31.9522 10.2966 32.0834 11.6091 32.0834 13.1258Z" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M31.6897 9.14311L9.14382 31.6889C4.75423 30.6827 2.91675 27.6493 2.91675 21.8743V13.1243C2.91675 5.83268 5.83341 2.91602 13.1251 2.91602H21.8751C27.6501 2.91602 30.6834 4.75352 31.6897 9.14311Z" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M29.7209 29.7202C28.073 31.3535 25.5209 32.0827 21.8751 32.0827H13.1251C11.6084 32.0827 10.2959 31.9514 9.1438 31.6889L20.4167 20.416L29.7209 29.7202Z" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M9.10002 11.6383C10.0917 7.36536 16.5084 7.36536 17.5 11.6383C18.0688 14.1466 16.4938 16.2758 15.1083 17.5883C14.1021 18.5508 12.5125 18.5508 11.4917 17.5883C10.1063 16.2758 8.51668 14.1466 9.10002 11.6383Z" stroke="#009B9A" stroke-width="1.5"/>
|
||||
<path d="M13.2629 12.6882H13.276" stroke="#009B9A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
 
|
||||
<span>{{ $siteSetting ? $siteSetting->address : 'N/A' }}</span>
|
||||
</div>
|
||||
<div style="padding-left: 25px;" class="flex pl-7 pt-4 justify-start items-center">
|
||||
<svg style="width: 35px;" xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none">
|
||||
<path d="M32.0834 17.4993C32.0834 25.5493 25.5501 32.0827 17.5001 32.0827C9.45008 32.0827 2.91675 25.5493 2.91675 17.4993C2.91675 9.44935 9.45008 2.91602 17.5001 2.91602C25.5501 2.91602 32.0834 9.44935 32.0834 17.4993Z" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M22.9104 22.1366L18.3896 19.4387C17.6021 18.972 16.9604 17.8491 16.9604 16.9303V10.9512" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
 {{ $siteSetting ? $siteSetting->office_hour : 'N/A' }}
|
||||
</div>
|
||||
<div class="flex pt-4 justify-center items-center">
|
||||
<button data-bs-toggle="modal" data-bs-target="#newUserModal" class="btn btn-success" style="color: #FFFFFF;background: #009B9A;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">Enquiry</button>
|
||||
</div>
|
||||
<div class="flex pt-2 justify-center items-center">
|
||||
<a href="/setting/enquiries" class="btn btn-success" style="color: #FFFFFF;background: #009B9A;font-size: 19px;border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;width: 200px;height: 50px;">My Enquiry</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-8 px-0">
|
||||
<div class="flex px-3 py-2">
|
||||
<h2 style="font-size: 20px;">Online Documents</h2>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<table class="table table-bordered" style="background-color: #fff;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="px-3">
|
||||
<div class="flex items-center w-full" style="white-space: nowrap;">
|
||||
1. Payment Methods
|
||||
<div class="flex justify-end w-full">
|
||||
<svg class="open-second-page" data-id="payment_method_btn" style="width: 24px;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z" fill="#F3CF5D" stroke="#F3CF5D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8 12H16" stroke="#364257" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12 16V8" stroke="#364257" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-3">
|
||||
<div class="flex items-center w-full" style="white-space: nowrap;">
|
||||
2. Payment Terms & Conditions
|
||||
<div class="flex justify-end w-full">
|
||||
<svg class="open-second-page" data-id="payment-terms" style="width: 24px;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z" fill="#F3CF5D" stroke="#F3CF5D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8 12H16" stroke="#364257" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12 16V8" stroke="#364257" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="flex px-3 py-2">
|
||||
<h2 style="font-size: 20px;">FAQ</h2>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<table class="table table-bordered" style="background-color: #fff;">
|
||||
<tbody>
|
||||
@foreach($faq_lists as $faq)
|
||||
<tr>
|
||||
<td class="px-3">
|
||||
<div class="flex items-center w-full" style="">
|
||||
<p style="white-space: nowrap;"><span style="color: #009B9A;">{{ strtolower(app()->getLocale()) == 'zh_hk' ? $faq->title_chinese : $faq->title_english }}</p>
|
||||
<div class="flex justify-end w-full">
|
||||
<svg class="open-second-page" data-id="faq-pannel-{{ $faq->id }}" style="width: 24px;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z" fill="#F3CF5D" stroke="#F3CF5D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8 12H16" stroke="#364257" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12 16V8" stroke="#364257" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row d-none" style="background-color: #F4F7FA;" id="secondpage">
|
||||
@foreach($faq_lists as $faq)
|
||||
<div class="col-xxl-12 second-pannel" id="faq-pannel-{{ $faq->id }}" >
|
||||
<div class="flex px-3 py-2">
|
||||
<h2 style="font-size: 20px;">{{ strtolower(app()->getLocale()) == 'zh_hk' ? $faq->title_chinese : $faq->title_english }}</h2>
|
||||
</div>
|
||||
<div class="flex" style="background: #fff;">
|
||||
<div class="col px-3">
|
||||
{!! strtolower(app()->getLocale()) == 'zh_hk' ? $faq->details_chinese : $faq->details_english !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-center">
|
||||
<button type="button" class="back_payment_method_btn btn red-btn mx-3 my-5">Back</button>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
<div class="col-xxl-12 second-pannel" id="payment_method_btn" >
|
||||
<div class="flex px-3 py-2">
|
||||
<h2 style="font-size: 20px;">Payment Methods</h2>
|
||||
</div>
|
||||
<div class="flex" style="background: #fff;">
|
||||
<div class="col px-3">
|
||||
<strong>Cash, Octopus, Cheque or American Express</strong><br>
|
||||
Visit our office in person to apply and settle payment by cash (HKD only), Octopus, cheque* or American Express credit card*.
|
||||
*Services will be provided after cashing the cheque (takes 1.5 working days on average)*Additional service fees may be charged when using American Express.
|
||||
<br><br>
|
||||
<strong>Faster Payment System (FPS)</strong><br>
|
||||
FPS ID: 8234402 OR<br>
|
||||
Mobile Number: +852-56457083 (Beneficiary bank: Default)
|
||||
<br><br>
|
||||
<strong>Cheque or Bank Transfer</strong><br>
|
||||
Cheque should be crossed and made payable to "Numstation Limited"
|
||||
<ul class="pl-5">
|
||||
<li style="list-style: disc;" class="list-disc">HSBCAccount No.: 123-456789-001</li>
|
||||
<li style="list-style: disc;" class="list-disc">Bank of ChinaAccount No.: 012-878-00065427</li>
|
||||
</ul>
|
||||
<br>
|
||||
<strong>Others</strong><br>
|
||||
You may use these payment methods on bbc‧me Self-Service Platform or BBC-Pay. There would be an extra handling fee and it would be calculated on the Platform.
|
||||
<ul class="pl-5">
|
||||
<li style="list-style: disc;" class="list-disc">PayMe</li>
|
||||
<li style="list-style: disc;" class="list-disc">PayPal (which included Visa & Master Cards)</li>
|
||||
<li style="list-style: disc;" class="list-disc">WeChat Pay (for CNY Only)</li>
|
||||
<li style="list-style: disc;" class="list-disc">Alipay (for CNY Only)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-center">
|
||||
<button type="button" class="back_payment_method_btn btn red-btn mx-3 my-5">Back</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-12 second-pannel" id="payment-terms" >
|
||||
<div class="flex px-3 py-2">
|
||||
<h2 style="font-size: 20px;">Payment Terms & Conditions</h2>
|
||||
</div>
|
||||
<div class="flex" style="background: #fff;">
|
||||
<div class="col px-3">
|
||||
<strong>Cash, Octopus, Cheque or American Express</strong><br>
|
||||
Visit our office in person to apply and settle payment by cash (HKD only), Octopus, cheque* or American Express credit card*.
|
||||
*Services will be provided after cashing the cheque (takes 1.5 working days on average)*Additional service fees may be charged when using American Express.
|
||||
<br><br>
|
||||
<strong>Faster Payment System (FPS)</strong><br>
|
||||
FPS ID: 8234402 OR<br>
|
||||
Mobile Number: +852-56457083 (Beneficiary bank: Default)
|
||||
<br><br>
|
||||
<strong>Cheque or Bank Transfer</strong><br>
|
||||
Cheque should be crossed and made payable to "Numstation Limited"
|
||||
<ul class="pl-5">
|
||||
<li style="list-style: disc;" class="list-disc">HSBCAccount No.: 123-456789-001</li>
|
||||
<li style="list-style: disc;" class="list-disc">Bank of ChinaAccount No.: 012-878-00065427</li>
|
||||
</ul>
|
||||
<br>
|
||||
<strong>Others</strong><br>
|
||||
You may use these payment methods on bbc‧me Self-Service Platform or BBC-Pay. There would be an extra handling fee and it would be calculated on the Platform.
|
||||
<ul class="pl-5">
|
||||
<li style="list-style: disc;" class="list-disc">PayMe</li>
|
||||
<li style="list-style: disc;" class="list-disc">PayPal (which included Visa & Master Cards)</li>
|
||||
<li style="list-style: disc;" class="list-disc">WeChat Pay (for CNY Only)</li>
|
||||
<li style="list-style: disc;" class="list-disc">Alipay (for CNY Only)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-center">
|
||||
<button type="button" class="back_payment_method_btn btn red-btn mx-3 my-5">Back</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Enquiry Modal --}}
|
||||
<div class="modal fade custom-modal style2" id="newUserModal" tabindex="-1" aria-labelledby="newUserModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content mx-auto">
|
||||
<div class="modal-body p-0">
|
||||
<p class="modal-title">Enquiry</p>
|
||||
<div id="enquiry-response-con" ></div>
|
||||
<form id="submit_enquiry_form" action="{{ route('settings.submit.enquiry') }}" class="theme-form">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">Name</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="name" required >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">Phone</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="phone" required >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">Email</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="email" class="form-control" value="" name="email" required >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">Type</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<select class="w-100" name="category" required >
|
||||
<option value="company_secretary" selected>Company Secretary</option>
|
||||
<option value="general" >Gneral</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">Title</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<input type="text" class="form-control" value="" name="title" required >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="row mb-5 align-items-center">
|
||||
<div class="col-auto">
|
||||
<label class="col-form-label">Message</label>
|
||||
</div>
|
||||
<div class="col">
|
||||
<textarea style="border-radius: 45px; height: 150px;" class="form-control" id="floatingTextarea" name="message" required ></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="d-flex align-items-center justify-content-center">
|
||||
<button type="submit" class="btn blue-btn mx-3">Submit</button>
|
||||
<button type="button" class="btn red-btn mx-3" data-bs-dismiss="modal">Cancel</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('script')
|
||||
<script type="text/javascript" src="{{ asset('themes/' . $theme->folder . '/js/customer/settings-main.js') }}"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
$('.open-second-page').on('click', function() {
|
||||
$('#firstpage').addClass('d-none');
|
||||
$('#secondpage').removeClass('d-none');
|
||||
|
||||
var pannel_id = $(this).attr('data-id');
|
||||
$('.second-pannel').hide();
|
||||
$('#' + pannel_id).show();
|
||||
});
|
||||
|
||||
$('.back_payment_method_btn').on('click', function() {
|
||||
$('#firstpage').removeClass('d-none');
|
||||
$('#secondpage').addClass('d-none');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,47 @@
|
||||
@extends('theme::user.layouts.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="col">
|
||||
<div class="row" style="margin: 0px;">
|
||||
<div class="col-xxl-6 flex justify-start items-center" style="margin-top: 5px;margin-bottom: 20px;">
|
||||
<h1 style="white-space: nowrap;font-size: 24px;text-align: left;color: rgb(7,7,7);">My Enquiries</h1> 
|
||||
</div>
|
||||
<div class="col-xxl-6 flex justify-end" align="right" style="margin-top: 5px;margin-bottom: 20px">
|
||||
<a href="/setting/main" class="btn red-btn">Back</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
@foreach($enquiry_list as $enquiry)
|
||||
<div class="col-xxl-3">
|
||||
<div class="card w-full" style="border-bottom-right-radius: 35px;border-top-left-radius: 35px;">
|
||||
<div class="card-body scstyle-15" style="overflow: auto;height: 200px; border-bottom-right-radius: 35px; border-top-left-radius: 35px; padding: 0px;">
|
||||
<div class="flex justify-start items-center mt-4">
|
||||
<label class="pl-5"><u><strong>{{ $enquiry->title }}</strong></u></label>
|
||||
<div class="flex ml-auto">
|
||||
<div class="flex justify-end">
|
||||
<svg class="max-w-full h-auto pr-2" width="24" height="24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||||
<path d="M11.6924 19.3848C15.9408 19.3848 19.3848 15.9408 19.3848 11.6924C19.3848 7.44402 15.9408 4 11.6924 4C7.44402 4 4 7.44402 4 11.6924C4 15.9408 7.44402 19.3848 11.6924 19.3848Z" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M20.8267 20.8257L18.4229 18.4219" stroke="#009B9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex ml-3 mr-3 pt-3">
|
||||
<small>Submitted date: {{ $enquiry->created_at }}</small>
|
||||
</div>
|
||||
<div class="flex justify-end ml-3 mr-3 pt-20">
|
||||
<div class="px-2 py-2" style="margin-top: -15px;border-radius: 25px; background-color: #D6DEE9;">
|
||||
<h2 style="font-size: 20px;">Waiting for reply</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
212
resources/views/themes/tailwind/settings/partials/api.blade.php
Normal file
212
resources/views/themes/tailwind/settings/partials/api.blade.php
Normal file
@@ -0,0 +1,212 @@
|
||||
<div class="flex flex-col px-10 py-8">
|
||||
<form action="{{ route('wave.settings.api.post') }}" method="POST">
|
||||
<div>
|
||||
<label for="key_name" class="block text-sm font-medium leading-5 text-gray-700">Create a new API Key</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="key_name" type="text" name="key_name" placeholder="Key Name" class="w-full form-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-end w-full mt-2">
|
||||
<button class="flex self-end justify-center w-auto px-4 py-2 mt-5 text-sm font-medium text-white transition duration-150 ease-in-out border border-transparent rounded-md bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave active:bg-wave-700" dusk="update-profile-button">Create New Key</button>
|
||||
</div>
|
||||
|
||||
{{ csrf_field() }}
|
||||
</form>
|
||||
<hr class="my-12 border-gray-200">
|
||||
@if(count(auth()->user()->apiKeys) > 0)
|
||||
|
||||
<p class="block text-sm font-medium leading-5 text-gray-700">Current API Keys</p>
|
||||
|
||||
<div class="mt-2 overflow-hidden border border-gray-150 sm:rounded">
|
||||
<table class="min-w-full divide-y divide-gray-200">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase bg-gray-100">
|
||||
Name
|
||||
</th>
|
||||
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase bg-gray-100">
|
||||
Created
|
||||
</th>
|
||||
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase bg-gray-100">
|
||||
Last Used
|
||||
</th>
|
||||
<th class="px-6 py-3 bg-gray-100"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach(auth()->user()->apiKeys as $apiKey)
|
||||
<!-- Odd row -->
|
||||
<tr class="@if($loop->index%2 == 0){{ 'bg-white' }}@else{{ 'bg-gray-50' }}@endif">
|
||||
<td class="px-6 py-4 text-sm font-medium leading-5 text-gray-900 whitespace-no-wrap">
|
||||
{{ $apiKey->name }}
|
||||
</td>
|
||||
<td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-no-wrap">
|
||||
{{ $apiKey->created_at->format('F j, Y') }}
|
||||
</td>
|
||||
<td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-no-wrap">
|
||||
@if(is_null($apiKey->last_used_at)){{ 'Never Used' }}@else{{ $apiKey->last_used_at->format('F j, Y') }}@endif
|
||||
</td>
|
||||
<td class="px-6 py-4 text-sm font-medium leading-5 text-right whitespace-no-wrap">
|
||||
<button x-data onclick="actionClicked('view', '{{ $apiKey->id }}', '{{ $apiKey->name }}', '{{ $apiKey->key }}')" class="mr-2 text-indigo-600 hover:underline focus:outline-none">
|
||||
View
|
||||
</button>
|
||||
<button onclick="actionClicked('edit', '{{ $apiKey->id }}', '{{ $apiKey->name }}', '{{ $apiKey->key }}');" class="mr-2 text-indigo-600 hover:underline focus:outline-none">
|
||||
Edit
|
||||
</button>
|
||||
<button onclick="actionClicked('delete', '{{ $apiKey->id }}', '{{ $apiKey->name }}', '{{ $apiKey->key }}');" class="text-indigo-600 hover:underline focus:outline-none">
|
||||
Delete
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- Javascript to call each modal -->
|
||||
<script>
|
||||
window.actionClicked = function(action, id, name, key){
|
||||
Alpine.store(action + 'ApiKey').actionClicked(id, name, key);
|
||||
}
|
||||
</script>
|
||||
<!-- End JS for opening api action modal -->
|
||||
|
||||
<!-- BELOW ARE THE MODALS TO VIEW, EDIT, AND DELETE AN API KEY -->
|
||||
|
||||
|
||||
<!-- View API KEY -->
|
||||
<div x-data="{ open: false, id: '', key: '', name: '' }" x-init="
|
||||
$watch('$store.viewApiKey.open', value => {
|
||||
if (value === true) { document.body.classList.add('overflow-hidden') }
|
||||
else { document.body.classList.remove('overflow-hidden') }
|
||||
});" id="viewApiKey" x-show="$store.viewApiKey.open" class="fixed inset-0 z-50 overflow-y-auto" x-cloak>
|
||||
<div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
|
||||
<div x-show="$store.viewApiKey.open" x-on:click="$store.viewApiKey.open = false" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-opacity">
|
||||
<div class="absolute inset-0 bg-black opacity-50"></div>
|
||||
</div>
|
||||
|
||||
<!-- This element is to trick the browser into centering the modal contents. -->
|
||||
<span class="hidden sm:inline-block sm:align-middle sm:h-screen"></span>​
|
||||
<div x-show="$store.viewApiKey.open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="inline-block px-4 pt-5 pb-4 overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
|
||||
<div class="flex items-center justify-start mb-4">
|
||||
<h3 class="text-lg font-medium leading-6 text-gray-700">
|
||||
API Key (<span x-text="$store.viewApiKey.name"></span>)
|
||||
</h3>
|
||||
</div>
|
||||
<div class="flex flex-col justify-between w-full mt-2">
|
||||
<input type="text" readonly="readonly" onfocus="this.select();" class="px-2 py-1 my-2 font-mono text-gray-700 bg-gray-100 rounded form-input" :value="$store.viewApiKey.key" id="viewKeyValue">
|
||||
<p class="text-sm text-gray-500">This API Key can be used to gain an <code>access_token</code>, which can then be used to interact with the API.</p>
|
||||
</div>
|
||||
<div class="mt-5 sm:mt-6">
|
||||
<span class="flex justify-end w-full rounded-md">
|
||||
<button x-on:click="$store.viewApiKey.open = false" type="button" class="inline-flex justify-center px-4 py-2 text-base font-medium leading-6 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 rounded-md shadow-sm hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline sm:text-sm sm:leading-5">
|
||||
Close
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END View API Key -->
|
||||
|
||||
<!-- Edit API KEY -->
|
||||
<div x-data="{ open: false, id: '', key: '', name: '' }" x-init="
|
||||
$watch('$store.editApiKey.open', value => {
|
||||
if (value === true) { document.body.classList.add('overflow-hidden') }
|
||||
else { document.body.classList.remove('overflow-hidden') }
|
||||
});" id="editApiKey" x-show="$store.editApiKey.open" class="fixed inset-0 z-50 overflow-y-auto" x-cloak>
|
||||
<div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
|
||||
<div x-show="$store.editApiKey.open" x-on:click="$store.editApiKey.open = false" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-opacity">
|
||||
<div class="absolute inset-0 bg-black opacity-50"></div>
|
||||
</div>
|
||||
|
||||
<!-- This element is to trick the browser into centering the modal contents. -->
|
||||
<span class="hidden sm:inline-block sm:align-middle sm:h-screen"></span>​
|
||||
<div x-show="$store.editApiKey.open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="inline-block px-4 pt-5 pb-4 overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
|
||||
<div class="flex items-center justify-start mb-4">
|
||||
<h3 class="text-lg font-medium leading-6 text-gray-700">
|
||||
API Key Name (<span x-text="$store.editApiKey.open"></span>)
|
||||
</h3>
|
||||
</div>
|
||||
<div class="flex flex-col justify-between w-full mt-2">
|
||||
<form action="{{ route('wave.settings.api.put') }}" method="POST">
|
||||
<div>
|
||||
<label for="key_name" class="block text-sm font-medium leading-5 text-gray-700">Change the name of this API Key</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="key_name" type="text" name="key_name" placeholder="Key Name" :value="$store.editApiKey.name" class="w-full form-input">
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="_method" value="PUT">
|
||||
<input type="hidden" name="id" :value="$store.editApiKey.id">
|
||||
<p class="flex justify-end mt-5">
|
||||
<button x-on:click="$store.editApiKey.open = false" type="button" class="inline-flex justify-center px-4 py-2 mr-3 text-base font-medium leading-6 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 rounded-md shadow-sm hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline sm:text-sm sm:leading-5">Cancel</button>
|
||||
<button type="submit" class="inline-flex justify-center px-4 py-2 text-base font-medium leading-6 text-white transition duration-150 ease-in-out border border-transparent rounded-md shadow-sm bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave sm:text-sm sm:leading-5">Update</button>
|
||||
</p>
|
||||
{{ csrf_field() }}
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Edit API Key -->
|
||||
|
||||
<!-- Delete API KEY -->
|
||||
<div x-data="{ open: false, id: '', key: '', name: '' }" x-init="
|
||||
$watch('$store.deleteApiKey.open', value => {
|
||||
if (value === true) { document.body.classList.add('overflow-hidden') }
|
||||
else { document.body.classList.remove('overflow-hidden') }
|
||||
});" id="deleteApiKey" x-show="$store.deleteApiKey.open" class="fixed inset-0 z-50 overflow-y-auto" x-cloak>
|
||||
<div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
|
||||
<div x-show="$store.deleteApiKey.open" x-on:click="$store.deleteApiKey.open = false" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-opacity">
|
||||
<div class="absolute inset-0 bg-black opacity-50"></div>
|
||||
</div>
|
||||
|
||||
<!-- This element is to trick the browser into centering the modal contents. -->
|
||||
<span class="hidden sm:inline-block sm:align-middle sm:h-screen"></span>​
|
||||
<div x-show="$store.deleteApiKey.open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="inline-block px-4 pt-5 pb-4 overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
|
||||
<div class="flex flex-col justify-between w-full mt-2">
|
||||
<div class="sm:flex sm:items-start">
|
||||
<div class="flex items-center justify-center flex-shrink-0 w-12 h-12 mx-auto bg-red-100 rounded-full sm:mx-0 sm:h-10 sm:w-10">
|
||||
<svg class="w-6 h-6 text-red-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
|
||||
<h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-headline">
|
||||
Delete this API Key?
|
||||
</h3>
|
||||
<div class="mt-2">
|
||||
<p class="text-sm leading-5 text-gray-500">Are you sure you want to delete API Key: <code class="px-2 py-1 text-gray-800 bg-gray-200 rounded"><span x-text="$store.deleteApiKey.name"></span></code></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-5 sm:mt-6 sm:flex sm:flex-row-reverse">
|
||||
<span class="flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto">
|
||||
<form action="{{ route('wave.settings.api.delete') }}" method="POST">
|
||||
<input type="hidden" name="_method" value="DELETE">
|
||||
<input type="hidden" name="id" :value="$store.deleteApiKey.id">
|
||||
<button type="submit" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium leading-6 text-white transition duration-150 ease-in-out bg-red-600 border border-transparent rounded-md shadow-sm hover:bg-red-500 focus:outline-none focus:border-red-700 focus:shadow-outline-red sm:text-sm sm:leading-5">
|
||||
Delete
|
||||
</button>
|
||||
@csrf()
|
||||
</form>
|
||||
|
||||
</span>
|
||||
<span class="flex w-full mt-3 rounded-md shadow-sm sm:mt-0 sm:w-auto">
|
||||
<button @click="$store.deleteApiKey.open = false;" type="button" class="inline-flex justify-center w-full px-4 py-2 text-base font-medium leading-6 text-gray-700 transition duration-150 ease-in-out bg-white border border-gray-300 rounded-md shadow-sm hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue sm:text-sm sm:leading-5">
|
||||
Cancel
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END Delete API Key -->
|
||||
|
||||
@else
|
||||
<p class="w-full text-sm text-center text-gray-600">No API Keys Created Yet.</p>
|
||||
@endif
|
||||
</div>
|
||||
@@ -0,0 +1,56 @@
|
||||
<div class="p-8">
|
||||
|
||||
@subscriber
|
||||
@php
|
||||
$subscription = new \Wave\Http\Controllers\SubscriptionController;
|
||||
$invoices = $subscription->invoices( auth()->user() );
|
||||
@endphp
|
||||
|
||||
|
||||
|
||||
@if(isset($invoices->success) && $invoices->success == true)
|
||||
|
||||
<table class="min-w-full overflow-hidden divide-y divide-gray-200 rounded-lg">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase bg-gray-100">
|
||||
Date of Invoice
|
||||
</th>
|
||||
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-right text-gray-500 uppercase bg-gray-100">
|
||||
Price
|
||||
</th>
|
||||
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-right text-gray-500 uppercase bg-gray-100">
|
||||
Receipt Link
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($invoices->response as $invoice)
|
||||
<tr class="@if($loop->index%2 == 0){{ 'bg-gray-50' }}@else{{ 'bg-gray-100' }}@endif">
|
||||
<td class="px-6 py-4 text-sm font-medium leading-5 text-gray-900 whitespace-no-wrap">
|
||||
{{ Carbon\Carbon::parse($invoice->payout_date)->toFormattedDateString() }}
|
||||
</td>
|
||||
<td class="px-6 py-4 text-sm font-medium leading-5 text-right text-gray-900 whitespace-no-wrap">
|
||||
${{ $invoice->amount }}
|
||||
</td>
|
||||
<td class="px-6 py-4 text-sm font-medium leading-5 text-right whitespace-no-wrap">
|
||||
<a href="{{ $invoice->receipt_url }}" target="_blank" class="mr-2 text-indigo-600 hover:underline focus:outline-none">
|
||||
Download
|
||||
</a>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@else
|
||||
<p>Sorry, there seems to be an issue retrieving your invoices or you may not have any invoices yet.</p>
|
||||
@endif
|
||||
|
||||
@notsubscriber
|
||||
<p class="text-gray-600">When you subscribe to a plan, this is where you will be able to download your invoices.</p>
|
||||
<a href="{{ route('wave.settings', 'plans') }}" class="inline-flex self-start justify-center w-auto px-4 py-2 mt-5 text-sm font-medium text-white transition duration-150 ease-in-out border border-transparent rounded-md bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave active:bg-wave-700">View Plans</a>
|
||||
@endsubscriber
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,23 @@
|
||||
@php $plans = Wave\Plan::all() @endphp
|
||||
|
||||
<div class="flex flex-col">
|
||||
|
||||
@if( auth()->user()->onTrial() )
|
||||
<p class="px-6 py-3 text-sm text-red-500 bg-red-100">You are currently on a trial subscription. Select a plan below to upgrade.</p>
|
||||
@elseif(auth()->user()->subscribed('main'))
|
||||
<h5 class="px-6 py-5 text-sm font-bold text-gray-500 bg-gray-100 border-t border-b border-gray-150">Switch Plans</h5>
|
||||
@else
|
||||
<h5 class="px-6 py-5 text-sm font-bold text-gray-500 bg-gray-100 border-t border-b border-gray-150">Select a Plan</h5>
|
||||
@endif
|
||||
|
||||
<form id="@if(auth()->user()->subscribed('main')){{ 'update-plan-form' }}@else{{ 'payment-form' }}@endif" role="form" method="POST" action="@if(auth()->user()->subscribed('main')){{ route('wave.update_plan') }}@else{{ route('wave.subscribe') }}@endif">
|
||||
@include('theme::partials.plans-minimal')
|
||||
|
||||
{{ csrf_field() }}
|
||||
</form>
|
||||
|
||||
|
||||
@include('theme::partials.switch-plans-modal')
|
||||
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,87 @@
|
||||
<form action="{{ route('wave.settings.profile.put') }}" method="POST" enctype="multipart/form-data">
|
||||
<div class="relative flex flex-col px-10 py-8 lg:flex-row">
|
||||
<div class="flex justify-start w-full mb-8 lg:w-3/12 xl:w-1/5 lg:m-b0">
|
||||
<div class="relative w-32 h-32 cursor-pointer group">
|
||||
<img id="preview" src="{{ Voyager::image(auth()->user()->avatar) . '?' . time() }}" class="w-32 h-32 rounded-full ">
|
||||
<div class="absolute inset-0 w-full h-full">
|
||||
<input type="file" id="upload" class="absolute inset-0 z-20 w-full h-full opacity-0 cursor-pointer group">
|
||||
<input type="hidden" id="uploadBase64" name="avatar">
|
||||
<button class="absolute bottom-0 z-10 flex items-center justify-center w-10 h-10 mb-2 -ml-5 bg-black bg-opacity-75 rounded-full opacity-75 group-hover:opacity-100 left-1/2">
|
||||
<svg class="w-6 h-6 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full lg:w-9/12 xl:w-4/5">
|
||||
<div>
|
||||
<label for="name" class="block text-sm font-medium leading-5 text-gray-700">Name</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="name" type="text" name="name" placeholder="Name" value="{{ Auth::user()->name }}" required class="w-full form-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="email" class="block text-sm font-medium leading-5 text-gray-700">Email Address</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="email" type="text" name="email" placeholder="Email Address" value="{{ Auth::user()->email }}" required class="w-full form-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="about" class="block text-sm font-medium leading-5 text-gray-700">About</label>
|
||||
<div class="mt-1 rounded-md">
|
||||
{!! profile_field('text_area', 'about') !!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-end w-full">
|
||||
<button class="flex self-end justify-center w-auto px-4 py-2 mt-5 text-sm font-medium text-white transition duration-150 ease-in-out border border-transparent rounded-md bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave active:bg-wave-700" dusk="update-profile-button">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ csrf_field() }}
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
<div id="uploadModal" x-data x-init="$watch('$store.uploadModal.open', value => {
|
||||
if (value === true) { document.body.classList.add('overflow-hidden') }
|
||||
else { document.body.classList.remove('overflow-hidden'); clearInputField(); }
|
||||
});" x-show="$store.uploadModal.open" class="fixed inset-0 z-10 z-30 overflow-y-auto">
|
||||
<div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
|
||||
<div x-show="$store.uploadModal.open" @click="$store.uploadModal.open = false;" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-opacity" x-cloak>
|
||||
<div class="absolute inset-0 bg-black opacity-50"></div>
|
||||
</div>
|
||||
|
||||
<!-- This element is to trick the browser into centering the modal contents. -->
|
||||
<span class="hidden sm:inline-block sm:align-middle sm:h-screen"></span>​
|
||||
<div x-show="$store.uploadModal.open" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="inline-block px-4 pt-5 pb-4 overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-sm sm:w-full sm:p-6" role="dialog" aria-modal="true" aria-labelledby="modal-headline" x-cloak>
|
||||
<div>
|
||||
<div class="mt-3 text-center sm:mt-5">
|
||||
<h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-headline">
|
||||
Position and resize your photo
|
||||
</h3>
|
||||
<div class="mt-2">
|
||||
<div id="upload-crop-container" class="relative flex items-center justify-center h-56 mt-5">
|
||||
<div id="uploadLoading" class="flex items-center justify-center w-full h-full">
|
||||
<svg class="w-5 h-5 mr-3 -ml-1 text-gray-400 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
|
||||
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
||||
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div id="upload-crop"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-5 sm:mt-6">
|
||||
<span class="flex w-full rounded-md shadow-sm">
|
||||
<button @click="$store.uploadModal.open = false;" class="inline-flex justify-center w-full px-4 py-2 mr-2 text-base font-medium leading-6 text-gray-700 transition duration-150 ease-in-out bg-white border border-transparent border-gray-300 rounded-md shadow-sm hover:text-gray-500 active:text-gray-800 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue sm:text-sm sm:leading-5" type="button">Cancel</button>
|
||||
<button @click="$store.uploadModal.open = false; window.applyImageCrop()" class="inline-flex justify-center w-full px-4 py-2 ml-2 text-base font-medium leading-6 text-white transition duration-150 ease-in-out border border-transparent rounded-md shadow-sm bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave sm:text-sm sm:leading-5" id="apply-crop" type="button">Apply</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,32 @@
|
||||
<form action="{{ route('wave.settings.security.put') }}" method="POST" enctype="multipart/form-data">
|
||||
<div class="relative flex flex-col px-10 py-8">
|
||||
|
||||
<div>
|
||||
<label for="current_password" class="block text-sm font-medium leading-5 text-gray-700">Current Password</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="current_password" type="password" name="current_password" placeholder="Current Password" class="w-full form-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="password" class="block text-sm font-medium leading-5 text-gray-700">New Password</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="password" type="password" name="password" placeholder="New Password" class="w-full form-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
<label for="password_confirmation" class="block text-sm font-medium leading-5 text-gray-700">Confirm New Password</label>
|
||||
<div class="mt-1 rounded-md shadow-sm">
|
||||
<input id="password_confirmation" type="password" name="password_confirmation" placeholder="Confirm New Password" class="w-full form-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="hidden" name="_method" value="PUT">
|
||||
{{ csrf_field() }}
|
||||
<div class="flex justify-end w-full mt-2">
|
||||
<button class="flex self-end justify-center w-auto px-4 py-2 mt-5 text-sm font-medium text-white transition duration-150 ease-in-out border border-transparent rounded-md bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave active:bg-wave-700" dusk="update-profile-button">Update</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
@@ -0,0 +1,32 @@
|
||||
<div class="p-8">
|
||||
@if(auth()->user()->hasRole('admin'))
|
||||
<p>This user is an admin user and therefore does not need a subscription</p>
|
||||
@else
|
||||
@if(auth()->user()->subscriber())
|
||||
<div class="flex flex-col">
|
||||
<h5 class="mb-2 text-xl font-bold text-gray-700">Modify Payment Information</h5>
|
||||
<p>Click the button below to update your default payment method</p>
|
||||
<button data-url="{{ auth()->user()->subscription->update_url }}" class="inline-flex self-start justify-center w-auto px-4 py-2 mt-5 text-sm font-medium text-white transition duration-150 ease-in-out border border-transparent rounded-md checkout-update bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave active:bg-wave-700">Update Payment Info</button>
|
||||
</div>
|
||||
|
||||
<hr class="my-8 border-gray-200">
|
||||
|
||||
<div class="flex flex-col">
|
||||
<h5 class="mb-2 text-xl font-bold text-gray-700">Danger Zone</h5>
|
||||
<p class="text-red-400">Click the button below to cancel your subscription.</p>
|
||||
<p class="text-xs">Note: Your account will be immediately downgraded.</p>
|
||||
<button onclick="cancelClicked()" class="inline-flex self-start justify-center w-auto px-4 py-2 mt-5 text-sm font-medium text-white transition duration-150 ease-in-out bg-red-500 border border-transparent rounded-md hover:bg-red-600 focus:outline-none focus:border-red-600 focus:shadow-outline-red-500 active:bg-red-600">Cancel Subscription</button>
|
||||
</div>
|
||||
|
||||
@include('theme::partials.cancel-modal')
|
||||
@else
|
||||
<p class="text-gray-600">Please <a href="{{ route('wave.settings', 'plans') }}">Subscribe to a Plan</a> in order to see your subscription information.</p>
|
||||
<a href="{{ route('wave.settings', 'plans') }}" class="inline-flex self-start justify-center w-auto px-4 py-2 mt-5 text-sm font-medium text-white transition duration-150 ease-in-out border border-transparent rounded-md bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave active:bg-wave-700">View Plans</a>
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
||||
<script>
|
||||
window.cancelClicked = function(){
|
||||
Alpine.store('confirmCancel').openModal();
|
||||
}
|
||||
</script>
|
||||
63
resources/views/themes/tailwind/tailwind.config.js
Normal file
63
resources/views/themes/tailwind/tailwind.config.js
Normal file
@@ -0,0 +1,63 @@
|
||||
module.exports = {
|
||||
content: [
|
||||
'./**/*.php',
|
||||
'./*.php',
|
||||
'./assets/**/*.scss',
|
||||
'./assets/**/*.js',
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
rotate: {
|
||||
'-1': '-1deg',
|
||||
'-2': '-2deg',
|
||||
'-3': '-3deg',
|
||||
'1': '1',
|
||||
'2': '2deg',
|
||||
'3': '3deg',
|
||||
},
|
||||
borderRadius: {
|
||||
'xl': '0.8rem',
|
||||
'xxl': '1rem',
|
||||
},
|
||||
height: {
|
||||
'1/2': '0.125rem',
|
||||
'2/3': '0.1875rem',
|
||||
},
|
||||
maxHeight: {
|
||||
'16': '16rem',
|
||||
'20': '20rem',
|
||||
'24': '24rem',
|
||||
'32': '32rem',
|
||||
},
|
||||
inset: {
|
||||
'1/2': '50%',
|
||||
},
|
||||
width: {
|
||||
'96': '24rem',
|
||||
'104': '26rem',
|
||||
'128': '32rem',
|
||||
},
|
||||
transitionDelay: {
|
||||
'450': '450ms',
|
||||
},
|
||||
colors: {
|
||||
'wave': {
|
||||
50: '#F2F8FF',
|
||||
100: '#E6F0FF',
|
||||
200: '#BFDAFF',
|
||||
300: '#99C3FF',
|
||||
400: '#4D96FF',
|
||||
500: '#0069FF',
|
||||
600: '#005FE6',
|
||||
700: '#003F99',
|
||||
800: '#002F73',
|
||||
900: '#00204D',
|
||||
},
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: [
|
||||
require('@tailwindcss/forms'),
|
||||
require('@tailwindcss/typography')
|
||||
]
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user