@extends('layouts.dashboard')
@section('content')
    <div class="dashboard-farmlist 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="tab-content" id="pills-tabContent">
                            <div class="tab-pane fade show active" id="pills-all" role="tabpanel" aria-labelledby="all-tab">
                                <div class="container-fluid">
                                    <div class="row">
                                        @foreach($farmcycles as $farm)
                                            <div class="col-12 col-md-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">
                                                                    <img src="{{asset('img/farmlist-farmcard-pic1.svg')}}" alt="Custom photo for farm cycle" class="farmcard__body--image">
                                                                </div>
                                                                <div class="farmcard__body--text-wrap">
                                                                    <div class="farmcard-status py-1 px-4">
                                                                        <a href="{{route('master.tracker.details', $farm->slug)}}" class="farmlist__sponsor-btn">Click for Details</a>
                                                                    </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">
                                                                                        {{$farm->name}}</p>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-4">
                                                                                <div class="content">
                                                                                    <p class="farmcard__type ml-auto">Poultry</p>
                                                                                    {{-- <br> --}}
                                                                                </div>
                                                                            </div>
                                                                        </div>

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

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection