@extends('layouts.dashboard')
@section('content')
    <div class="dashboard-agro dashboard-ps pt-5">
        <div class="container-fluid">
            <div class="row no-gutters dashboard-content-wrap mx-2">
                <div class="col-12">
                    <div class="dashboard-maincontent d-flex flex-column p-5">

                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-12 d-flex flex-column">
                                    <ul class="mb-5 nav ps-actions align-self-center align-self-md-end flex-sm-nowrap" id="pills-tab" role="tablist">
                                        <li class="nav-item flex-grow-1 px-2 mb-3">
                                            <a class="nav-link py-3 px-5" href="{{route('agro.download.pitch')}}">Download Pitch</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-12 col-md-7 col-lg-6">
                                    <div class="farmlist-content d-flex flex-column align-items-center">
                                        <div class="farmcard__wrap fc-new">
                                            <div class="farmcard__body">
                                                <div class="farmcard__body--image-wrap privspons">
                                                    <img src="{{asset('img/agro-estate.png')}}" alt="Custom photo for farm cycle" class="farmcard__body--image" style="width:100%;">
                                                </div>
                                                <div class="farmcard__body--text-wrap privspons">
                                                    <div class="farmcard-status @if(! \App\Models\AgroEstate::isOpen()) closed @endif py-1 px-4">
                                                         @if(\App\Models\AgroEstate::isOpen())
                                                            <a href="{{route('agro.show.sponsorship')}}" class="farmlist__sponsor-btn">Open</a>
                                                        @else
                                                            <a href="#" class="farmlist__sponsor-btn">Closed</a>
                                                        @endif
                                                    </div>
                                                    <div class="container-fluid pt-4">
                                                        <div class="row mb-0">
                                                            <div class="col-8">
                                                                <div class="content lhs">
                                                                    <p class="farmcard__title mb-auto" style="text-transform: uppercase;">Agro Estate</p>
                                                                </div>
                                                            </div>
                                                            <div class="col-4">
                                                                <div class="content">
                                                                    <p class="farmcard__type ml-auto">Palm Tree</p>
                                                                    <p class="farmcard__date ml-auto"><br></p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <div class="col-7">
                                                                <div class="content lhs">
                                                                    <p class="farmcard__duration">
                                                                        <span class="farmcard__duration--label" ><img class="clock-icon" src="{{asset('img/clock-icon.svg')}}" alt=""> Duration</span>
                                                                        <span class="farmcard__duration--length">5 years</span>
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <div class="col-5">
                                                                <div class="content">
                                                                    <p class="farmcard__location ml-auto">
                                                                        <span><img class="clock-icon" src="{{asset('img/gps-icon.svg')}}" alt=""></span>
                                                                        Oyo State
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-7">
                                                                <div class="content lhs">
                                                                    <p class="farmcard__price">
                                                                        <span class="farmcard__price--unit" ><img class="clock-icon" src="{{asset('img/tag-icon.png')}}" alt=""> Price per unit</span>
                                                                        <span class="farmcard__price--amt">NGN 100,000.00</span>
                                                                    </p>
                                                                </div>
                                                            </div>
                                                            <div class="col-5">
                                                                <div class="content">
                                                                    <p class="farmcard__returns ml-auto">
                                                                        <span><img class="clock-icon" src="{{asset('img/roi-icon.svg')}}" alt="">250% Returns</span>
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                    <div class="dashboard-transactions d-flex flex-column mx-4 p-5 my-5">
                                        <h2 class="mb-5">My AgroEstate Sponsorships</h2>
                                        <div class="dashboard-transactions-table-wrap table-responsive">
                                            <table class="table table-borderless">
                                                <thead>
                                                  <tr>
                                                    <th scope="col">Date</th>
                                                    <th scope="col">Amount</th>
                                                    <th scope="col" class="text-right pr-2">Action</th>
                                                  </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach(auth()->user()->paidAgroSponsorships  as $sponsorship)
                                                        <tr>
                                                            <td>
                                                                <div class="table-content d-flex flex-column">
                                                                    <span class="date">{{$sponsorship->created_at->format('d.m.Y')}}</span>
                                                                    <span class="time">{{$sponsorship->created_at->format('H:i')}}</span>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="table-content">
                                                                    <span class="text credit">{{$sponsorship->displayamount}}</span>
                                                                </div>
                                                            </td>

                                                            <td>
                                                                <div class="table-content">
                                                                    <div class="content">
                                                                            <a href="{{route('agro.sponsorships.show', $sponsorship->id)}}" class="text ps-view__btn mr-2">View</a>
                                                                        @if(! $sponsorship->hasUploadedDocument())
                                                                            <a href="{{route('agro.sponsorships.download', $sponsorship->id)}}" class="btn btn-success mr-2">Download Agreement</a>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection