@extends('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="/addnewcard" class="btn btn-primary default-btn">Add New Card</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  @foreach($cardInfo as $cards)
                  <div class="single_card_details">
                     <div class="row">
                        <div class="col-sm-8">
                           <div class="card_titles">
                              <p>{{ $cards->card_name }} {{ $cards->card_number }}</p>
                              <p class="text-muted bank_name"><img src="{{ asset('assets/images/Card Number.png') }}"> Bank Name</p>
                           </div>
                        </div>
                        <div class="col-sm-4">
                           <div class="card_actions text-right">
                              <a href="/editcard/{{ $cards->id }}" class="btn btn-default cancel-btn">Edit</a>
                              <a href="" class="delete-confirm btn btn-danger delet-btn" data-id="{{ $cards->id }}">Delete</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  @endforeach
               </div>
            </div>

      </div>
      <div class="sales_receipts_table">
         <div class="table_title">
            <h5>Billing Management</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>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 colspan="8">No Record Found</td>
                     </tr>
                     <!-- <tr>
                        <td>02</td>
                        <td>Jeremy Renner</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>Jeremy Renner</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>Jeremy Renner</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>Jeremy Renner</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>Jeremy Renner</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>Jeremy Renner</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>Jeremy Renner</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>Jeremy Renner</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>Jeremy Renner</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>

<!-- <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    $("body").on("click",".delete-confirm",function(e){
        e.preventDefault();	
			var obj = $(this);
			var id = $(this).data("id");	
         alert(id);
			var token = $("meta[name='csrf-token']").attr("content");	
			var url = e.target;	
        Swal.fire({
            title: 'Are you sure?',
            text: "want to delete this Card!",
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
                if ((result.isConfirmed)) {
                
          $.ajax(

          {
            url: "deleteblog/" + id, 
            type: 'GET',
            data: {
                _token: token,
                id: id
        },
          success: function (response){
            $("#success").html(response.message)
            Swal.fire(
              'Remind!',
              'Blog deleted successfully!',  
              'success'
          ).then(function() {
            event.preventDefault();
         $("body").load(window.location.href);

          });
        }
     });
    }
          })
      return false;                    
      
   });
});

</script> -->
@extends('footer')