@extends('dashboardLayout.frontlayout')
@section('content')
@php
use App\Models\Frontend\ContentManagement;
$transactionTitle = ContentManagement::getLike('transaction_title','sell_bussiness');
$transactionSubTitle = ContentManagement::getLike('transaction_sub_title','sell_bussiness');
@endphp
<!-- Dashboard-section---start -->
<section class="dashboard_section profile_section dashboard_wishlist_section listing-section listing_page_with_sort">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="dashboard_area">
                        @include('user.dashboard.partials.sidebar')
                    <div class="dashboard_right_area">
                        <div class="inner_right_area">
                            <div class="profile_area">
                                <div class="profile_card">
                                    <div class="top_search_filter">
                                        <div class="header_area">
                                            <div class="header_left">
                                                <div class="title">
                                                    <h5>
                                                        {{ isset($transactionTitle) && !empty($transactionTitle) ? __dl($transactionTitle,'transaction_title') : ''}}
                                                    </h5>
                                                    <p>
                                                        {{ isset($transactionSubTitle) && !empty($transactionSubTitle) ? __dl($transactionSubTitle,'transaction_sub_title') : ''}}
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="header_right">
                                                <form>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control listing-search" placeholder="{{__('transactionIndex.search')}}" name="search" value="{{isset($_GET['search']) ? $_GET['search'] : ""}}" />
                                                        <div class="icon">
                                                            <a href="javascript:;">
                                                                <i class="fal fa-search"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <div class="listing_area">
                                                        <ul>
                                                            <li class="ms-3">
                                                                <div class="clear_button">
                                                                    <a href="{{route('frontend.dashboard.transaction',['type' => $type])}}" class="btn btn-theme">{{__('transactionIndex.reset')}}</a>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                        <div class="button_area">
                                            <div class="left">
                                                <ul>
                                                    <li class="{{ isset($type) && $type == 'business' ? 'active':'' }}">
                                                        <a href="{{ route('frontend.dashboard.transaction',['type'=>'business']) }}"> {{__('transactionIndex.sell_business')}}</a>
                                                    </li> 
                                                    <li class="{{ $type == 'package'?'active':'' }}" >
                                                        <a href="{{ route('frontend.dashboard.transaction',['type'=>'package']) }}">{{__('transactionIndex.video_packages')}}</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="right">
                                                <ul class="sorting">
                                                    <li>
                                                        @include('user.dashboard.transaction.filter')
                                                    </li>
                                                    <li>
                                                        @if(isset($_GET['sort']) && $_GET['sort'] == 'transactions.created' && isset($_GET['direction']) && $_GET['direction'] == 'asc')
                                                            <a href="javascript:;" class="sort_list" data-field='transactions.created' data-sort="desc"><i class="fal fa-sort-amount-down"></i></a>
                                                        @elseif(isset($_GET['sort']) && $_GET['sort'] == 'transactions.created' && isset($_GET['direction']) && $_GET['direction'] == 'desc')
                                                            <a href="javascript:;" class="sort_list" data-field='transactions.created' data-sort="asc"><i class="fal fa-sort-amount-up"></i></a>
                                                        @else
                                                            <a href="javascript:;" class="sort_list" data-sort="asc" data-field='transactions.created'><i class="fal fa-sort-amount-up"></i></a>
                                                        @endif
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>  
                                    <div class="my_grid_box">   
                                        <div class="transaction_section listing_page">
                                            <div class="row">
                                                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                    <div class="table_area">
                                                        <table class="table-responsive w-100">
                                                            <thead>
                                                                <tr>
                                                                    <th>
                                                                    {{__('transactionIndex.sr')}}
                                                                    </th>
                                                                    <th>
                                                                      {{__('transactionIndex.transactions')}}
                                                                    </th>
                                                                    <th>
                                                                        {{__('transactionIndex.listing_title')}}
                                                                    </th>
                                                                    <th>
                                                                        {{__('transactionIndex.payment_method')}}
                                                                    </th>
                                                                    <th>
                                                                        {{__('transactionIndex.amount')}}
                                                                    </th>
                                                                    <th>
                                                                        {{__('transactionIndex.date')}}
                                                                    </th>
                                                                    <th>
                                                                        {{__('transactionIndex.status')}}
                                                                    </th>
                                                                    <th>
                                                                        {{__('transactionIndex.invoice')}}
                                                                    </th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @include('user.dashboard.transaction.listingLoop')
                                                            </tbody>
                                                            <tfoot>
                                                                <tr> 
                                                                    <td colspan="3">
                                                                        {{__('transactionIndex.rows')}} : {{$listing->perPage()}}
                                                                    </td>
                                                                    <td colspan="5" class="text-end"> 
                                                                        @include('frontend.partials.simplePagination',['pagination' => $listing,'url' => route('frontend.dashboard.transaction',['type' => $type])])
                                                                    </td>
                                                                </tr>
                                                            </tfoot>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Dashboard-section---end -->
@endsection