@php
    use App\Models\EsimOrder;
@endphp
@extends(Auth::user()->extender())
@section('title'){{__('Report')}} {{ __('Sales and Transactions') }} @endsection
@section('content')
@include('includes.page_header',['title'=>__('Report')." ". __('Sales and Transactions'),'url'=>route(Auth::user()->user_dashboard()),'icon'
=> $icon??'','permission'=>'PriorityRoute-view'])

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.7/css/jquery.dataTables.min.css">

{{-- Progress modal include --}}
@include('includes.progress_modal')

<script>
    // on page load toogle the filter section
    document.addEventListener('DOMContentLoaded', function () {
        toggleFilterSection();
    });
</script>

<div class="row">
    <div class="col-md-12">
        <div class="main-card mb-3 card">
            <div class="card-header">
                <button class="btn btn-link" type="button" onclick="toggleFilterSection()">
                    <i class="fas fa-filter"></i> Filter Recharge Transactions
                </button>
            </div>
            <div id="filterSection" style="display: none;">
                <div class="card-body">
                    <div class="container m-1">
                        <div class="row">
                            <form method="GET" action="{{route('module.report.optimized.optimized_sale_report_merchant')}}">

                                <div class="row">
                                    <div class="col-md-12">
                                        @include('modules.reports.recharge.filter_fields')
                                    </div>
                                </div>
                                <div class="row justify-content-end p-1">
                                    <div class="col-auto">
                                        {{-- <a href="#" class="btn btn-sm btn-primary"
                                            onclick="document.getElementById('module.report.rechargereport').submit(); return false;"
                                            data-bs-toggle="tooltip" title="{{__('Apply')}}"
                                            data-original-title="{{__('apply')}}">
                                            <span class="btn-inner--icon"><i class="ti ti-filter"></i>Filter</span>
                                        </a> --}}
                                        <!-- <a href="#" class="btn btn-sm btn-primary"
                                            onclick=" document.getElementById('module.report.rechargereport').submit(); return false;"
                                            data-bs-toggle="tooltip" title="{{__('Apply')}}"
                                            data-original-title="{{__('apply')}}">
                                            <span class="btn-inner--icon"><i class="ti ti-filter"></i>Filter</span>
                                        </a>

                                        -->

                                        <button class='btn btn-primary'>Filter</button>
                                        <a href="{{route('module.report.optimized.optimized_sale_report_merchant')}}" class="btn btn-sm btn-danger "
                                            data-bs-toggle="tooltip" title="{{ __('Reset') }}"
                                            data-original-title="{{__('Reset')}}">
                                            <span class="btn-inner--icon"><i
                                                    class="ti ti-arrows-horizontal"></i>Reset</span>
                                        </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            {{-- <div class="card-footer d-flex justify-content-end">
                <p>Total Wallet Transactions Count: {{$transection->count()}}</p>
            </div> --}}


        </div>
    </div>
</div>
@include('admin.others.infyomincludes.filter_index_js')



<div class="row">
    <div class="col-md-12">
        <div class="main-card mb-3 card">
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <div class="table-responsive">
                            <table class="table table-bordered"  style="width:100%">
                                <thead>
                                    <tr>
                                        <th>TrxID</th>
                                        <th>Status</th>
                                        <th>Product</th>
                                        <th>Phone</th>
                                        <th>Cost</th>
                                        <th>Comission</th>
                                        <th>Price</th>
                                        <th>Service Charge</th>
                                        <th>Paid Wallet</th>
                                        <th>Time</th>
                                        <!-- <th>API</th> -->
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($transection as $trx)
                                    <tr>

                                        <td>
                                            {{$trx->purchase_id}}
                                            <hr>
                                            <a class="btn btn-sm btn-info" href="{{route('module.report.invoice', ['id' => $trx->purchase_id])}}">Invoice</a>
                                            <a class="btn btn-sm btn-success" href="{{route('module.optimized.report.invoice', ['id' => $trx->id])}}">Print</a> 
                                        </td>
                                        <td>{{$trx->status}}</td>
                                        <td>{{$trx->product->title}}</td>
                                        <td>{{$trx->phone_number}}</td>
                                        <td>{{$trx->wallet_currency.' '.number_format($trx->agent_price_pyrwlt,2,'.',',')}}</td>

                                        <td>{{$trx->wallet_currency.' '.number_format(($trx->selling_price_pyrwlt-$trx->agent_price_pyrwlt),2,'.',',')}}</td>

                                        <td>{{$trx->wallet_currency.' '.number_format($trx->selling_price_pyrwlt,2,'.',',')}}</td>



                                        <td>{{$trx->wallet_currency.' '.($trx->service_charge)}}</td>
                                        <td>{{$trx->wallet->name}} <hr> Balance History: ({{$trx->wallet_initial_balance??0}} to {{+$trx->wallet_after_balance??0}}) {{$trx->wallet_currency??''}}</td>
                                        <td>{{$trx->created_at}}</td>




                                    </tr>
                                    @endforeach
                                </tbody>

                            </table>
                            {{-- Pagination --}}
                            {{ $transection->links() }}
                        </div>
                    </div>
                </div>

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


<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script type="text/javascript" language="javascript"
    src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
<script>
    new DataTable('#recharge-table', {
            pagingType: 'full_numbers',
            order: [[0, 'desc']],
        });
</script>

@endsection