first commit
This commit is contained in:
benjibennn
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
|
||||
Reference in New Issue
Block a user