@extends('layouts.dashboard')

@section('content')
    <div class="cycle-details-wrap">
        <div class="cycle-details-content">
            <div class="img-box">
            <img src="{{asset('img/cycle-details-img.svg')}}" alt="Farm cycle photo">
            </div>
            <div class="text-box">
                <h1 class="cycle-details-heading"> Farm Cycle Payout Tracker</h1>
                <h2 class="cycle-details-text title"><strong>{{$farm->name}}</strong></h2>
                <p class="cycle-details-text">Total percentage paid: <span>{{$farm->percentagePaid()}}</span></p>
                <p class="cycle-details-text">Total Percentage unpaid: <span>{{$farm->percentageUnpaid()}} </span></p>
                <p class="cycle-details-text">Last Payment Date: <span>{{$farm->lastTrackerPayment()}} </span></p>
                <div class="btn-cd-wrap">
                    <a href="{{route('master.tracker')}}" class="btn-cd btn">Back</a>
                </div>
            </div>
        </div>
    </div>
@endsection