@extends('layouts.dashboardlayout')
@section('robots_index')
<meta name="robots" content="index, follow">
@endsection
@section('content')



<main>
	<div class="container">
		<hr class="my-3 bg-transparent border-0">
        <div class="row">
            <div class="col-md-12">
                <div class="back-linking-box small mb-3">
                    <a href="{{ url('/c/account/coins') }}"><i class="icon-arrow_back_ios"></i>Back to Buy Coins</a>
                </div>
                <div class="two-column-wrapper">
                    <div class="column-left">
                        <h1 class="sec-title">
                            Transactions History
                        </h1>


                        <p>Last 30 Days</p>


                    </div>
                    <div class="column-right">
                        <ul class="tabs common-tabs">
                            <li data-tab="All"><a href="{{ url('/c/account/transactions') }}">All</a></li>
                            <li><a href="{{ url('/c/account/successall') }}">Success</a></li>
                            <li class="current"><a href="{{ url('/c/account/awaitingall') }}">Awaiting</a></li>
                        </ul>
                    </div>
                </div>

                <div class="transaction-tab-contents">
                    
                        <div id="Awaiting">
                        <div class="transaction-listing">
                            @foreach($transactionswating as $trans)

                            <div class="transaction-item">
                                <div class="transaction-top-info">
                                    <div class="transaction-order-id">Order ID: {{ $trans->pay_order_id }}</div>
                                    <div class="transaction-date-info">
                                        <ul>
                                            <li>{{ \Carbon\Carbon::parse($trans->created_at)->format('d M ,Y')}}</li>
                                            <li><span class="icon-clock"></span> {{ \Carbon\Carbon::parse($trans->created_at)->format('g:i:s A')}}</li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="transaction-main-box">
                                    @if(isset($trans->singlePaidAds['product_name']))

                                    <div class="transaction-detail-info">
                                        <div class="transaction-title">Top {{$trans->singlePaidAds['product_name']}} Day</div>
                                        <div class="transaction-times-info"><i class="icon-clock"></i> {{$trans->singlePaidAds['schedule_time']}}</div>
                                        <div class="transaction-ad-info">
                                            <div class="transaction-ad-text">Ad:</div>
                                            <h3 class="transaction-ad-info-title">{{ singleAdsinfo($trans->singlePaidAds['profile_id']) }}</h3>
                                        </div>
                                    </div>

                                    @else

                                    <div class="transaction-detail-info">
                                        <div class="transaction-title">{{$trans->total_coin}} Coins Package</div>
                                    </div>

                                    @endif

                                    <div class="transaction-payment-info">
                                        <div class="transaction-payment-item">
                                            <div class="tagtext">{{$trans->payment_type}}</div>
                                            <div class="tran-detail-row">
                                                <p class="fails_trans"><span class="icon-cancel"></span> Failed Payment</p>
                                                <div class="transaction-price-text fails_trans">{{$currency_symbol}} {{ $trans->amount }}</div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </div>

                            @endforeach



                        </div>
                    </div>
                    {{ $transactionswating->links('pagination::simple-default')}}
                </div>

                </div>


			<div class="col-md-12 mt-5">

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

    </div>
    
 </main>
		










@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