<?php if ( ! defined( 'ABSPATH' ) ) {
exit;} ?>
<!-- =========================popup=================== -->

		<!-- PAYMENT SETTLEMENT POPUP -->
		<div class="bg-dark bg-opacity-25 elex-multi-vendor-for-woocommerce-popup row justify-content-end w-100" id="elex-multi-vendor-for-woocommerce-payment-popup">
			<div class="col-xl-4 col-lg-6 col-md-9 bg-white h-100 ms-auto overflow-auto">
				<div class="py-2 px-4 mt-5 text-center position-relative">
					<h5>Payment Settlement</h5>
					<button class="btn rounded-circle position-absolute top-0 end-0 elex-multi-vendor-for-woocommerce-payment-popup-close-btn">
						<i class="fa-solid fa-xmark"></i>
					</button>
				</div>
				<form id="elex-multi-vendor-for-woocommerce-payment-settlement-form">
				<input type="hidden" name="action" value="elex_mv_payment_settlement"></input>
				<input type="hidden" name="vendor_id" class="elex_mv_payment_vendor_id" value=""></input>
				<?php wp_nonce_field( 'elex_mv_payment_settlement', 'elex_mv_payment_settlement_nonce' ); ?>
					<div class="px-5 py-3">
						<div class="form-group mb-3">
							<label>Vendor Name</label>
							<input type="text" name="vendor_name" class="form-control elex-multi-vendor-for-woocommerce-payment-vendor-name" readonly>
						</div>

						<div class="form-group mb-3">
							<label>Settlement Amount</label>
							<div class="d-flex gap-2 align-items-center">
							<input type="text" name="settlement_amount" class="form-control elex-multi-vendor-for-woocommerce-payment-settle-amount" readonly>
						</div>
						</div>

						<!-- <div class="form-group mb-3"> -->
							<!-- <label>Commission Amount</label> -->
							<input type="hidden" name="commission_amount" class="form-control elex-multi-vendor-for-woocommerce-payment-commission-amount" readonly>
						<!-- </div> -->

						<div class="form-group mb-3">
							<label>Settlement Date</label>
							<input type="text"  name="settlement_date" value="<?php echo esc_attr( gmdate( 'Y-m-d' ) ); ?>" class="form-control  elex-multi-vendor-for-woocommerce-payment-settlement-date" readonly>
						</div>

						<div class="form-group mb-3">
							<label>Settlement Mode</label>
							<select name="settlement_mode" class="form-select elex-multi-vendor-for-woocommerce-payment-settlement-mode">
								<option value="Manual">Manual</option>
								<option value="PayPal">PayPal</option>
							</select>
						</div>

						<div class="form-group mb-4 elex-multi-vendor-for-woocommerce-payment-transaction-id-field d-none" >
							<label>Transaction Id*</label>
							<input type="text" name="transaction_id" class="form-control elex-multi-vendor-for-woocommerce-payment-transaction-id-input">
						</div>

						<div class="form-group mb-4 elex-multi-vendor-for-woocommerce-payment-note-field" >
							<label>Note</label>
							<input type="text" name="note" class="form-control elex-multi-vendor-for-woocommerce-payment-note-input">
						</div>


						<button class="btn btn-primary w-100 elex_mv-settle-amount">Settle Amount</button>
					</div>
				</form>

			</div>
		</div>
