@extends('admin.layouts.app')

@section('content')
    <div class="row">

        <div class="col-sm-12 u-text-center">
            <div class="c-state u-bg-primary">
                <h3 class="c-state__title"></h3>
                <a href="{{route('admin.upload.tracker',$farm->slug)}}" class="c-state__number">Record New Payment</a>
            </div><!-- // c-state -->
        </div>
    </div>

    <div class="row">
        <div class="col-sm-6 col-lg-4">
                <div class="c-state">
                    <h3 class="c-state__title">Total Amount Due</h3>
                    <h4 class="c-state__number">{{$farm->totalAmountSponsoredWithRoi()}}</h4>
                    <span class="c-state__indicator">
                                    <i class="fa fa-arrow-circle-o-down"></i>
                                </span>
                </div><!-- // c-state -->
        </div>

        <div class="col-sm-6 col-lg-4">
                <div class="c-state c-state--success">
                    <h3 class="c-state__title">Total Amount Paid</h3>
                    <h4 class="c-state__number">{{$farm->totalAmountPaidViaTracker()}}</h4>
                    <span class="c-state__indicator">
                                    <i class="fa fa-arrow-circle-o-up"></i>
                                </span>
                </div><!-- // c-state -->
        </div>

        <div class="col-sm-6 col-lg-4">
            <div class="c-state c-state--success">
                <h3 class="c-state__title">Total Amount Unpaid</h3>
                <h4 class="c-state__number">{{$farm->totalAmountUnpaidViaTracker()}}</h4>
                <span class="c-state__indicator">
                                    <i class="fa fa-arrow-circle-o-up"></i>
                                </span>
            </div><!-- // c-state -->
        </div>

        <div class="col-sm-6 col-lg-4">
            <a href="{{route('admin.deposit.paystack')}}" style="text-decoration: none;">
                <div class="c-state c-state--warning">
                    <h3 class="c-state__title">Last Payment date</h3>
                    <h4 class="c-state__number">{{$farm->lastTrackerPayment()}}</h4>
                    <span class="c-state__indicator">
                                    <i class="fa fa-arrow-circle-o-down"></i>
                                </span>
                </div><!-- // c-state -->
            </a>
        </div>

        <div class="col-sm-6 col-lg-4">
            <a href="{{route('admin.records.tracker', $farm->slug)}}" style="text-decoration: none;">
                <div class="c-state c-state--warning">
                    <h3 class="c-state__title"> </h3>
                    <h4 class="c-state__number">View Payment Records</h4>
                    <span class="c-state__indicator">
                                    <i class="fa fa-arrow-circle-o-down"></i>
                                </span>
                </div><!-- // c-state -->
            </a>
        </div>
    </div>


@endsection