@extends('header')
<div class="main_body">
	<div class="main_dashboard_child">
        <div class="add_new_service row">
            <div class="col-sm-7 pl-0">
                <div class="new_service_sec">
                    <div class="appointments_types_title">
                        <div class="all_types" style="margin-top:0px">
                            <div class="card">
                                <div class="cards_title" style="border: none;">
                                    <div class="row">
                                        <div class="col-sm-6">
                                        <div class="cards_tt">
                                            <h5 style="font-size: 16px;">ENTER YOUR CARD DETAILS</h5>
                                            <!-- <span>(05 Members)</span> -->
                                        </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="search_box">
                                    <form method="post" action="{{ route('savenewcard') }}">
                                    @csrf
                                 
                                    <div class="payment_form form-fileds" style="border:none;">
                                       <div class="row">
                                          <div class="col-sm-12">
                                             <div class="form-group">
                                                <label>Name on Card</label>
                                                <input type="text" name="cardname" id="cardname" class="form-control" value="Natalie Portman">
                                             </div>
                                          </div>
                                          <div class="col-sm-12">
                                             <div class="form-group">
                                                <label>Card Number</label>
                                                <input type="text" name="cardnumber" id="cardnumber" class="form-control" value="1234 5678 9101 XXXX">
                                                <img src="{{ asset('assets/images/Card Number.png') }}" class="bank_card_img">
                                             </div>
                                          </div>
                                          <div class="col-sm-6">
                                             <div class="form-group">
                                                <label>Card Expiry</label>
                                                <input type="text" name="expiry" id="expiry" class="form-control" value="04/28">
                                             </div>
                                          </div>
                                          <div class="col-sm-6">
                                             <div class="form-group">
                                                <label>CVV</label>
                                                <input type="text" name="cvv" id="cvv" class="form-control" value="254">
                                             </div>
                                          </div>
                                          <div class="col-sm-12">
                                             <div class="form-group d-flex">
                                                <input type="checkbox" name="terms" id="terms" checked>
                                                <label for="terms" style="margin-left: 5px;">By continuing, you're agreeing to our Customer Terms of Service, User Terms of Service, Privacy</label>
                                             </div>   
                                          </div>
                                          <div class="col-sm-12">
                                             <div class="form-group">
                                                <input type="submit" name="" class="btn btn-primary default-btn" value="Next">
                                                <!-- <a href="service-dashboard" class="btn btn-primary default-btn">Next</a> -->
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@extends('footer')