@extends('layouts.admin')
@section('title'){{ __('New Optimized') }} @endsection

@section('content')

<div class="row">

    <div id="filterSection" >

        <div class="card-body">
            <div class="container m-1">
                <div class="row">
                    <form method="GET" action="{{route('module.report.optimized.optimized_sale_report')}}">
                        
                        <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')}}" 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>

<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>Admin</th>
                                        <th>Agent</th>
                                        <th>Merchant</th>
                                        <th>Service Charge</th>
                                        <th>Time</th>
                                        <th>Paid Wallet</th>
                                        <th>API</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($transection as $trx)
                                    <tr>

                                        <td>{{$trx->purchase_id}}</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,'.',',')}}
                                            <hr>
                                                Commission ({{$trx->product_currency.'
                                                '.number_format(($trx->agent_price-($trx->admin_price??$trx->price)),2,'.',',')}})

                                        </td>
                                        <td>{{$trx->product_currency.'
                                            '.number_format($trx->selling_price,2,'.',',')}}
                                            <hr>
                                            Commission ({{$trx->product_currency.'
                                            '.number_format(($trx->selling_price-$trx->agent_price),2,'.',',')}})
                                        </td>

                                        <td>{{$trx->product_currency.'
                                            '.$trx->service_charge}}</td>
                                        <td>{{$trx->created_at}}</td>
                                        <td>{{$trx->wallet->name}} <br> Balance History:
                                            ({{$trx->wallet_initial_balance}}
                                            to
                                            {{$trx->wallet_after_balance??0}})
                                            {{$trx->wallet_currency??''}}</td>
                                        <td>{{$trx->api_provider}}</td>
                                       
                                    </tr>
                                    @endforeach
                                </tbody>

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

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

@endsection