@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>@lang('messages.payment_id')</th>
					                    	<!-- <th>Invoice Number</th> -->
					                        <th>@lang('messages.payment_date')</th>
					                        <th>@lang('messages.invoice_amount')</th>
					                        <th>@lang('messages.payment_amount')</th>
					                        <th>@lang('messages.action')</th>
					                    </tr>
					                </thead>
					                <tbody>
					                	@foreach ($payments as $payment)
					                    <tr>
					                        <td><a href="payments_show/{{$payment->pay_order_id}}">{{$payment->pay_order_id}}</a></td>
					                        <!-- <td><a href="orderItems/{{$payment->invoice_id}}">{{$payment->invoice_id}}</a></td> -->
					                        <td>{{date(config('app.org_dtime_format'),strtotime($payment->created_at))}}</td>
					                        <td>{{config('app.currency_symbol')}}{{number_format($payment->pay_by_card + $payment->pay_by_credit,2)}}</td>
					                        <td>{{config('app.currency_symbol')}}{{number_format($payment->fee_amount,2)}}</td>
					                        <td>
					                        	<a href="#" class="btn btn-default btn-xs sendemailsuccess1"><i class="fa fa-envelope" data-toggle="tooltip" data-placement="top" title="" data-original-title="Resend Email"></i></a> &nbsp; <a href="{{ url('admin/payments_pdf/'.$payment->pay_order_id)}}" target="_blank" class="btn btn-default btn-xs" data-toggle="tooltip" data-placement="top" title="" data-original-title="View PDF"><i class="fa fa-file-pdf-o"></i></a>
					                        </td>
					                    </tr>
					                    @endforeach
					                </tbody>
					            </table>
					        </div>
					    </div>
				    </div>
				</div>


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




{!! Html::style('expand_theme/timepicker/bootstrap-timepicker.min.css') !!}
{!! Html::script('expand_theme/timepicker/bootstrap-timepicker.min.js') !!}
{!! Html::style('expand_theme/dataTables.bootstrap.css') !!}
{!! Html::script('expand_theme/jquery.dataTables.min.js') !!}
{!! Html::script('expand_theme/dataTables.bootstrap.min.js') !!}
{!! Html::script('expand_theme/bootstrap-daterangepicker/daterangepicker.js') !!}
{!! Html::script('expand_theme/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') !!}

{!! Html::script('expand_theme/select2/dist/js/select2.full.min.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.date.extensions.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.extensions.js') !!}
{!! Html::script('expand_theme/moment/min/moment.min.js') !!}
  <!-- Font Awesome -->
  {!! Html::style('expand_theme/font-awesome/css/font-awesome.min.css') !!}
  <!-- Ionicons -->
  <!-- daterange picker -->
 {!! Html::style('expand_theme/bootstrap-daterangepicker/daterangepicker.css') !!}
  <!-- bootstrap datepicker -->
 {!! Html::style('expand_theme/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') !!}
 
 


<script type="text/javascript">
$(document).ready(function(){
	$(document).on('click','.sendemailsuccess1', function(e){
		if (confirm('Are you sure, do you want to send an email to the family?')) {
			var pay_order_id = $('.sendemailsuccess1').attr('id');
			//{{url('resend_payment_email/'.$payment->pay_order_id)}}
			$.ajax({
                    url: "{{url('resend_payment_email/'.$payment->pay_order_id)}}",
                    type: 'GET',
                    data:{pay_order_id:pay_order_id},
                    success: function (data) { 
                        alert('Email sent succesfully');
                    }
                }); 
		}else{
			// alert('dont');
			e.preventDefault();
		}
	});
});
</script>


<style>
.error{
color:#E81717;
}
.form-horizontal1{
margin-left:16px;
}
</style>
@stop