@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