@extends(request()->input('popupmode') ? 'layouts.empty' : 'layouts.template')
<?php
$routeName = request()->route()->getName();
?>
@section('content')
<div class="container-fluid h-100 popup-content-container" id="invoice-center">
	<div class="main-row h-100 {{ !request()->input('popupmode') ? '' : 'px-0' }}">
		@if(!request()->input('popupmode'))
		<nav id="sidebarMenu" class="d-block bg-light sidebar collapse px-0">
			<div class="sidebar-sticky pt-3">
				<ul class="nav flex-column mcp-theme-1">
					<li class="nav-item">
						<a class="nav-link {{ strpos($routeName, 'invoice-center.companies') === 0 ? 'active' : '' }}" href="{{ route('invoice-center.companies') }}">Companies</a>
					</li>
					<li class="nav-item">
						<a class="nav-link {{ strpos($routeName, 'invoice-center.customers') === 0 ? 'active' : '' }}" href="{{ route('invoice-center.customers') }}">Customers</a>
					</li>
					<li class="nav-item">
						<a class="nav-link {{ strpos($routeName, 'invoice-center.giftCards') === 0 ? 'active' : '' }}" href="{{ route('invoice-center.giftCards') }}">Gift Cards</a>
					</li>
					<li class="nav-item">
						<a class="nav-link {{ strpos($routeName, 'invoice-center.invoices') === 0 ? 'active' : '' }}" href="{{ route('invoice-center.invoices') }}">Invoices</a>
					</li>
					<li class="nav-item">
						<a class="nav-link {{ strpos($routeName, 'invoice-center.customerTransactions') === 0 ? 'active' : '' }}" href="{{ route('invoice-center.customerTransactions') }}">Customer Transactions</a>
					</li>
					<li class="nav-item">
						<a class="nav-link {{ strpos($routeName, 'invoice-center.invoiceTransactions') === 0 ? 'active' : '' }}" href="{{ route('invoice-center.invoiceTransactions') }}">Invoice Transactions</a>
					</li>
				</ul>
			</div>
		</nav>
		@endif
		<main role="main" class="w-100 mcp-theme-1">
			<div class="pt-3 hide-inside-popup"></div>
			@yield('inner-content')
		</main>
	</div>
</div>
<script>
	(function () {
		function init() {
			initStagSuggest();
			let parentSegment = $('body');
			parentSegment.find('input[stag-suggest][target-key][target-field]')
					.off('stag-suggest-selected')
					.on('stag-suggest-selected', (_e, _input, _data) => {
						_input = $(_input);
						_input.closest('form').find('input[name="' + _input.attr('target-field') + '"]').val(_data[_input.attr('target-key')]);
					});
			parentSegment.find('.copy-target')
					.off('click.copy-target')
					.on('click.copy-target', function() {
						copyTextToClipboard($(this).attr('data-target'));
						return false;
					});
		}
		addMCInitializer('invoice-center', init)
	}).call(window);
</script>
@endsection