@extends("newDashboard.index") @section("css")
<link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
@endsection @section("main-content")
<style>
/* Spinner styles */
.spinner {
	width: 5em;
	height: 5em;
	border: 0.5em solid rgba(0, 0, 0, 0.1);
	border-left-color: #8daf21;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	z-index: 99999;
	/*   margin-left:260px; */
}

.spinner-layer {
	position: fixed;
	width: calc(100vw - 260px);
	height: calc(100vh - 70px);
	background: #f2edf3;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 10px;
}
/* Spinner animation */
@
keyframes spin {to { transform:rotate(360deg);
	
}
}
</style>

<div class="content-wrapper">

	<div class="page-header" style="margin-bottom: 30px;">
		<h3 class="page-title">
		
			<span class="page-title-icon bg-gradient-primary text-white me-2"> <i
				class="mdi mdi-cards-variant menu-icon"></i>
			</span> {{ __('messages.create issue report') }}
		</h3>
	</div>
	<div id="success_message" class="overflow-auto" style="display: none;max-height: 400px;"></div>
	<input type="hidden" id="report-store" value="{{ route('services.report.store') }}"data-redirect="index-bills">
	<div class="container" id="AddCategoryModal">
		<div class="">
			<div class="modal-content" style="background: #fbfbfb;">
				<div class="modal-header">
					<div class="col-12">
						<div class="modal-body row">
							<ul id="save_msgList"></ul>
							<div class="card-body">
								<div class="row">
									<div class="col-md-12 mx-auto justify-content-center">
										<ul class="nav nav-pills nav-pills-custom justify-content-center" id="pills-tab" role="tablist">
											<li class="nav-item"><a class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" href="#pills-health" role="tab" aria-controls="pills-home" aria-selected="true">{{__('messages.issue details')}}</a></li>
										</ul>
											<div class="tab-content tab-content-custom-pill" id="pills-tabContent">
												<form>							
												<div class="form-group mb-3 col-md-12">
                        							<label class="required" for="issue_description"> {{ __('messages.Issue Description') }}</label>
                        							<textarea name="issue_description" id="issue-input" required></textarea>
                    							</div>	
																	
												<div class="mb-3 mt-3 mx-1 row justify-content-center">
													<button type="submit" class="btn btn-primary col-md-2">{{__('messages.Submit')}}</button>
												</div>
												</form>
														
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="spinner-layer d-none">
		<div class="spinner"></div>
		<p class="fs-3">{{__('messages.Processing')}}</p>
	</div>
</div>
@endsection @section("scripts")
<script>
   var translations = {
   	'amount':"{{__('messages.amount')}}",
   	'from_user':"{{__('messages.from user')}}",
   	'signatory_name':"{{__('messages.signatory name')}}",
   	'to_user':"{{__('messages.to user')}}",
   	'transaction_details':"{{__('messages.transaction details')}}",
   	'financial_manager':"{{__('messages.financial manager')}}",
   	'transaction_details':"{{__('messages.transaction details')}}",
   	'Receipt_Voucher':"{{__('messages.Receipt Vouche')}}",
   	'Payment_Voucher':"{{__('messages.Payment Voucher')}}",
   	'from_user':"{{__('messages.from user')}}",
   	'accountant_name':"{{__('messages.accountant name')}}",
   	'cashier_name':"{{__('messages.cashier name')}}",
   	'Total':"{{__('messages.Total')}}",
   	'Subtotal':"{{__('messages.Subtotal')}}",
   	'title':"{{__('messages.invoices')}}",
   	'date':"{{__('messages.date')}}",
   	'Statement':"{{__('messages.Statement') }}",
   	'Unit_Price':"{{__('messages.Unit Price') }}",		
   	'Quantitys':"{{__('messages.Quantitys') }}",
   	'Delete':"{{ __('messages.Delete') }}",
   	'invoice_name':"{{ __('messages.invoice name') }}"
   };
</script>
<script type="module"
	src="{{asset('metronic/js/pages/create-report.js')}}"></script>
@endsection