This commit is contained in:
2022-02-28 19:31:37 -05:00
parent 862d129d00
commit 49e0c1191f
21 changed files with 554 additions and 62 deletions
@@ -10,7 +10,6 @@
<div class="card-header border-0 pt-5">
<h3 class="card-title align-items-start flex-column">
<span class="card-label fw-bolder fs-3 mb-1">Payment Methods</span>
<span class="text-muted mt-1 fw-bold fs-7">Last updated:</span>
</h3>
<div class="card-toolbar">
Credit / Debit Card
@@ -20,6 +19,8 @@
<!--begin::Body-->
<div class="card-body py-3">
<!--begin::Table container-->
<form method="POST" action="/paymnt/newcc">
<!--begin::Input group-->
<div class="d-flex flex-column mb-7 fv-row">
@@ -29,10 +30,8 @@
<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Specify a card holder's name"></i>
</label>
<!--end::Label-->
<input type="text" class="form-control form-control-solid" placeholder="" name="card_name" value="<?=$_SESSION['firstname']?> <?=$_SESSION['lastname']?>" />
<input type="text" class="form-control form-control-solid" placeholder="" name="description" value="<?=$_SESSION['firstname']?> <?=$_SESSION['lastname']?>" />
</div>
<!--end::Input group-->
<!--begin::Input group-->
@@ -43,13 +42,13 @@
<!--begin::Input wrapper-->
<div class="position-relative">
<!--begin::Input-->
<input type="text" class="form-control form-control-solid" placeholder="Enter card number" name="card_number" value="4111 1111 1111 1111" />
<input type="text" class="form-control form-control-solid" placeholder="Enter card number" name="cardnumber" value="" />
<!--end::Input-->
<!--begin::Card logos-->
<div class="position-absolute translate-middle-y top-50 end-0 me-5">
<img src="/metronic8/demo8/assets/media/svg/card-logos/visa.svg" alt="" class="h-25px" />
<img src="/metronic8/demo8/assets/media/svg/card-logos/mastercard.svg" alt="" class="h-25px" />
<img src="/metronic8/demo8/assets/media/svg/card-logos/american-express.svg" alt="" class="h-25px" />
<img src="/site3/assets/media/svg/card-logos/visa.svg" alt="" class="h-25px" />
<img src="/site3/assets/media/svg/card-logos/mastercard.svg" alt="" class="h-25px" />
<img src="/site3/assets/media/svg/card-logos/american-express.svg" alt="" class="h-25px" />
</div>
<!--end::Card logos-->
</div>
@@ -68,17 +67,17 @@
<div class="row fv-row">
<!--begin::Col-->
<div class="col-6">
<select name="card_expiry_month" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Month">
<select name="exp_month" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Month">
<option></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
@@ -87,7 +86,7 @@
<!--end::Col-->
<!--begin::Col-->
<div class="col-6">
<select name="card_expiry_year" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Year">
<select name="exp_year" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Year">
<option></option>
<option value="2022">2022</option>
<option value="2023">2023</option>
@@ -118,7 +117,7 @@
<!--begin::Input wrapper-->
<div class="position-relative">
<!--begin::Input-->
<input type="text" class="form-control form-control-solid" minlength="3" maxlength="4" placeholder="CVV" name="card_cvv" />
<input type="text" class="form-control form-control-solid" minlength="3" maxlength="4" placeholder="CVV" name="cvc" />
<!--end::Input-->
<!--begin::CVV icon-->
<div class="position-absolute translate-middle-y top-50 end-0 me-3">
@@ -169,6 +168,9 @@
<!--end::Switch-->
</div>
<!--end::Input group-->
<!--begin::Actions-->
<div class="text-center pt-15">
<button type="reset" id="kt_modal_new_card_cancel" class="btn btn-light me-3">Discard</button>
@@ -179,6 +181,26 @@
</button>
</div>
<!--end::Actions-->
</form>
<?php
if (isset($card_test_result) && is_array($card_test_result) && $card_test_result['error_status']==true)
{
?>
<div class="text-center pt-15">
<div class="d-flex align-items-center bg-light-danger rounded p-5 mb-7">
<?php
foreach($card_test_result['error_message'] as $err)
{
echo $err ." ,";
}
?>
</div>
</div>
<?php
}
?>
<!--end::Table container-->
</div>
<!--begin::Body-->
@@ -207,36 +229,45 @@
<!--begin::Tap pane-->
<div class="tab-pane fade show active" id="kt_table_widget_4_tab_1">
<!--begin::Table container-->
<!--begin::Card-->
<div class="card card-dashed h-xl-100 flex-row flex-stack flex-wrap p-6">
<!--begin::Info-->
<div class="d-flex flex-column py-2">
<!--begin::Owner-->
<div class="d-flex align-items-center fs-4 fw-bolder mb-5">Marcus Morris
<span class="badge badge-light-success fs-7 ms-2">Primary</span></div>
<!--end::Owner-->
<!--begin::Wrapper-->
<div class="d-flex align-items-center">
<!--begin::Icon-->
<img src="/metronic8/demo8/assets/media/svg/card-logos/visa.svg" alt="" class="me-4" />
<!--end::Icon-->
<!--begin::Details-->
<div>
<div class="fs-4 fw-bolder">Visa **** 1679</div>
<div class="fs-6 fw-bold text-gray-400">Card expires at 09/24</div>
<?php
foreach ($card_table_result as $cr){
?>
<!--begin::Card-->
<div class="card card-dashed h-xl-100 flex-row flex-stack flex-wrap p-6">
<!--begin::Info-->
<div class="d-flex flex-column py-2">
<!--begin::Owner-->
<div class="d-flex align-items-center fs-4 fw-bolder mb-5"><?=$cr->firstname?> <?=$cr->lastname?>
<span class="badge badge-light-success fs-7 ms-2">Primary</span></div>
<!--end::Owner-->
<!--begin::Wrapper-->
<div class="d-flex align-items-center">
<!--begin::Icon-->
<img src="/site3/assets/media/svg/card-logos/<?=strtolower($cr->description)?>.svg" alt="" class="me-4" />
<!--end::Icon-->
<!--begin::Details-->
<div>
<div class="fs-4 fw-bolder"><?=$cr->description?> **** <?=$cr->digits?></div>
<div class="fs-6 fw-bold text-gray-400">Card expires at <?=$cr->expiration_month?>/<?=$cr->expiration_year?></div>
</div>
<!--end::Details-->
</div>
<!--end::Details-->
<!--end::Wrapper-->
</div>
<!--end::Wrapper-->
<!--end::Info-->
<!--begin::Actions-->
<div class="d-flex align-items-center py-2">
<button type="reset" class="btn btn-sm btn-danger btn-active-light-primary me-3">Delete</button>
</div>
<!--end::Actions-->
</div>
<!--end::Info-->
<!--begin::Actions-->
<div class="d-flex align-items-center py-2">
<button type="reset" class="btn btn-sm btn-danger btn-active-light-primary me-3">Delete</button>
</div>
<!--end::Actions-->
</div>
<!--end::Card-->
<!--end::Card-->
<?php
}
?>
<!--end::Table-->
</div>
<!--end::Tap pane-->