@php
use SimpleSoftwareIO\QrCode\Facades\QrCode;
@endphp
@extends(Auth::user()->extender())
@section('title'){{__('Recharge')}} {{ __('Summary') }} @endsection
@section('content')


<style>
    body {
        /* font-family: Arial, sans-serif; */
    }

    .invoice-container {
        width: 100%;
        margin: 0 auto;
    }

    .header,
    .footer {
        text-align: center;
        padding: 10px;
    }

    .content {
        margin: 20px;
    }

    .logo {
        text-align: center;
    }

    .company-details,
    .user-details,
    .invoice-details {
        margin-bottom: 20px;
    }

    .company-details p,
    .user-details p,
    .invoice-details p {
        margin: 0;
    }

    .table {
        width: 100%;
        border-collapse: collapse;
    }

    .table th,
    .table td {
        border: 1px solid #000;
        padding: 8px;
        text-align: left;
    }

    .table th {
        background-color: #f2f2f2;
    }
</style>

<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 Wallet Transactions
                </button>
            </div>
            <div id="filterSection" style="display: none;">
                <div class="card-body">
                    <div class="container m-1">
                        <div class="row">
                            {{ Form::open(array(route('module.report.rechargeSummary'),'method'=>'get','id'=>'module.report.rechargeSummary'))
                            }}
                            <div class="row">
                                <div class="col-md-12">
                                    @include('modules.reports.summary.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.rechargeSummary').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="{{route('module.report.rechargeSummary')}}" 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::close() }}
                        </div>
                    </div>
                </div>
            </div>

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

<div class="row">
    <div class="col-md-12">
        <div id="print-button">
            <button class="btn btn-sm btn-success" onclick="printDiv()">Print</button>
        </div>
        <div class="main-card card">
            {{-- <div class="row justify-content-center text-center m-4">
                <div class="col-md-4">
                    <div class="d-flex align-items-center justify-content-center">
                        <i class="fa fa-check-circle text-success fa-3x mr-2" aria-hidden="true"></i>
                        <span class="h4">Recharge Summary</span>
                        <!-- Increased text size -->
                    </div>
                </div>
            </div> --}}

            <div style="color: black" class="card-body">
                <div id="printableArea" class="row">
                    <div class="col-12">
                        <div class="invoice-container">
                            <div class="header"
                                style="display: flex; justify-content: space-between; align-items: center;">
                                <div class="logo">
                                    <img src="{{$company_data['company_logo']}}" alt="VivaPe" width="150px"
                                        height="80px">
                                </div>
                                <div class="report-name" style="text-align: right;">
                                    <h2>{{$company_data['report_name']}}</h2>
                                </div>
                            </div>


                            <div class="content">
                                <div class="row">
                                    <div class="col-md-12">
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>For Customer - {{$company_data['user_provider']}}</th>
                                                    <th>From Company</th>
                                                    <th>Report Information</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <strong>{{$company_data['user_name']}}</strong><br>
                                                        {{-- Name: {{$company_data['user_name']}}<br> --}}
                                                        Phone: {{$company_data['user_phone']}}<br>
                                                        Email: {{$company_data['user_email']}}<br>
                                                        Address: {{$company_data['user_address']}}
                                                    </td>
                                                    <td>
                                                        <strong>{{$company_data['company_name']}}</strong><br>
                                                        Email: {{$company_data['company_email']}}&nbsp;
                                                        Phone: {{$company_data['company_phone']}}<br>
                                                        {{$company_data['company_address']}}<br>
                                                        Website: <a href="https://{{$company_data['company_website']}}">{{$company_data['company_website']}}</a>&nbsp;
                                                        Reg: {{$company_data['company_reg']}}
                                                    </td>
                                                    <td>
                                                        <strong>{{$company_data['report_name']}}</strong><br>
                                                        {{-- Report Name: {{$company_data['report_name']}}<br> --}}
                                                        Reference: {{$company_data['summary_ref']}}<br>
                                                        From: {{$company_data['starts_from']}}&nbsp;
                                                        Till: {{$company_data['ends_on']}}<br>
                                                        Date: {{date('Y-m-d')}}
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>


                                <div class="row">
                                    <div class="col-md-12">
                                        <!-- Add invoice items table here if needed -->
                                        <table class="table">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>Description</th>
                                                    <th>Quantity</th>
                                                    <th>Total</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <!-- Add your invoice items here -->
                                                <!-- Example row -->
                                                <tr>
                                                    <td>1</td>
                                                    <td>Sales through {{$company_data['user_name']}}({{$company_data['user_provider']}}) for Mobile Recharge from {{($company_data['starts_from'])}} to {{$company_data['ends_on']}}</td>
                                                    <td>{{$get_success_purchase_count}}</td>
                                                    <td>{{$my_basic_currency->code}} {{$ttl_rcrg_amnt}}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <table class="table table-bordered">

                                            <tbody>
                                                <tr>
                                                    <td>Thank you for your business with us. <br> Please pay the amount to our bank account.</td>
                                                    <td>
                                                        <strong>Bank Information</strong><br>
                                                        Bank Name: {{$company_data['bank_name']}}<br>
                                                        Bank Address: {{$company_data['bank_address']}}<br>
                                                        Swift Code: {{$company_data['routing_number']}}<br>
                                                        IBAN: {{$company_data['iban']}}<br>
                                                        BIC: {{$company_data['bic']}}<br>
                                                        Beneficiary Name: {{$company_data['beneficiary_name']}}<br>
                                                        Beneficiary Address: {{$company_data['beneficiary_address']}}
                                                        <br>
                                                    </td>
                                                </tr>

                                            </tbody>
                                        </table>
                                    </div>

                                </div>

                            </div>

                            <div class="footer">
                                <p>&copy; {{ date('Y') }} {{$company_data['company_name']}}. All rights reserved.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


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



@include('admin.others.infyomincludes.printer_view_js')
@endsection