@extends('serviceprovider.header')

<div class="main_body">
	<div class="main_dashboard_child">
		<div class="my-profile">
         <div class="sales_receipts">
            <div class="card" style="padding: 15px;">
               <div class="all_cards">
                  <div class="cards_title">
                     <div class="row">
                        <div class="col-sm-6">
                           <div class="cards_tt">
                              <h5>Card Details</h5>
                           </div>
                        </div>
                        <div class="col-sm-6">
                           <div class="cards_tt text-right">
                              <a href="#" class="btn btn-primary default-btn">Add New Card</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="single_card_details">
                     <div class="row">
                        <div class="col-sm-8">
                           <div class="card_titles">
                              <p>Credit Card 1234 5678 9101 XXXX</p>
                              <p class="text-muted bank_name"><img src="{{ asset('assets/images/Card Number.png') }}"> ICIC Bank</p>
                           </div>
                        </div>
                        <div class="col-sm-4">
                           <div class="card_actions text-right">
                              <a href="#" class="btn btn-default cancel-btn">Edit</a>
                              <a href="#" class="btn btn-danger delet-btn">Delete</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="single_card_details" style="border: none;">
                     <div class="row">
                        <div class="col-sm-8">
                           <div class="card_titles">
                              <p>Credit Card 1234 5678 9101 XXXX</p>
                              <p class="text-muted bank_name"><img src="{{ asset('assets/images/Card Number.png') }}"> ICIC Bank</p>
                           </div>
                        </div>
                        <div class="col-sm-4">
                           <div class="card_actions text-right">
                              <a href="#" class="btn btn-default cancel-btn">Edit</a>
                              <a href="#" class="btn btn-danger delet-btn">Delete</a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>

      </div>
      <div class="sales_receipts_table">
         <div class="table_title">
            <h5>Sales Receipts</h5>
         </div>
         <div class="receipts_talbe_data">
            <div class="table-responsive">
               <table class="table table-bordered">
                  <thead>
                     <tr>
                        <th>SI.No</th>
                        <th>Name</th>
                        <th>Service Type</th>
                        <th>Invoice Number</th>
                        <th>Invoice Date</th>
                        <th>Transaction Type</th>
                        <th>Amount</th>
                        <th>Status</th>
                        <th>Action</th>
                     </tr>
                  </thead>
                  <tbody>
                     <tr>
                        <td>01</td>
                        <td>Mark Ruffalo</td>
                        <td>Accounting, 30 Min, $30.00</td>
                        <td>#154754</td>
                        <td>05-26-2022</td>
                        <td>Credit Card</td>
                        <td>$30.00</td>
                        <td class="pending">Pending</td>
                        <td><a href="#" class="btn btn-primary default-btn">Pay</a></td>
                     </tr>
                     <tr>
                        <td>02</td>
                        <td>Mark Ruffalo</td>
                        <td>Accounting, 30 Min, $30.00</td>
                        <td>#154754</td>
                        <td>05-26-2022</td>
                        <td>Credit Card</td>
                        <td>$30.00</td>
                        <td class="paid">Paid</td>
                        <td><a href="#" class="btn btn-primary cancel-btn">View</a></td>
                     </tr>
                     <tr>
                        <td>03</td>
                        <td>Mark Ruffalo</td>
                        <td>Accounting, 30 Min, $30.00</td>
                        <td>#154754</td>
                        <td>05-26-2022</td>
                        <td>Credit Card</td>
                        <td>$30.00</td>
                        <td class="paid">Paid</td>
                        <td><a href="#" class="btn btn-primary cancel-btn">View</a></td>
                     </tr>
                     <tr>
                        <td>04</td>
                        <td>Mark Ruffalo</td>
                        <td>Accounting, 30 Min, $30.00</td>
                        <td>#154754</td>
                        <td>05-26-2022</td>
                        <td>Credit Card</td>
                        <td>$30.00</td>
                        <td class="paid">Paid</td>
                        <td><a href="#" class="btn btn-primary cancel-btn">View</a></td>
                     </tr>
                     <tr>
                        <td>05</td>
                        <td>Mark Ruffalo</td>
                        <td>Accounting, 30 Min, $30.00</td>
                        <td>#154754</td>
                        <td>05-26-2022</td>
                        <td>Credit Card</td>
                        <td>$30.00</td>
                        <td class="paid">Paid</td>
                        <td><a href="#" class="btn btn-primary cancel-btn">View</a></td>
                     </tr>
                     <tr>
                        <td>06</td>
                        <td>Mark Ruffalo</td>
                        <td>Accounting, 30 Min, $30.00</td>
                        <td>#154754</td>
                        <td>05-26-2022</td>
                        <td>Credit Card</td>
                        <td>$30.00</td>
                        <td class="paid">Paid</td>
                        <td><a href="#" class="btn btn-primary cancel-btn">View</a></td>
                     </tr>
                     <tr>
                        <td>07</td>
                        <td>Mark Ruffalo</td>
                        <td>Accounting, 30 Min, $30.00</td>
                        <td>#154754</td>
                        <td>05-26-2022</td>
                        <td>Credit Card</td>
                        <td>$30.00</td>
                        <td class="paid">Paid</td>
                        <td><a href="#" class="btn btn-primary cancel-btn">View</a></td>
                     </tr>
                     <tr>
                        <td>08</td>
                        <td>Mark Ruffalo</td>
                        <td>Accounting, 30 Min, $30.00</td>
                        <td>#154754</td>
                        <td>05-26-2022</td>
                        <td>Credit Card</td>
                        <td>$30.00</td>
                        <td class="paid">Paid</td>
                        <td><a href="#" class="btn btn-primary cancel-btn">View</a></td>
                     </tr>
                     <tr>
                        <td>09</td>
                        <td>Mark Ruffalo</td>
                        <td>Accounting, 30 Min, $30.00</td>
                        <td>#154754</td>
                        <td>05-26-2022</td>
                        <td>Credit Card</td>
                        <td>$30.00</td>
                        <td class="paid">Paid</td>
                        <td><a href="#" class="btn btn-primary cancel-btn">View</a></td>
                     </tr>
                     <tr>
                        <td>10</td>
                        <td>Mark Ruffalo</td>
                        <td>Accounting, 30 Min, $30.00</td>
                        <td>#154754</td>
                        <td>05-26-2022</td>
                        <td>Credit Card</td>
                        <td>$30.00</td>
                        <td class="paid">Paid</td>
                        <td><a href="#" class="btn btn-primary cancel-btn">View</a></td>
                     </tr>
                  </tbody>
               </table>

            </div>
         </div>
      </div>

    </div>



	</div>

		</div>
	</div>

</section>
@extends('serviceprovider.footer')