@extends('backend.layouts.app')
@section('content')

<style>

@media screen and (min-width: 320px) and (max-width: 768px){ a#check-in-btn {margin: -45px 0px 0px 2px !important; }}

@media screen and (max-width: 991px) and (min-width: 768px){ a#check-in-btn {margin: -45px 0px 0px 2px !important; }}

a#check-in-btn { float: right; margin: 3px 0px 0px 0px; padding: 7px 25px 7px 25px; }

div#email-ph-blck { margin-top: 0px; }

div#p-body-blck-align { padding: 10px 0px 10px 0px; }

div#panel-block-align { border: 2px solid #ccc; }

h3.p-name { font-weight: bold; margin-bottom: 0px !importat; margin-top: 0px !important; }

b.email-align { color: #777; padding: 5px; }

b.ph-no-cls { color: #777; padding: 5px; }

div#check-form-btn { margin-top: 15px; }

</style>



{!! Html::script('expand_theme/js/jquery.validate.min.js') !!}


 

<div class="row new_member mobile_page_hieght_align_pyment_list_acc_loc" id="ajaxmaterialdisplayform">
    <div class="col-md-12" id="backend-configuration-mobile-gp_payment_list_acc_loc">
        <div class="box">
            <div class="box-header">
            	<div class="col-md-12">
				<div class="panel-body">
				    <div class="row">
				        <div class="col-md-12 acc_loc_payments_list_page_12_div_main" style=" padding: 0px; ">
					        <h3>@lang('messages.payments_list')</h3>
					        <div class="table-responsive">
					            <table class="table table-borderd table-hover">
					                <thead>
					                    <tr>
					                    	<th>Order ID</th>
					                    	<th>Parent ID</th>
					                    	<th>Amount</th>
					                    	<th>Acount</th>
					                    	<th>Date</th>
					                    </tr>
					                </thead>
					                <tbody>
					                	@foreach ($payments as $payment)