@extends('admin.layouts.app')

@section('content')
    <div class="row">
        <div class="col-md-12">
            <article class="c-event">
                <div class="c-event__img" style="height:400px; background-image:url({{asset($farm->avatar)}}); background-size: cover;">
                    <span class="c-event__status">{{$farm->status->name}}</span>
                </div>
                <div class="c-event__meta">

                    <h3 class="c-event__title u-mt-small">{{$farm->name}}
                        <span class="c-event__place">Created By: {{$farm->creator->fullname}}</span>
                    </h3>

                    <div class="row">
                        <div class="col-12">
                            <a href="{{route('farms.toggleRetain',$farm->id)}}" class="u-mt-small c-btn c-btn--success c-event__btn">{{$farm->isPaidOut() ? 'Close Retaining' : 'Open For Retaining'}}</a>

                            <a href="{{route('farms.soldout', [$farm->id])}}" class=" u-mt-small c-btn c-btn--warning c-event__btn" role="button"> {{$farm->isSoldOut() ? 'Unmark Sold Out' : 'Mark Sold Out'}}</a>

                            <a href="{{route('farms.edit', $farm->id)}}" class=" u-mt-small c-btn c-btn--fancy c-event__btn">Payout Details</a>

                            <a href="{{route('farms.edit', $farm->id)}}" class=" u-mt-small c-btn c-btn--info c-event__btn">Edit</a>

                                <div class="c-dropdown dropdown ">
                                    <button class="c-btn c-btn--secondary has-dropdown dropdown-toggle u-mt-small" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Update Status</button>

                                    <div class="c-dropdown__menu dropdown-menu" aria-labelledby="dropdownMenuButton1"
                                         x-placement="bottom-start" style="position: absolute; transform: translate3d(0px, 39px, 0px); top: 0px; left: 0px; will-change: transform;">
                                        @foreach($statuses as $status)
                                            <a class="c-dropdown__item dropdown-item" href="{{route('farms.updateStatus', [$farm->id, 'status'=>$status->id])}}">{{$status->name}}</a>
                                        @endforeach

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

                </div>
            </article><!-- // .c-event -->
        </div>
    </div>

    <span class="c-divider has-text u-mb-medium">Farm Details</span>


    <div class="row">
        <div class="col-sm-12">
            <div class="row">
                <div class="col-12 col-lg-3">
                    <div class="c-state c-state--info">
                        <h3 class="c-state__title">Start Units: {{$farm->start_unit}} | Remaining Unit: {{$farm->units}}</h3>
                    </div><!-- // c-state -->
                </div>
                <div class="col-12 col-lg-3">
                    <div class="c-state c-state--info">
                        <h3 class="c-state__title"> Total Amount Sponsored: {{$farm->totalAmountSponsored()}}</h3>

                    </div><!-- // c-state -->
                </div>

                <div class="col-12 col-lg-3">
                    <div class="c-state c-state--info">
                        <h3 class="c-state__title"> Total Units Sponsored: {{$farm->totalUnitsSponsored()}}</h3>

                    </div><!-- // c-state -->
                </div>

                <div class="col-12 col-lg-3">
                    <div class="c-state c-state--info">
                        <h3 class="c-state__title"> Total Units Retained: {{$farm->retainersCount}}</h3>

                    </div><!-- // c-state -->
                </div>

                <div class="col-12 col-lg-3">
                    <div class="c-state c-state--info">
                        <h3 class="c-state__title"> Total Amount To Payout: {{$farm->totalPayoutAmount()}}</h3>

                    </div><!-- // c-state -->
                </div>

                <div class="col-12 col-lg-3">
                    <div class="c-state c-state--info">
                        <h3 class="c-state__title">Window Duration: {{ $farm->start_date->format('d-M-Y')}} to {{ $farm->due_date->format('d-M-Y')}}</h3>
                    </div><!-- // c-state -->
                </div>
                <div class="col-12 col-lg-3">
                    <div class="c-state c-state--info">
                        <h3 class="c-state__title">Payout Date: {{$farm->payout_date->format('d-M-Y')}}</h3>
                    </div><!-- // c-state -->
                </div>
            </div>

        </div>

        <div class="col-sm-6 col-lg-3">
            <a href="{{route('farms.approvedVBank', $farm->id)}}" style="text-decoration: none;">
                <div class="c-state">
                    <h3 class="c-state__title">Approved Vestbank Sponsors</h3>
                    <h4 class="c-state__number">{{$approvedVestbankCount}}</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-3">
            <a href="{{route('farms.unapprovedVBank', $farm->id)}}" style="text-decoration: none;">
                <div class="c-state c-state--success">
                    <h3 class="c-state__title">UnApproved Vestbank Sponsors</h3>
                    <h4 class="c-state__number">{{$unapprovedVestbankCount}}</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-3">
            <a href="{{route('farms.approvedSNow', $farm->id)}}" style="text-decoration: none;">
                <div class="c-state c-state--warning">
                    <h3 class="c-state__title">Approved Bank Sponsors</h3>
                    <h4 class="c-state__number">{{$approvedBankSponsorsCount}}</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-3">
            <a href="{{route('farms.unapprovedSNow', $farm->id)}}" style="text-decoration: none;">
                <div class="c-state c-state--danger">
                    <h3 class="c-state__title">UnApproved Bank Sponsors</h3>

                    <h4 class="c-state__number">{{$unapprovedBankSponsorsCount}}</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-3">
            <a href="{{route('farms.trashed', $farm->id)}}" style="text-decoration: none;">
                <div class="c-state c-state--danger">
                    <h3 class="c-state__title">Thrashed Sponsors</h3>

                    <h4 class="c-state__number">{{$trashedSponsorsCount}}</h4>
                    <p class="c-state__status">Click to Open</p>
                    <span class="c-state__indicator">
                                <i class="fa fa-trash"></i>
                            </span>
                </div><!-- // c-state -->
            </a>
        </div>

        <div class="col-sm-6 col-lg-3">
            <a href="{{route('payout.download', $farm->id)}}" style="text-decoration: none;">
                <div class="c-state c-state--danger">
                    <h3 class="c-state__title">Payout List</h3>

                    <h4 class="c-state__number">--</h4>
                    <p class="c-state__status">Click to Download</p>
                    <span class="c-state__indicator">
                                <i class="fa fa-arrow-circle-down"></i>
                            </span>
                </div><!-- // c-state -->
            </a>
        </div>
    </div>
@endsection