@extends('layouts.dashboardlayout')
@section('content')

	<div class="container">
		<hr class="my-3 bg-transparent border-0">	   
		<div class="row mt-5">
			<div class="back-linking-box small mb-3">
				<a href="{{ url('/c/account/coins') }}/"><i class="icon-arrow_back_ios"></i>{{ optionByKey('backtobuycoins') }}</a>
			</div>
			<div class="col-lg-12 text-start d-flex justify-content-between flex-wrap">
				<div class="heading-group">
					<h1 class="main-title home mb-0">{{ optionByKey('view_history') }}</h1>
					<small>{{ optionByKey('last30days') }}</small>
				</div>
				<div class="d-flex tab-design flex-wrap transaction-tab">
					<a href="{{ url('/c/account/transactions') }}/" class="border p-2 rounded-pill  <br />
<b>Warning</b>:  Undefined variable $status in <b>/home/sdukoin/public_html/resources/views/users/my_transactions.blade.php</b> on line <b>16</b><br />
none mt-2 mt-md-0" aria-current="true">
						{{ optionByKey('trans_all') }}
					</a>
					<a href="{{ url('/c/account/transactions') }}/?status=paid" class="border p-2 rounded-pill mt-2 mt-md-0 <br />
<b>Warning</b>:  Undefined variable $status in <b>/home/sdukoin/public_html/resources/views/users/my_transactions.blade.php</b> on line <b>19</b><br />
none">
						{{ optionByKey('trans_success') }}
					</a>
					<a href="{{ url('/c/account/transactions') }}/?status=failed_payment" class="border p-2 rounded-pill mt-2 mt-md-0 <br />
<b>Warning</b>:  Undefined variable $status in <b>/home/sdukoin/public_html/resources/views/users/my_transactions.blade.php</b> on line <b>22</b><br />
none">
						{{ optionByKey('trans_failed') }}
					</a>  
		
				</div>
			</div>
		</div>
	
		<div class="row tran-hist-gride mt-5">
			<div class="col-md-12">  
				@foreach($transactionsall as $trans)				
					<div class="card border-alert mb-3 item-card-style p-4 mb-5">                        
						<div class="card-body p-0">
							<h5 class="card-title fs-6 mb-1">{{ optionByKey('shopping_order') }}: {{ $trans->pay_order_id }}</h5>
							<div class="trns-date-info small mb-3 text-muted"><span class="icon-calendar"></span> {{ \Carbon\Carbon::parse($trans->created_at)->format('d M ,Y')}} <span class="line-ver">|</span> <span class="icon-clock"></span> {{ \Carbon\Carbon::parse($trans->created_at)->format('g:i:s A')}}</div>
						</div>
					
						<div class="card-footer bg-transparent border-alert mt-2 pt-3 p-0">
							<div class="row">
								<div class="col-md-6">
									<div class="transaction-title fs-6 fw-bold">
										<!-- Coupon HTML -->
										<div class="text-success fw-normal mb-1" style="display:none;">
											Coupon
										</div>
										{{$trans->total_coin}} {{ optionByKey('trans_coin_package') }} </div>
								</div>
													
								<div class="col-md-6 text-start text-md-end mt-3 mt-md-0">
									<div class="tagtext text-muted small">{{$trans->payment_type}}</div>
									
								@if($trans->payment_status == 1)
									<div  class="tran-detail-row fw-bold text-success d-flex align-items-center justify-content-start justify-content-md-end">
										<span class="icon-checkmark me-1"></span>  {{ optionByKey('success_payment') }} {{$currency_symbol}} {{ $trans->amount }}
									</div>
								@else
									<div  class="tran-detail-row fw-bold text-danger d-flex align-items-center justify-content-start justify-content-md-end">
										<span class="icon-cancel me-1"></span>  {{ optionByKey('failed_payment') }} {{$currency_symbol}} {{ $trans->amount }}
									</div>
								@endif
									
								</div>
							</div>
						</div>
					</div>
				@endforeach
	
			</div>
		</div>
		
		<div class="row">
			<div class="col-md-12 mt-5">

				@include('includes.need_help')   
		
			</div>
		</div>
	</div>



@endsection

@push('scripts')

<script> 
var longText = $('#longText');
longText.text(longText.text().substr(0,19)+'...');
    $('.coins-listing-wrap .coins-item-box').click(function(){
        $(this).addClass('active');
        $(this).siblings().removeClass('active');
        var selValue = $("input[type='radio']:checked").val();
        var getCoin = $(this).data("id");
        var getCoinid = $(this).data("coinid");
        $('input[name="coin_dataid"]').val(getCoinid);
        $('#addAmount').empty();
        $('#addAmount').prepend(selValue);
        $('#addcoin').empty();
        $('#addcoin').prepend(getCoin);
        $('.common-btn-red').removeAttr("disabled")
    });
</script>

@endpush