@extends('admin.layouts.app')

@section('content')

    <div class="row">

        <div class="col-sm-12 col-lg-6 col-xl-3">
            <a href="{{route('farms.create')}}" style="text-decoration: none;">

                <div class="c-state-card" data-mh="state-cards" style="height: 125px;">

                    <div class="c-state-card__icon c-state-card__icon--info">
                        <i class="fa fa-plus"></i>
                    </div>

                    <div class="c-state-card__content">
                        <p class="c-state-card__number" style="font-size: 21px;">Add Farm Cycle
                        </p>
                        <p class="c-state-card__meta">Total Cycles: <span class="u-text-success">{{$cycleCount}}</span></p>
                    </div>


                </div>
            </a>

        </div><!-- // .col-md-3 -->

        <div class="col-sm-12 col-lg-6 col-xl-3">
            <a href="{{route('toggle-sponsornow')}}" style="text-decoration: none;">
                <div class="c-state-card" data-mh="state-cards" style="height: 125px;">
                    <div class="c-state-card__icon c-state-card__icon--warning">
                        <i class="fa fa-toggle-on"></i>
                    </div>

                    <div class="c-state-card__content">
                        <p class="c-state-card__number" style="font-size: 21px;"> @if(!$settings->canSponsorNow()) Enable  @else Disable @endif Sponsor Now
                        </p>
                        <p class="c-state-card__meta">Status: @if(!$settings->canSponsorNow()) <span class="u-text-danger">Disabled </span>  @else <span class="u-text-success">Enabled</span> @endif</p>
                    </div>
                </div>
            </a>
        </div><!-- // .col-md-3 -->

        <div class="col-sm-12 col-lg-6 col-xl-3">
            <a href="{{route('toggle-sponsorbyvestbank')}}" style="text-decoration: none;">
                <div class="c-state-card" data-mh="state-cards" style="height: 125px;">
                    <div class="c-state-card__icon c-state-card__icon--success">
                        <i class="fa fa-toggle-on"></i>
                    </div>

                    <div class="c-state-card__content">
                        <p class="c-state-card__number" style="font-size: 21px;">@if(!$settings->canSponsorViaVestBank()) Enable  @else Disable @endif Vestbank Sponsor
                        </p>
                        <p class="c-state-card__meta">Status: @if(!$settings->canSponsorViaVestBank()) <span class="u-text-danger">Disabled </span>  @else <span class="u-text-success">Enabled</span> @endif</p>

                    </div>
                </div>
            </a>
        </div><!-- // .col-md-3 -->

        <div class="col-sm-12 col-lg-6 col-xl-3">
            <a href="{{route('toggle-vestbank')}}" style="text-decoration: none;">
                <div class="c-state-card" data-mh="state-cards" style="height: 125px;">
                    <div class="c-state-card__icon c-state-card__icon--fancy">
                        <i class="fa fa-toggle-on"></i>
                    </div>

                    <div class="c-state-card__content">
                        <p class="c-state-card__number" style="font-size: 21px;">@if(!$settings->canAddFundsToVestBank()) Enable  @else Disable @endif Vestbanking
                        </p>
                        <p class="c-state-card__meta">Status: @if(!$settings->canAddFundsToVestBank()) <span class="u-text-danger">Disabled </span>  @else <span class="u-text-success">Enabled</span> @endif</p>

                    </div>
                </div>
            </a>
        </div><!-- // .col-md-3 -->
    </div>

    <span class="c-divider has-text u-mb-medium">Private Sponsorship Actions</span>

    <div class="row">
        <div class="col-sm-12 u-text-center">
            <div class="c-state u-bg-primary">
                <h3 class="c-state__title"></h3>
                <h4 class="c-state__number">Private Sponsorship Requests</h4>
            </div><!-- // c-state -->
        </div>
    </div>

    <div class="row">

        <div class="col-sm-6 col-lg-6">
            <a href="{{route('admin.privatesponsorship.approved')}}" class="c-state__card-wrap">
                <div class="c-state ">
                    <h3 class="c-state__title">Confirmed Private Sponsorship Requests</h3>
                    <h4 class="c-state__number">{{number_format($approvedPrivateSponsorshipCount)}}</h4>
                    <p class="c-state__status">Click to Open</p>
                    <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-6">
            <a href="{{route('admin.privatesponsorship.pending')}}" class="c-state__card-wrap">
                <div class="c-state c-state--success">
                    <h3 class="c-state__title">Pending Private Sponsorship Requests</h3>
                    <h4 class="c-state__number">{{number_format($unApprovedPrivateSponsorshipCount)}}</h4>
                    <p class="c-state__status">Click to Open</p>
                    <span class="c-state__indicator">
                            <i class="fa fa-arrow-circle-o-up"></i>
                        </span>
                </div><!-- // c-state -->
            </a>
        </div>

        <div class="col-sm-6 col-lg-4">
            <a href="#" class="c-state__card-wrap">
                <div class="c-state c-state--warning">
                    <h3 class="c-state__title">Total Amount Raised</h3>
                    <h4 class="c-state__number">NGN {{number_format(\App\Models\PrivateSponsorship::whereApproved(1)->sum('amount'))}}</h4>
                    <p class="c-state__status"></p>
                    <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.privatesponsorship.transfers')}}" class="c-state__card-wrap">
                <div class="c-state c-state--danger">
                    <h3 class="c-state__title">Transfers Request</h3>
                    <h4 class="c-state__number"> {{number_format($transferredPrivateSponsorshipCount)}}</h4>
                    <p class="c-state__status"></p>
                    <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.privatesponsorship.markets')}}" class="c-state__card-wrap">
                <div class="c-state c-state--warning">
                    <h3 class="c-state__title">Transfer Market</h3>
                    <h4 class="c-state__number"> {{number_format($privateSponsorshipMarketCount)}}</h4>
                    <p class="c-state__status"></p>
                    <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.privatesponsorship.payment')}}" class="c-state__card-wrap">
                <div class="c-state c-state--warning">
                    <h3 class="c-state__title">Today Payments</h3>
                    <h4 class="c-state__number"> {{number_format($privateSponsorshipTodayCount)}}</h4>
                    <p class="c-state__status"></p>
                    <span class="c-state__indicator">
                        <i class="fa fa-arrow-circle-o-down"></i>
                    </span>
                </div><!-- // c-state -->
            </a>
        </div>
    </div>

@endsection