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

        <div class="px-sm-4">
            <div class="main-headfixedtop">
                <div class="row mt-2 mt-sm-3">
                    <div class="col-md-7 col-10">
                        <div class="top-head">
                            <h1>Milk Collection Center (MCC)</h1>
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="/home">Settings</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">MCC</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                    <div class="col-md-5 col-2 text-right">
                        <div class="d-flex justify-content-end">

                            <div class="top-search-bar d-sm-block d-none mr-3">
                            
                                <form>
                                    <input type="text" name="search" placeholder="Search by ..." id="search"
                                        class="form-control" value="{{ $search }}">
                                </form>
                            </div>

                            <a href="{{ url('/milk-centers/create') }}"><button type="button" class="plus-btn"><img src="{{ asset('assets/img/plus-white.svg') }}"
                                alt=""></button></a>
                        </div>
                    </div>
                </div>
            </div>


            <div class="row mt-2 mt-sm-4">
                <div class="col-md-12">
                    <div class="card table-card p-2">
                        <div class="table-responsive">
                            <table class="table dairy-table mb-0">
                                <thead>
                                    <tr>
                                        <th colspan="3" style="text-align: center;">MCC NAME</th>
                                        <th>TYPE</th>
                                        <th>CONTACT PERSON</th>
                                        <th colspan="3">AVG. MILK SUPPLIED (LTR.)</th>
                                        <th>ADDRESS</th>
                                        <th>FARMERS MAPPED</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($milkCollectionCenters as $item)
                                        <tr>
                                            <td>
                                                @if($item->status == 'active')
                                                <p class="active-notgreen"></p>
                                                @else
                                                <p class="active-notgreen active-dotgray"></p>
                                                @endif
                                            </td>
                                            <td>
                                                <h6 class="table-username">
                                                    <img src="{{ isset($item->user->profile_pic) ?$item->user->profile_pic : '' }}"
                                                    onerror="this.src='/assets/img/user-default.jpg'"
                                                    alt="{{ isset($item->user->profile_pic) ? $item->user->profile_pic : '' }}" width="40px" height="40px">
                                                </h6>
                                            </td>

                                            <td>{{ $item->name }} </td>
                                            <td>{{ $item->type }}</td>
                                            <td>{{ $item->contact_person }}</td>
                                            @php
                                                $milkSupplyArr  = App\Helpers\CommonHelper::getMilkSupplyForMCC($item->id);
                                                $farmersManaged = App\Models\FarmerMaster::where('mcc_id', $item->id)
                                                                                ->distinct('id')
                                                                                ->count();
                                            @endphp
                                            <td class="contact-table">
                                                <span>Daily</span> <br>
                                                {{$milkSupplyArr['avgPerDayMilkSupply'] ?? 0}}
                                            </td>
                                            <td class="contact-table">
                                                <span>Weekly</span> <br>
                                                {{$milkSupplyArr['avgPerWeekMilkSupply'] ?? 0}}
                                            </td>
                                            <td class="contact-table">
                                                <span>Monthly</span> <br>
                                                {{$milkSupplyArr['avgPerMonthMilkSupply'] ?? 0}}
                                            </td>

                                            <td>{{ @$item->user->address->full_address }}</td>
                                            <td>{{$farmersManaged}}</td>
                                            <td width="90px">
                                                <a href="milk-centers/view/{{ base64_encode($item->id) }}"><span class="badge eye-box mr-1"><img src="{{ asset('assets/img/eye.svg') }}"
                                                    alt=""></span></a>
                                                <a href="milk-centers/edit/{{ base64_encode($item->id) }}"><span class="badge edit-box"><img src="{{ asset('assets/img/edit.svg') }}"
                                                        alt=""></span></a>
                                            </td>
                                        </tr>
                                    @endforeach

                                </tbody>
                            </table>
                            @if (count($milkCollectionCenters) == 0)
                                <div>
                                    <center>No record(s) found!</center>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            {{ $milkCollectionCenters->appends(request()->input())->links('partials.pagination') }}
        </div>
    </div>
</section>
@endsection
@section('scripts')
<script>

        $(document).ready(function () {
			$('#searchnew').on("click", (function (e) {
				$(".form-group").addClass("sb-search-open");
				e.stopPropagation()
			}));
			$(document).on("click", function (e) {
				if ($(e.target).is("#search") === false && $(".form-control").val().length == 0) {
					$(".form-group").removeClass("sb-search-open");
				}
			});
			$(".form-control-submit").click(function (e) {
				$(".form-control").each(function () {
					if ($(".form-control").val().length == 0) {
						e.preventDefault();
						$(this).css('border', '2px solid');
					}
				})
			})
		})

        $("#search").change(function() {
            this.form.submit();
        });
</script>
@endsection