@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">Farm Cycles</span>

    <div class="row">
        @foreach($farmcycles as $farm)
            <div class="col-sm-6 col-lg-6 col-xl-3">

                <a href="{{route('show.retention', $farm->id)}}" style="text-decoration: none;">
                    <div class="c-project-card u-mb-medium" id="c-project-card">
                        <div class="c-project-card__img-wrap">
                            <img class="c-project-card__img" src="{{asset($farm->avatar)}}" alt="{{$farm->slug}}">
                        </div>

                        <div class="c-project-card__content">
                            <div class="c-project-card__head">
                                <h4 class="c-project-card__title">{{$farm->name}}</h4>
                                <p class="c-project-card__info">Created By:  {{$farm->creator->fullname}} </p>
                            </div>


                            <div class="c-project-card__meta">
                                <p>
                                    {{$farm->cycle_start_date->toFormattedDateString()}}
                                    <small class="u-block u-text-mute">Start Date</small>
                                </p>

                                <p>
                                    {{$farm->payout_date->toFormattedDateString()}}
                                    <small class="u-block u-text-mute">Payout Date</small>
                                </p>

                            </div>
                        </div>
                    </div>
                </a>
            </div>
        @endforeach
    </div>

    <nav class="c-pagination u-mt-small u-justify-between">

        @if($farmcycles->previousPageUrl() != null)
            <a class="c-pagination__control" href="{{$farmcycles->previousPageUrl()}}">
                <i class="fa fa-caret-left"></i>
            </a>
        @else
            <a class="" href="">
            </a>
        @endif

        <p class="c-pagination__counter">Page {{$farmcycles->currentPage()}} of {{$farmcycles->lastPage()}}</p>

        @if($farmcycles->nextPageUrl() != null)
            <a class="c-pagination__control" href="{{$farmcycles->nextPageUrl()}}">
                <i class="fa fa-caret-right"></i>
            </a>
        @else
            <a class="" href="">
            </a>
        @endif
    </nav>
@endsection