<?php
include "../Links/topLinks.php";
?>
<main class="main-height height-1200-media">




    <section class="section-dashboard manage-event">
        <div class="container">
            <div class="d-flex mb-4">
                <div class="manage-event-icon">
                    <a href="./paymentMethods.php">
                    <i class="fa-solid fa-chevron-left arrow-left"></i>
                    </a>
                </div>
                <div class="event-content">
                    <h5 class="event-title text-center">
                        Card Details
                    </h5>
                </div>
            </div>

            <div class="col-md-8 mx-auto">
                <!-- <form action="#" method="POST"> -->
                <div class="row">
                    <div class="col-12">
                        <h5 class="master-card-title">Master Card</h5>
                        <div class="select-menu form-control" name="category">
                            <div class="select card-details-select">
                                <div class="select-serviceDetails">
                                    <!-- <img src="../assets/images/services-select-images.png" class="select-box-service-image" alt="image"> -->
                                    <span class="services-box-title card-details-select-title">United States</span>
                                </div>
                                <em class="fas fa-angle-down down-up-arrow-serviceDetails"></em>
                            </div>
                            <div class="options-list option-cardDetails">
                                <div class="option">Afghanistan</div>
                                <div class="option">Aland Islands</div>
                                <div class="option">Albania</div>
                                <div class="option">Algeria</div>
                                <div class="option">American Samoa</div>
                                <div class="option">Andorra</div>
                                <div class="option">Angola</div>
                                <div class="option">Anguilla</div>
                                <div class="option">Antarctica</div>
                                <div class="option">Antigua and Barbuda</div>
                                <div class="option">Argentina</div>
                                <div class="option">Armenia</div>
                                <div class="option">Aruba</div>
                                <div class="option">Australia</div>
                                <div class="option">Austria</div>
                                <div class="option">Azerbaijan</div>
                                <div class="option">Bahamas</div>
                                <div class="option">Bahrain</div>
                                <div class="option">Bangladesh</div>
                                <div class="option">Barbados</div>
                                <div class="option">Belarus</div>
                                <div class="option">Belgium</div>
                                <div class="option">Belize</div>
                                <div class="option">Benin</div>
                                <div class="option">Bermuda</div>
                                <div class="option">Bhutan</div>
                                <div class="option">Bolivia</div>
                                <div class="option">Bonaire, Sint Eustatius and Saba</div>
                                <div class="option">Bosnia and Herzegovina</div>
                                <div class="option">Botswana</div>
                                <div class="option">Bouvet Island</div>
                                <div class="option">Brazil</div>
                                <div class="option">British Indian Ocean Territory</div>
                                <div class="option">Brunei Darussalam</div>
                                <div class="option">Bulgaria</div>
                                <div class="option">Burkina Faso</div>
                                <div class="option">Burundi</div>
                                <div class="option">Cambodia</div>
                                <div class="option">Cameroon</div>
                                <div class="option">Canada</div>
                                <div class="option">Cape Verde</div>
                                <div class="option">Cayman Islands</div>
                                <div class="option">Central African Republic</div>
                                <div class="option">Chad</div>
                                <div class="option">Chile</div>
                                <div class="option">China</div>
                                <div class="option">Christmas Island</div>
                                <div class="option">Cocos (Keeling) Islands</div>
                                <div class="option">Colombia</div>
                                <div class="option">Comoros</div>
                                <div class="option">Congo</div>
                                <div class="option">Congo, Democratic Republic of the Congo</div>
                                <div class="option">Cook Islands</div>
                                <div class="option">Costa Rica</div>
                                <div class="option">Cote D'Ivoire</div>
                                <div class="option">Croatia</div>
                                <div class="option">Cuba</div>
                                <div class="option">Curacao</div>
                                <div class="option">Cyprus</div>
                                <div class="option">Czech Republic</div>
                                <div class="option">Denmark</div>
                                <div class="option">Djibouti</div>
                                <div class="option">Dominica</div>
                                <div class="option">Dominican Republic</div>
                                <div class="option">Ecuador</div>
                                <div class="option">Egypt</div>
                                <div class="option">El Salvador</div>
                                <div class="option">Equatorial Guinea</div>
                                <div class="option">Eritrea</div>
                                <div class="option">Estonia</div>
                                <div class="option">Ethiopia</div>
                                <div class="option">Falkland Islands (Malvinas)</div>
                                <div class="option">Faroe Islands</div>
                                <div class="option">Fiji</div>
                                <div class="option">Finland</div>
                                <div class="option">France</div>
                                <div class="option">French Guiana</div>
                                <div class="option">French Polynesia</div>
                                <div class="option">French Southern Territories</div>
                                <div class="option">Gabon</div>
                                <div class="option">Gambia</div>
                                <div class="option">Georgia</div>
                                <div class="option">Germany</div>
                                <div class="option">Ghana</div>
                                <div class="option">Gibraltar</div>
                                <div class="option">Greece</div>
                                <div class="option">Greenland</div>
                                <div class="option">Grenada</div>
                                <div class="option">Guadeloupe</div>
                                <div class="option">Guam</div>
                                <div class="option">Guatemala</div>
                                <div class="option">Guernsey</div>
                                <div class="option">Guinea</div>
                                <div class="option">Guinea-Bissau</div>
                                <div class="option">Guyana</div>
                                <div class="option">Haiti</div>
                                <div class="option">Heard Island and Mcdonald Islands</div>
                                <div class="option">Holy See (Vatican City State)</div>
                                <div class="option">Honduras</div>
                                <div class="option">Hong Kong</div>
                                <div class="option">Hungary</div>
                                <div class="option">Iceland</div>
                                <div class="option">India</div>
                                <div class="option">Indonesia</div>
                                <div class="option">Iran, Islamic Republic of</div>
                                <div class="option">Iraq</div>
                                <div class="option">Ireland</div>
                                <div class="option">Isle of Man</div>
                                <div class="option">Israel</div>
                                <div class="option">Italy</div>
                                <div class="option">Jamaica</div>
                                <div class="option">Japan</div>
                                <div class="option">Jersey</div>
                                <div class="option">Jordan</div>
                                <div class="option">Kazakhstan</div>
                                <div class="option">Kenya</div>
                                <div class="option">Kiribati</div>
                                <div class="option">Korea, Democratic People's Republic of</div>
                                <div class="option">Korea, Republic of</div>
                                <div class="option">Kosovo</div>
                                <div class="option">Kuwait</div>
                                <div class="option">Kyrgyzstan</div>
                                <div class="option">Lao People's Democratic Republic</div>
                                <div class="option">Latvia</div>
                                <div class="option">Lebanon</div>
                                <div class="option">Lesotho</div>
                                <div class="option">Liberia</div>
                                <div class="option">Libyan Arab Jamahiriya</div>
                                <div class="option">Liechtenstein</div>
                                <div class="option">Lithuania</div>
                                <div class="option">Luxembourg</div>
                                <div class="option">Macao</div>
                                <div class="option">Macedonia, the Former Yugoslav Republic of</div>
                                <div class="option">Madagascar</div>
                                <div class="option">Malawi</div>
                                <div class="option">Malaysia</div>
                                <div class="option">Maldives</div>
                                <div class="option">Mali</div>
                                <div class="option">Malta</div>
                                <div class="option">Marshall Islands</div>
                                <div class="option">Martinique</div>
                                <div class="option">Mauritania</div>
                                <div class="option">Mauritius</div>
                                <div class="option">Mayotte</div>
                                <div class="option">Mexico</div>
                                <div class="option">Micronesia, Federated States of</div>
                                <div class="option">Moldova, Republic of</div>
                                <div class="option">Monaco</div>
                                <div class="option">Mongolia</div>
                                <div class="option">Montenegro</div>
                                <div class="option">Montserrat</div>
                                <div class="option">Morocco</div>
                                <div class="option">Mozambique</div>
                                <div class="option">Myanmar</div>
                                <div class="option">Namibia</div>
                                <div class="option">Nauru</div>
                                <div class="option">Nepal</div>
                                <div class="option">Netherlands</div>
                                <div class="option">Netherlands Antilles</div>
                                <div class="option">New Caledonia</div>
                                <div class="option">New Zealand</div>
                                <div class="option">Nicaragua</div>
                                <div class="option">Niger</div>
                                <div class="option">Nigeria</div>
                                <div class="option">Niue</div>
                                <div class="option">Norfolk Island</div>
                                <div class="option">Northern Mariana Islands</div>
                                <div class="option">Norway</div>
                                <div class="option">Oman</div>
                                <div class="option">Pakistan</div>
                                <div class="option">Palau</div>
                                <div class="option">Palestinian Territory, Occupied</div>
                                <div class="option">Panama</div>
                                <div class="option">Papua New Guinea</div>
                                <div class="option">Paraguay</div>
                                <div class="option">Peru</div>
                                <div class="option">Philippines</div>
                                <div class="option">Pitcairn</div>
                                <div class="option">Poland</div>
                                <div class="option">Portugal</div>
                                <div class="option">Puerto Rico</div>
                                <div class="option">Qatar</div>
                                <div class="option">Reunion</div>
                                <div class="option">Romania</div>
                                <div class="option">Russian Federation</div>
                                <div class="option">Rwanda</div>
                                <div class="option">Saint Barthelemy</div>
                                <div class="option">Saint Helena</div>
                                <div class="option">Saint Kitts and Nevis</div>
                                <div class="option">Saint Lucia</div>
                                <div class="option">Saint Martin</div>
                                <div class="option">Saint Pierre and Miquelon</div>
                                <div class="option">Saint Vincent and the Grenadines</div>
                                <div class="option">Samoa</div>
                                <div class="option">San Marino</div>
                                <div class="option">Sao Tome and Principe</div>
                                <div class="option">Saudi Arabia</div>
                                <div class="option">Senegal</div>
                                <div class="option">Serbia</div>
                                <div class="option">Serbia and Montenegro</div>
                                <div class="option">Seychelles</div>
                                <div class="option">Sierra Leone</div>
                                <div class="option">Singapore</div>
                                <div class="option">Sint Maarten</div>
                                <div class="option">Slovakia</div>
                                <div class="option">Slovenia</div>
                                <div class="option">Solomon Islands</div>
                                <div class="option">Somalia</div>
                                <div class="option">South Africa</div>
                                <div class="option">South Georgia and the South Sandwich Islands</div>
                                <div class="option">South Sudan</div>
                                <div class="option">Spain</div>
                                <div class="option">Sri Lanka</div>
                                <div class="option">Sudan</div>
                                <div class="option">Suriname</div>
                                <div class="option">Svalbard and Jan Mayen</div>
                                <div class="option">Swaziland</div>
                                <div class="option">Sweden</div>
                                <div class="option">Switzerland</div>
                                <div class="option">Syrian Arab Republic</div>
                                <div class="option">Taiwan, Province of China</div>
                                <div class="option">Tajikistan</div>
                                <div class="option">Tanzania, United Republic of</div>
                                <div class="option">Thailand</div>
                                <div class="option">Timor-Leste</div>
                                <div class="option">Togo</div>
                                <div class="option">Tokelau</div>
                                <div class="option">Tonga</div>
                                <div class="option">Trinidad and Tobago</div>
                                <div class="option">Tunisia</div>
                                <div class="option">Turkey</div>
                                <div class="option">Turkmenistan</div>
                                <div class="option">Turks and Caicos Islands</div>
                                <div class="option">Tuvalu</div>
                                <div class="option">Uganda</div>
                                <div class="option">Ukraine</div>
                                <div class="option">United Arab Emirates</div>
                                <div class="option">United Kingdom</div>
                                <div class="option">United States</div>
                                <div class="option">United States Minor Outlying Islands</div>
                                <div class="option">Uruguay</div>
                                <div class="option">Uzbekistan</div>
                                <div class="option">Vanuatu</div>
                                <div class="option">Venezuela</div>
                                <div class="option">Viet Nam</div>
                                <div class="option">Virgin Islands, British</div>
                                <div class="option">Virgin Islands, U.s.</div>
                                <div class="option">Wallis and Futuna</div>
                                <div class="option">Western Sahara</div>
                                <div class="option">Yemen</div>
                                <div class="option">Zambia</div>
                                <div class="option">Zimbabwe</div>
                                <div class="option">Hair Stylists</div>
                                <div class="option">Barber</div>
                                <div class="option">Manicure/Pedicure</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row gy-3 pt-4">
                    <div class="col-12 col-sm-6">
                        <div class="input-fields-filter position-relative">
                            <input type="number" class="form-control popup-form-control input-payment-process cardDetails-input" id="card_number" name="card_number" placeholder="Card number" required>
                            <div class="location-image-filter cardDetails-input-image position-absolute">
                                <img src="../assets/images/uim_master-card.png" class="location-filter-image" alt="location">
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-sm-6">
                        <div class="input-fields-filter position-relative">
                            <input type="text" class="form-control popup-form-control input-payment-process card-holder-name" id="card_holder_name" name="card_holder_name" placeholder="Card Holder Name" required>
                        </div>
                    </div>

                </div>

                <div class="row pt-4 gy-3">
                    <div class="col-sm-6 col-md-6 col-lg-2">
                        <div class="input-fields-filter position-relative">
                            <input type="number" class="form-control popup-form-control input-payment-process card-holder-name" id="CVC/CVV" name="CVC/CVV" placeholder="CVC/CVV" required>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-4">
                        <div class="input-fields-filter position-relative">
                            <input type="date" class="form-control popup-form-control input-payment-process card-holder-name" id="expiry_date" name="expiry_date" placeholder="MM/DD/YY" required>
                        </div>
                    </div>
                </div>

                <div class="new-event-btn">
                    <button class="btn add-new-event-btn place-order-btn boost">
                        Place order
                    </button>
                </div>
                <!-- </form> -->
            </div>

        </div>
    </section>

    <div class="confirm-editProduct" id="success-wallet-box">
        <div class="first-popup-div"></div>
        <div class="editProduct-popup greatPopup">
            <div class="images-success">
                <img src="../assets/images/c11d05415f5ff082abf5155fa6d98e1f 1.png" class="image-success" alt="Image">
            </div>
            <div id="confirmMessageCongrats" class="congrats-popup-para">Great!</div>
            <p class="para-great">Your product is promoted now.</p>
        </div>
    </div>
</main>


<?php
include "../Links/bottomLinks.php";
?>

<?php
// include "../Links/headerbottom.php";
?>