@extends('Layout.admin-dash')


@section('content')

<div class="main-content">
    <div class="section__content statistic2 section__content--p30">

        <p class="text-danger fw-bold ">
            <span class="me-2">
                <a href="{{ route('insurance.policy', ['ref' => $referralCode]) }}" 
                   class="text-primary font-weight-bold" 
                   id="referralLinkText">
                  Referral Link: {{ route('insurance.policy', ['ref' => $referralCode]) }}
                </a>
            </span>
        
            <button class="btn btn-sm btn-outline-primary ms-auto" onclick="copyReferralLink()" title="Copy Link">
                <i class="zmdi zmdi-collection-bookmark"></i>
            </button>
        </p>


        <div class="container-fluid">
            <div class="row m-t-25">
                <div class="col-md-6 col-lg-3">
                    <div class="statistic__item statistic__item--green">
                        <h2 class="number">{{ $total_user }}</h2>
                        <span class="desc">Total Referral</span>
                        <div class="icon">
                            <i class="zmdi zmdi-account-o"></i>
                        </div>
                    </div>
                </div>


                <div class="col-md-6 col-lg-3">
                    <div class="statistic__item statistic__item--orange">
                        <h2 class="number">₦{{ $total_income }}</h2>
                        <span class="desc">Total Commission</span>
                        <div class="icon">
                            <i class="zmdi zmdi-money"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <h2 class="title-1 m-b-25">Customers Referred Product</h2>
                    <div class="table-responsive table--no-card m-b-40">
                        <table class="table table-borderless table-striped table-earning">
                            <thead>
                                <tr>
                                    <th class="text-right">Insurance Class</th>
                                    <th>Start Date</th>
                                    <th>Referral Code</th>
                                    <th>Owners name</th>
                                    <th class="text-right">Amount</th>
                                </tr>
                            </thead>
                            <tbody>

                                @if ($referree_product->count() > 0)
                                    @foreach ($referree_product as $data)
                                        <tr>
                                            <td>{{ $data->ins_class }}</td>
                                            <td>{{ $data->startDate }}</td>
                                                <td>{{ $data->referral_code }}</td>
                                                <td>{{ $data->customer->fname }} {{ $data->customer->lname }}</td>
                                            <td class="text-right">
                                                ₦{{ number_format($data->transaction->amount ?? 0, 2) }}</td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="5" class="text-center">No data found</td>
                                    </tr>
                                @endif


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

            {{-- <div class="row">
                <div class="col-lg-12">
                    <h2 class="title-1 m-b-25">Transaction History</h2>
                    <div class="table-responsive table--no-card m-b-40">
                        <table class="table table-borderless table-striped table-earning">
                            <thead>
                                <tr>
                                    <th class="text-right">Insurance Class</th>
                                    <th>Serial No</th>
                                    <th>Transaction Date</th>
                                    <th>Owners name</th>
                                    <th class="text-right">Status</th>
                                </tr>
                            </thead>
                            <tbody>

                                @if ($transactions->count() > 0)
                                    @foreach ($transactions as $data)
                                        <tr>
                                            <td>{{ $data->vehicle->ins_class }}</td>
                                                <td>{{ $data->serialNo }}</td>
                                                <td>{{ \Carbon\Carbon::parse($data->created_at)->format('m/d/y') }}</td>
                                                <td>{{ $data->vehicle->customer->fname }} {{ $data->vehicle->customer->lname }}</td>
                                            <td class="text-right">
                                                {{ $data->status }}</td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="5" class="text-center">No Transaction data found</td>
                                    </tr>
                                @endif


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

                </div>
            </div> --}}

            <div class="row">
                <div class="col-md-12">
                    <div class="copyright">
                        <p>Copyright © 2018 Freemium. All rights reserved. Template by <a href="#">Freemium</a>.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    
@endsection