<!-- add service modal -->
<div v-cloak class="modal fade" id="addService" tabindex="-1" aria-labelledby="addServiceLabel"
	 aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-md">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="addServiceLabel"><?php echo app('translator')->get('Add service'); ?></h4>
				<button
					type="button"
					@click.prevent="toggleModal"
					class="close"
					data-dismiss="modal"
					aria-label="Close">
					<i class="fas fa-times"></i>
				</button>
			</div>
			<div class="modal-body">
				<form action="">
					<div class="row g-3">
						<div class="input-box col-12">
							<input class="form-control" v-model="item.title" type="text" placeholder="<?php echo app('translator')->get('Title'); ?>"/>
							<p class="text-danger">{{ title_error }}</p>
						</div>

						<div class="input-box col-md-6">
							<input class="form-control" v-model="item.price" type="text" placeholder="<?php echo app('translator')->get('Price'); ?>"/>
							<p class="text-danger">{{ price_error }}</p>
						</div>

						<div class="input-box col-md-6">
							<input class="form-control" v-model="item.quantity" type="text"
								   placeholder="<?php echo app('translator')->get('Quantity'); ?>"/>
							<p class="text-danger">{{ quantity_error }}</p>
						</div>
						<div class="input-box col-12">
                           <textarea
							   class="form-control"
							   v-model="item.description"
							   placeholder="<?php echo app('translator')->get('Description'); ?>"
							   cols="30"
							   rows="10"></textarea>
							<p class="text-danger">{{ description_error }}</p>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button
					type="button"
					class="btn btn-outline-primary"
					data-dismiss="modal">
					<?php echo app('translator')->get('Cancel'); ?>
				</button>
				<button type="button" @click.prevent="addServices" class="btn btn-primary"><?php echo app('translator')->get('add'); ?></button>
			</div>
		</div>
	</div>
</div>

<!-- edit modal -->
<div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-md">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="editModalLabel"><?php echo app('translator')->get('Edit Service'); ?></h4>
				<button
					type="button"
					class="close"
					data-dismiss="modal"
					aria-label="Close">
					<i class="fas fa-times"></i>
				</button>
			</div>
			<div class="modal-body">
				<form action="">
					<div class="row g-3">
						<div class="input-box col-12">
							<input class="form-control" v-model="item.title" type="text" placeholder="<?php echo app('translator')->get('Title'); ?>"/>
							<p class="text-danger">{{ title_error }}</p>
						</div>

						<div class="input-box col-md-6">
							<input class="form-control" v-model="item.price" type="text" placeholder="<?php echo app('translator')->get('Price'); ?>"/>
							<p class="text-danger">{{ price_error }}</p>
						</div>

						<div class="input-box col-md-6">
							<input class="form-control" v-model="item.quantity" type="number"
								   placeholder="<?php echo app('translator')->get('Quantity'); ?>"/>
							<p class="text-danger">{{ quantity_error }}</p>
						</div>
						<div class="input-box col-12">
                           <textarea
							   class="form-control"
							   v-model="item.description"
							   placeholder="<?php echo app('translator')->get('Description (optional)'); ?>"
							   cols="30"
							   rows="10"></textarea>
							<p class="text-danger">{{ description_error }}</p>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button
					type="button"
					class="btn btn-outline-primary"
					data-dismiss="modal">
					<?php echo app('translator')->get('Close'); ?>
				</button>
				<button type="button" @click.prevent="editService()"
						class="btn btn-primary"><?php echo app('translator')->get('Save changes'); ?></button>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="chargeLimit" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-md modal-sm">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="editModalLabel"><?php echo app('translator')->get('Charge and Limits'); ?></h4>
				<button
					type="button"
					class="close"
					data-dismiss="modal"
					aria-label="Close">
					<i class="fas fa-times"></i>
				</button>
			</div>
			<div class="modal-body">
				<form action="">
					<?php if($basicControl->invoice_charge == 0): ?>
						<p class="text-danger"><?php echo app('translator')->get('Charges:'); ?> <span>{{ charges }}</span></p>
					<?php endif; ?>
					<p><?php echo app('translator')->get('Minimum Limits:'); ?> <span>{{ minLimit }} {{code}}</span></p>
					<p><?php echo app('translator')->get('Maximum Limits:'); ?> <span>{{ maxLimit }} {{code}}</span></p>
				</form>
			</div>
			<div class="modal-footer">
				<button
					type="button"
					class="btn btn-outline-primary"
					data-dismiss="modal">
					<?php echo app('translator')->get('Close'); ?>
				</button>
			</div>
		</div>
	</div>
</div>
<?php /**PATH E:\xamp\htdocs\Paysecure-wallet\project\resources\views/user/invoice/modalForm.blade.php ENDPATH**/ ?>