@extends('theme::layouts.app')


@section('content')

	@if (auth()->user()->userRole->hasAccess('view-company-dashboard'))
		<div class="list-dashboard">
			<ul>
				<li class="card-shadow card-padd-30 dashboard-item">
					<div class="dashboard-item-head">
						<img src="{{ asset('themes/tailwind/images/receipt-check-black.svg') }}">
						<span>6</span>
					</div>
					<div class="dashboard-item-footer">
						<h3 class="dashboard-item-title">Active<br>Subscription</h3>
					</div>
				</li>
				<li class="card-shadow card-padd-30 dashboard-item">
					<div class="dashboard-item-head">
						<img src="{{ asset('themes/tailwind/images/receipt-cross-black.svg') }}">
						<span>3</span>
					</div>
					<div class="dashboard-item-footer">
						<h3 class="dashboard-item-title">Expired<br>Subscription</h3>
					</div>
				</li>
				<li class="card-shadow card-padd-30 dashboard-item">
					<div class="dashboard-item-head">
						<img src="{{ asset('themes/tailwind/images/business-black.svg') }}">
						<span>10</span>
					</div>
					<div class="dashboard-item-footer">
						<h3 class="dashboard-item-title">Bookkeeping<br>pending request</h3>
					</div>
				</li>
				<li class="card-shadow card-padd-30 dashboard-item">
					<div class="dashboard-item-head">
						<img src="{{ asset('themes/tailwind/images/secretary-black.svg') }}">
						<span>3</span>
					</div>
					<div class="dashboard-item-footer">
						<h3 class="dashboard-item-title">ComSec<br>pending request</h3>
					</div>
				</li>
			</ul>
		</div>

		<div class="dasboard-list-details">
			<div class="dasboard-details-title">
				<img src="{{ asset('themes/tailwind/images/business-accounting.svg') }}">
				<h2>Bookkeeping Queue</h2>
			</div>
			<div class="dasboard-details-content">
				<div class="dashboard-detail-item">
					<img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-timer.svg') }}">
					<a href="" class="dashboard-detail-button" class="with-arrow">In Queue list <span>3</span></a>
				</div>
				<div class="dashboard-detail-item">
					<img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-circle.svg') }}">
					<a href="" class="dashboard-detail-button" class="with-arrow">Completed List <span>8</span></a>
				</div>
			</div>
		</div>

		<div class="dasboard-list-details">
			<div class="dasboard-details-title">
				<img src="{{ asset('themes/tailwind/images/secretary.svg') }}">
				<h2>ComSec Queue</h2>
			</div>
			<div class="dasboard-details-content">
				<div class="dashboard-detail-item">
					<img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-timer.svg') }}">
					<a href="" class="dashboard-detail-button" class="with-arrow">In Queue list <span>10</span></a>
				</div>
				<div class="dashboard-detail-item">
					<img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/tick-circle.svg') }}">
					<a href="" class="dashboard-detail-button" class="with-arrow">Completed List <span>4</span></a>
				</div>
			</div>
		</div>

		<div class="dasboard-list-details dasboard-list-details-direct">
			<div class="dasboard-details-content">
				<div class="dashboard-detail-item">
					<img class="dashboard-detail-image" src="{{ asset('themes/tailwind/images/receipt.svg') }}">
					<a href="" class="dashboard-detail-button" class="with-arrow">Expired Subscription List <span>10</span></a>
				</div>
			</div>
		</div>
	@endif

@endsection