@extends('frontLayout.frontlayout')
@section('content')

<section class="creator_wrap">
    <div class="creater_inner">
        @include('customerDashboard.sidebar')
        <div class="right_side_wrap">
            <div class="head-crum">
                <h4>
                    My transactions
                </h4>
            </div>
            <div class="transaction-wrap listing-block">
                <div class="inner_dashboard">
                    <div class="row">
                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                            @include('customerDashboard.transactions.filters')
                        </div>
                    </div>
                    @if(!empty($listing->items()) && $listing->items())
                    <div class="table_rows_area">
                        <div class="table-responsive">
                            <table class="table listing-table">
                                <thead>
                                    <tr>
                                        <th width="">
                                            <i class="fal fa-sort pe-2" data-field="transactions.id"></i>Id
                                        </th>
                                        <th width="">
                                            <i class="fal fa-sort pe-2" data-field="transactions.transaction_id"></i>Transaction Id
                                        </th>
                                        <th width="">
                                            <i class="fal fa-sort pe-2" data-field="transactions.type"></i>Type
                                        </th>
                                        <th width="">
                                            <i class="fal fa-sort pe-2" data-field="transactions.amount"></i>Amount
                                        </th>
                                        <th width="">
                                            <i class="fal fa-sort pe-2" data-field="transactions.status"></i>Status
                                        </th>
                                        <th width="">
                                            <i class="fal fa-sort pe-2" data-field="transactions.created"></i>Created on
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @include('customerDashboard.transactions.listingLoop')
                                </tbody>
                                <tfoot class="d-none">
                                <tr>
                                    <th align="left">
                                        @include('admin.partials.pagination', ["pagination" => $listing])
                                    </th>
                                </tr>
                            </tfoot>
                            </table>
                        </div>
                    </div>
                    @else
                    <div class="nodata text-center">
                        <img src="{{url('assets/frontend/developer/images/nodata.png')}}">
                    </div>
                    @endif
                </div>
            </div>
            @include('frontend.partials.dashboardFooter')
        </div>
    </div>
</section>

@endsection