@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