@extends('layouts.app')
@section('content')
    <section class="content">
        <div class="container-fluid">

            <div class="px-sm-4">

                <div class="row mt-2 mt-sm-3">
                    <div class="col-md-7 col-10">
                        <div class="top-head">
                            <h1>Farmers</h1>
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="/home">Home</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">Farmers</li>
                                </ol>
                            </nav>
                        </div>
                    </div>

                    <div class="col-md-5 col-2 text-right">
                        <div class="d-flex justify-content-end">
                        <a href="{{url('milk-supply')}}"><button class="btn btn-primary mr-2">Milk Supply</button></a>
                            <div class="top-search-bar d-sm-block d-none mr-3">
                                {{-- <form class="search-form" role="search">
                                        <div class="form-group pull-right" id="searchnew">
                                            <input type="text" class="form-control" placeholder="Search by...">
                                            <button type="submit" class="form-control form-control-submit">Submit</button>
                                            <span class="search-label"><img src="{{ asset('assets/img/search.svg') }}"
                                                    alt="/"></span>
                                        </div>
                                    </form> --}}
                                <form>
                                    <input type="text" name="search" placeholder="Search by ..." id="search"
                                        class="form-control" value="{{ $search }}">
                                </form>
                            </div>
                            <form method="get" id="form-sortby">
                                <input type="hidden" name="rag_rating" value="{{isset($_GET['rag_rating']) ? $_GET['rag_rating'] : 'all'}}" id="ragRatingType">
                                <input type="hidden" name="sortby" value="" id="sortby">
                                <div class="dropdown price-drop">
                                    <button class="btn new-dropbox dropdown-toggle" type="button" id="dropdownMenuButton"
                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <span>Sort by</span> Default
                                    </button>
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                        <a class="dropdown-item farmer-shortby" data-shortby="newest"
                                            href="javascript:void(0)">Newest to Oldest</a>
                                        <a class="dropdown-item farmer-shortby" data-shortby="oldest"
                                            href="javascript:void(0)">Oldest to Newest</a>
                                    </div>
                                </div>
                            {{-- </form> --}}
                        </div>
                    </div>
                </div>
                {{-- <form method="get"> --}}
                    <div class="box-select bg-white mb-2">
                        <div class="row">
                            <div class="col-md-2 border-sm-right">
                                <div class="select-innerpadding">
                                    <label class="select-label mb-0">Farmer Type</label>
                                    <select class="form-control select-content" name="lead_type"
                                        onchange="this.form.submit()">
                                        <option value="">All</option>
                                        <option value="new" @if (request()->input('lead_type') == 'new') selected @endif>New
                                        </option>
                                        <option value="assigned" @if (request()->input('lead_type') == 'assigned') selected @endif>Assigned
                                        </option>
                                        
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-2 border-sm-right">
                                <div class="select-innerpadding">
                                    <label class="select-label mb-0">MCC</label>
                                    <select class="form-control select-content" name="mcc_id" onchange="this.form.submit()" >
                                        <option value="">Select</option>
                                        @foreach ($milkCollectionCenters as $milkCollectionCenter)
                                            <option value="{{ $milkCollectionCenter->id }}"
                                                @if ($milkCollectionCenter->id == $mcc_selected || old('mcc_id') == $milkCollectionCenter->id) selected @endif>
                                                {{ $milkCollectionCenter->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-2 border-sm-right">
                                <div class="select-innerpadding">
                                    <label class="select-label mb-0">DDE</label>
                                    <select class="form-control select-content" name="dde_id" id="dde_id"
                                    onchange="this.form.submit()"  >
                                        <option value="">Select</option>
                                        @foreach ($dairyExecutives as $dairyExecutive)
                                            <option value="{{ $dairyExecutive->id }}"
                                                @if ($dairyExecutive->id == $dde_selected || old('dde_id') == $dairyExecutive->id) selected @endif>
                                                {{ $dairyExecutive->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3 border-sm-right">
                                <div class="select-innerpadding">
                                    <label class="select-label mb-0">Milk Supply</label>
                                    <div class="notificationbar farmers-dropdown  ">
                                        <div data-toggle="dropdown" class="dropdown d-inline-block cursor-pointer">
                                            Select
                                            <div
                                                class="dropdown-menu dropdown-menu-md tableaction notificationtab2   notificationtab useraction-dropdown dropdown-menu-right">
                                                <div class="px-4 py-2">
                                                    <div class="farmeers-dropcontent">
                                                        <div class="row">
                                                            <div class="col-md-6 col-6">
                                                                <!-- <h2>Milk Supply</h2> -->
                                                            </div>
                                                            <div class="col-md-6 col-6 text-right">
                                                                <p>In Litre</p>
                                                            </div>
                                                        </div>
                                                        <div class="row mt-2">
                                                            <div class="col-md-6 col-6">
                                                                <div class="form-group">
                                                                    <label class="drop-label">From</label>
                                                                    <input type="text" name="milk_supply_from"
                                                                        class="form-control drop-input" value="{{ !empty($milk_supply_from_selected)? $milk_supply_from_selected : '' }}" id="milk_supply_from">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 col-6">
                                                                <div class="form-group">
                                                                    <label class="drop-label">Upto</label>
                                                                    <input type="text" name="milk_supply_to" value="{{ !empty($milk_supply_to_selected)? $milk_supply_to_selected : '' }}"
                                                                        class="form-control drop-input" id="milk_supply_to">

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

                                                        <button type="button"
                                                            class="btn save-btn btn-block mt-5 mb-2" id="milkSupplySubmit">Apply</button>
                                                    </div>

                                                </div>

                                            </div>

                                        </div>

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="select-innerpadding">
                                    <label class="select-label mb-0">Other filters</label>
                                    <div class="notificationbar farmers-dropdown">
                                        <div data-toggle="dropdown" class="dropdown d-inline-block cursor-pointer">
                                            Select
                                            <div
                                                class="dropdown-menu dropdown-menu-md tableaction notificationtab useraction-dropdown dropdown-menu-right">
                                                <div class="px-3 py-2">
                                                    <div class="farmeers-dropcontent">
                                                        <div class="row mt-3">
                                                            <div class="col-md-6 col-6">
                                                                <h2>Yield per cow</h2>
                                                            </div>
                                                            <div class="col-md-6 col-6 text-right">
                                                                <p>In Litre</p>
                                                            </div>
                                                        </div>

                                                        <div class="row mt-2">
                                                            <div class="col-md-6 col-6">
                                                                <div class="form-group">
                                                                    <label class="drop-label">From</label>
                                                                    <input type="text" name="yield_from"
                                                                        class="form-control drop-input" value="{{ !empty($yiled_from_selected)? $yiled_from_selected : '' }}" id="yield_from">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 col-6">
                                                                <div class="form-group">
                                                                    <label class="drop-label">Upto</label>
                                                                    <input type="text" name="yield_to" value="{{ !empty($yiled_to_selected)? $yiled_to_selected : '' }}"
                                                                        class="form-control drop-input" id="yield_to">

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


                                                        <div class="row mt-2 mt-sm-3">
                                                            <div class="col-md-6 col-6">
                                                                <h2>Farm size</h2>
                                                            </div>
                                                            <div class="col-md-6 col-6 text-right">
                                                                <p>In Acres</p>
                                                            </div>
                                                        </div>

                                                        <div class="row mt-2">
                                                            <div class="col-md-6 col-6">
                                                                <div class="form-group">
                                                                    <label class="drop-label">From</label>
                                                                    <input type="text" name="farm_from" value="{{ !empty($farm_from_selected)? $farm_from_selected : '' }}"
                                                                        class="form-control drop-input" id="farm_from">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 col-6">
                                                                <div class="form-group">
                                                                    <label class="drop-label">Upto</label>
                                                                    <input type="text" name="farm_to" value="{{ !empty($farm_to_selected)? $farm_to_selected : '' }}"
                                                                        class="form-control drop-input" id="farm_to">
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="row mt-2 mt-sm-3">
                                                            <div class="col-md-6">
                                                                <h2>Milking cows</h2>
                                                            </div>
                                                        </div>

                                                        <div class="row mt-2">
                                                            <div class="col-md-6 col-6">
                                                                <div class="form-group">
                                                                    <label class="drop-label">From</label>
                                                                    <input type="text" name="cow_from" value="{{ !empty($cow_from_selected)? $cow_from_selected : '' }}"
                                                                        class="form-control drop-input" id="cow_from">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 col-6">
                                                                <div class="form-group">
                                                                    <label class="drop-label">Upto</label>
                                                                    <input type="text" name="cow_to" value="{{ !empty($cow_to_selected)? $cow_to_selected : '' }}"
                                                                        class="form-control drop-input" id="cow_to">
                                                                </div>
                                                            </div>

                                                        </div>

                                                        <!-- <div class="row mt-2 mt-sm-3">
                                                            <div class="col-md-6">
                                                                <h2>Cow breeds</h2>
                                                            </div>
                                                        </div> -->

                                                        {{--<div class="row">
                                                            <div class="col-md-12">
                                                                <div class="slots-days">
                                                                    @foreach ($farmerCows as $cow)
                                                                        <input class="filled-in" type="checkbox"
                                                                            name="cow_breed_id[]" value="{{ $cow->id }}" {{ in_array($cow->id,isset($cow_breed_key) && count($cow_breed_key) > 0 ? $cow_breed_key : [] ) ? 'checked' : ''}}
                                                                            id="Check_{{ $cow->id }}">
                                                                        <label class="slots-label"
                                                                            for="Check_{{ $cow->id }}">{{ $cow->name }}</label>
                                                                    @endforeach

                                                                  
                                                                </div>
                                                            </div>
                                                        </div>--}}


                                                        <button
                                                                class="btn save-btn  btn-block mt-4 mb-2" id="submitBtn">Apply</button>
                                                    </div>
                                                </div>

                                            </div>

                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @if($filterCount > 0)
                <div class="row float-right">
                    <div class="col-md-12 text-right d-flex float-right">
                        <div class="clear">
                            <a class="clear-filter" href="/farmers">Clear Filters</a>
                        </div>
                    </div>
                </div>
                @endif
                <div class="row mt-2 mt-sm-0">
                    <div class="col-md-12">
                        @if($ragRatingFilter == 'critical')
                        <span data-type="critical" class="badge average-badge-selected mr-1 cursor-pointer">
                        @else
                        <span data-type="critical" class="badge average-badge mr-1 cursor-pointer">
                        @endif  
                            Critical 
                            <span>{{@$criticalCount}}</span> 
                        </span>
                        @if($ragRatingFilter == 'average')
                        <span data-type="average" class="badge average-badge-selected orange mr-1 cursor-pointer">
                        @else
                        <span data-type="average" class="badge average-badge orange mr-1 cursor-pointer">
                        @endif  
                            Average <span>{{@$averageCount}}</span> 
                        </span>
                        
                        @if($ragRatingFilter == 'satisfactory')
                        <span data-type="satisfactory" class="badge average-badge-selected green mr-1 cursor-pointer">
                        @else
                        <span data-type="satisfactory" class="badge average-badge green mr-1 cursor-pointer">
                        @endif  
                         Satisfactory <span>{{@$satisfactoryCount}}</span> </span>
                    </div>
                </div>

                </form>
                <div class="row mt-4 ">
                    @foreach ($farmers as $item)
                        <div class="col-md-6">
                            <a href="/farmers/farmer-assigned-details/{{ base64_encode($item->id) }}">
                                @if($item->rag_rating == 'average')
                                <div class="card farmer-bottomborder-average">
                                @elseif($item->rag_rating == 'satisfactory')
                                <div class="card farmer-bottomborder-satisfactory">
                                @else
                                <div class="card farmer-bottomborder">
                                @endif
                                    <div class="card-body">
                                        @php
                                            $farmingExperience = new DateTime($item->date_of_birth);
                                            $currentDate = new DateTime();
                                            $experience = $currentDate->diff($farmingExperience)->y;
                                        @endphp
                                        <div class="matts-francesca">
                                            <div class="row">
                                                <div class="col-md-2 col-4 mb-2 mb-sm-0">
                                                    <div class="matts-francescauserimg">
                                                        {{-- <img src="{{ asset('assets/img/framers-user.png') }}"
                                                            alt=""> --}}
                                                        <img src="{{ $item->photo}}" onerror="this.src='/assets/img/user-default.jpg'">
                                                    </div>
                                                </div>
                                                @php
                                                    $rating = App\Helpers\CommonHelper::getUserRating('farmer',@$item->id);
                                                @endphp
                                                <div class="col-md-8">
                                                    <h5>{{ @$item->name }}
                                                    </h5>
                                                    <h6>+256
                                                        {{ @$item->phone }}
                                                        @if (!empty($experience) && $experience != 0)
                                                            <i class="fa fa-circle" aria-hidden="true"></i>
                                                            {{ $experience . ' years old' }}
                                                        @endif
                                                    </h6>
                                                    <h6>{{ @$item->address->full_address }}</h6>
                                                </div>
                                                <div class="col-md-2 text-right"> 
                                                        @if($rating->count > 0)
                                                        <img src="{{asset('assets/img/star.svg')}}" class="mr-1" alt="">{{round($rating->average,1)}}
												        <span>({{$rating->count}})</span>
                                                        @endif   
                                                </div>
                                            </div>

                                            <div class="d-flex justify-content-between mt-3">
                                                <div>
                                                    {{-- @if (!empty($item->farm_size) && $item->farm_size != 0) --}}
                                                        {{-- {{ $experience . ' years old' }} --}}
                                                        <p>Farm Size: <span> {{ @$item->farm_size  ? @$item->farm_size . ' acre' : '' }}</span></p>
                                                    {{-- @endif --}}
                                                </div>
                                                <div>
                                                    <p>Milking Cows: <span>
                                                            {{ @$item->cowDetail->milking_cows}}
                                                        </span></p>
                                                </div>
                                                <div>
						    <p>Yield /Cow: <span>
							@php
                                                        $currentYield = App\Helpers\CommonHelper::farmerCurrentYield(@$item->id);
                                                        @endphp
                                                            {{ @$currentYield . ' Ltr.' }} </span>
                                                    </p>
                                                </div>
                                            </div>

                                            <!-- <div class="dam-constructionbox mt-3">
                                                <h4>Dam Construction <span class="badge suggested-btn">Suggested</span>
                                                </h4>

                                                <div class="d-sm-flex  d-block justify-content-between mt-3">
                                                    <div class="mb-2 mb-sm-0">
                                                        <h2>UGX 3.2M</h2>
                                                        <h3>Investment</h3>
                                                    </div>

                                                    <div class="mb-2 mb-sm-0">
                                                        <h2>UGX 4.5M</h2>
                                                        <h3>Revenue</h3>
                                                    </div>
                                                    <div class="mb-2 mb-sm-0">
                                                        <h2>120%</h2>
                                                        <h3>ROI</h3>
                                                    </div>
                                                    <div class="mb-2 mb-sm-0">
                                                        <h2>1.5</h2>
                                                        <h3>Credit Ratio</h3>
                                                    </div>

                                                </div>
                                            </div> -->

                                            <div class="row mt-3 mb-sm-0 mb-2">
                                                <div class="col-md-12 text-center">
                                                    <h1>
                                                        @if(!$item->mcc_id)
                                                        <a
                                                            href="/farmers/farmer-assigned-edit/{{ base64_encode($item->id) }}?tabaccordian=mcc">
                                                            Assign MCC and DDE
                                                        </a>
                                                        @else
                                                        <h6>MCC: <strong>{{ @$item->mcc->name }}</strong> <i class="fa fa-circle" aria-hidden="true"></i> DDE: <strong>{{ @$item->dde->name }}</strong></h6>

                                                        @endif
                                                    </h1>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endforeach
                </div>
                @if (count($farmers) == 0)
                    <div>
                        <center>No record(s) found!</center>
                    </div>
                @endif

                {{ $farmers->appends(request()->input())->links('partials.pagination') }}

            </div>
        </div>
    </section>
@endsection
@section('scripts')

    <script>
        let ragRatingType = 'All';
        $('.dropdown-menu').on('click', function(event){
            event.stopPropagation();
        });

        $(document).ready(function() {
            $(".item").click(function(e) {
                //$(".item").each( function() {
                $(".subscribe").attr('checked', false);
                var checkbox = $(this).find(":checkbox"),
                    checked = checkbox.is(":checked");
                //alert(checkbox);
                //checkbox.prop("checked", false);

                if (checked) {

                    $(this).attr('checked', 'checked');
                    $(this).css("color", "#d1d1d1");
                } else {
                    $(this).css("color", "#03d100");
                }
                checkbox.prop("checked", !checked);
            });
            $('.item :checkbox').click(function() {
                $(this).parent('li').click();
                //})
            })
        });

        $('#ex1').slider({
            formatter: function(value) {
                return value + ' Km';
            }
        });

        $('#ex2').slider({
            formatter: function(value) {
                return value + ' Ltr.';
            }
        });

        $('#ex3').slider({
            formatter: function(value) {
                return value;
            }
        });

        $('.farmer-shortby').on('click', function() {
            var sortby = $(this).attr('data-shortby');
            $('#sortby').val(sortby);
            $('#form-sortby').submit();
        });

        $('#submitBtn').on('click',function(){
            let yieldFrom = $('#yield_from').val();
            let yieldTo = $('#yield_to').val();
            let farmFrom = $('#farm_from').val();
            let farmTo = $('#farm_to').val();
            let cowFrom = $('#cow_from').val();
            let cowTo = $('#cow_to').val();
            this.form.submit();

        });

        $('#milkSupplySubmit').on('click',function(){
            let supplyFrom = $('#milk_supply_from').val();
            let supplyTo = $('#milk_supply_to').val();
            this.form.submit();

        });

        $(document).on('click','.average-badge',(e) => {
            let leadType = $("input[name='lead_type']").val() ? $("input[name='lead_type']").val() : '';
            let leadTypeParam = '' 
            if(leadType == '' && leadTypeParam != ''){
                leadType = leadTypeParam;
            }

            let mcc_id   = $("input[name='mcc_id']").val() ? $("input[name='mcc_id']").val() : '';
            let mccIdParam = '' 
            if(mcc_id == '' && mccIdParam != ''){
                mcc_id = mccIdParam;
            }

            let dde_id = $("input[name='dde_id']").val() ? $("input[name='dde_id']").val() : '';
            let ddeIdParam = '' 
            if(dde_id == '' && ddeIdParam != ''){
                dde_id = ddeIdParam;
            }

            let supplyFrom = $('#milk_supply_from').val() ? $('#milk_supply_from').val() : '';
            let supplyParam = '' 
            if(supplyFrom == '' && supplyFrom != ''){
                supplyFrom = supplyParam;
            }

            let supplyTo = $('#milk_supply_to').val() ? $('#milk_supply_to').val() : '';
            let supplyToParam = '' 
            if(supplyTo == '' && supplyTo != ''){
                supplyTo = supplyToParam;
            }

            let yieldFrom = $('#yield_from').val() ? $('#yield_from').val() : '';
            let yieldParam = '' 
            if(yieldFrom == '' && yieldParam != ''){
                yieldFrom = yieldParam;
            }

            let yieldTo = $('#yield_to').val() ? $('#yield_to').val() : '';
            let yieldToParam = '' 
            if(yieldTo == '' && yieldToParam != ''){
                yieldTo = yieldToParam;
            }

            let farmFrom = $('#farm_from').val() ? $('#farm_from').val() : '';
            let farmFromParam = '' 
            if(farmFrom == '' && farmFromParam != ''){
                farmFrom = farmFromParam;
            }

            let farmTo = $('#farm_to').val() ? $('#farm_to').val() : '';
            let farmToParam = '' 
            if(farmTo == '' && farmToParam != ''){
                farmTo = farmToParam;
            }

            let cowFrom = $('#cow_from').val() ? $('#cow_from').val() : '';
            let cowFromParam = '' 
            if(cowFrom == '' && cowFromParam != ''){
                cowFrom = cowFromParam;
            }

            let cowTo = $('#cow_to').val() ? $('#cow_to').val() : '';
            let cowToParam = '' 
            if(cowTo == '' && cowToParam != ''){
                cowTo = cowToParam;
            }

            let queryString = `sortby=&lead_type=${leadType}&mcc_id=${mcc_id}&dde_id=${dde_id}&milk_milk_supply_from=${supplyFrom}&milk_supply_to=${supplyTo}&yield_from=${yieldFrom}&yield_to=${yieldTo}&farm_from=${farmFrom}&farm_to=${farmTo}&cow_from=${cowFrom}&cow_to=${cowTo}`
            
            let type = e.target.getAttribute('data-type');
            $('#ragRatingType').val(type);
            window.location.href = '{{ url('/farmers') }}?'+queryString+'&rag_rating='+type;
        });
    </script>
@endsection