@extends('layouts.FarmerOrganization.app')
@section('styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('storage/plugins/morris/morris.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('storage/css/style.css') }}">
@endsection
@section('page-wrapper')
    <div class="content container-fluid">
        <div class="row">
            <div class="col-md-6 col-sm-6 col-lg-3">
                @if ($farmers > 0)
                <a href="{{ route('farmer-organization.finances.income') }}" target="_blank">
                <div class="dash-widget clearfix card-box" style="color: #333;">
                    <span class="dash-widget-icon"><i class="fa fa-money" aria-hidden="true"></i></span>
                    <div class="dash-widget-info">
                        <h3>≈ {{ $farmerOrganizationIncome }}</h3>
                        <span>Income</span>
                    </div>
                </div>
                </a>
                @else
                    <div class="dash-widget clearfix card-box inactiveWidget">
                        <span class="dash-widget-icon"><i class="fa fa-money" aria-hidden="true"></i></span>
                        <div class="dash-widget-info">
                            <h3>No</h3>
                            <span>Entry</span>
                        </div>
                    </div>
                @endif
            </div>
            <div class="col-md-6 col-sm-6 col-lg-3">
                @if ($farmers > 0)
                <a href="{{ route('farmer-organization.farmers.all') }}" target="_blank">
                <div class="dash-widget clearfix card-box" style="color: #333;">
                    <span class="dash-widget-icon"><i class="fa fa-user" aria-hidden="true"></i></span>
                    <div class="dash-widget-info">
                        <h3>{{ $farmers }}</h3>
                        <span>{{ Str::plural('Farmer', $farmers) }}</span>
                    </div>
                </div>
                </a>
                @else
                    <div class="dash-widget clearfix card-box inactiveWidget">
                        <span class="dash-widget-icon"><i class="fa fa-user" aria-hidden="true"></i></span>
                        <div class="dash-widget-info">
                            <h3>No</h3>
                            <span>Entry</span>
                        </div>
                    </div>
                @endif
            </div>
            <div class="col-md-6 col-sm-6 col-lg-3">
    @if ($farmerOrganizationAdmin > 0)
    <a href="{{ route('farmer-organization.admins.all') }}" target="_blank">
    <div class="dash-widget clearfix card-box" style="color: #333;">
        {{--<span class="dash-widget-icon"><i class="fa fa-user-circle"></i></span>--}}
        <span class="dash-widget-icon"><i class="fa fa-users"></i></span>
        <div class="dash-widget-info">
            <h3>{{ $farmerOrganizationAdmin }}</h3>
            <span>{{ Str::plural('Agribusiness Admin', $farmerOrganizationAdmin) }}</span>
        </div>
    </div>
    </a>
                @else
                    <div class="dash-widget clearfix card-box inactiveWidget">
                        <span class="dash-widget-icon"><i class="fa fa-users" aria-hidden="true"></i></span>
                        <div class="dash-widget-info">
                            <h3>No</h3>
                            <span>Entry</span>
                        </div>
                    </div>
                @endif
</div>
<div class="col-md-6 col-sm-6 col-lg-3">
    @if ($dataCollectors > 0)
    <a href="{{ route('farmer-organization.champions.all') }}" target="_blank">
    <div class="dash-widget clearfix card-box" style="color: #333;">
        <span class="dash-widget-icon"><i class="fa fa-user-plus" aria-hidden="true"></i></span>
        <div class="dash-widget-info">
            <h3>{{ $dataCollectors }}</h3>
            <span>{{ Str::plural('Champion', $dataCollectors) }}</span>
        </div>
    </div>
    </a>
    @else
        <div class="dash-widget clearfix card-box inactiveWidget">
            <span class="dash-widget-icon"><i class="fa fa-user-plus" aria-hidden="true"></i></span>
            <div class="dash-widget-info">
                <h3>No</h3>
                <span>Entry</span>
            </div>
        </div>
    @endif
</div>
</div>
<div class="row">
<div class="col-md-12">
    <div class="row">
        <div class="col-md-6 text-center">
            <div class="card-box">
                <h3 class="card-title">Monthly Agribusiness Overview</h3>
                <div id="bar-charts-normal"></div>
            </div>
        </div>
        <div class="col-md-6 text-center">
            <div class="card-box">
                <h3 class="card-title">Monthly Farmers Overview</h3>
                <div id="bar-charts-stacked"></div>
            </div>
        </div>
        <div class="col-md-4 text-center">
            <div class="card-box">
                <h3 class="card-title">Annual Agribusiness Overview</h3>
                <div id="line-charts"></div>
            </div>
        </div>
        <div class="col-md-4 text-center">
            <div class="card-box">
                <h3 class="card-title">Other Stats</h3>
                <div id="pie-charts"></div>
            </div>
        </div>
        <div class="col-md-4 text-center">
            <div class="card-box">
                <h3 class="card-title">Annual Farmers Overview</h3>
                <div id="area-charts"></div>
            </div>
        </div>
    </div>
</div>
</div>
</div>
@endsection
@section('scripts')
<script type="text/javascript" src="{{ asset('storage/plugins/morris/morris.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('storage/plugins/raphael/raphael-min.js') }}"></script>
{{--<script type="text/javascript" src="{{ asset('storage/js/chart.js') }}"></script>--}}
<script type="text/javascript" src="{{ asset('storage/js/app.js') }}"></script>
<script type="text/javascript">
// Bar Chart

Morris.Bar({
    element: 'bar-charts-normal',
    data: [
        @foreach($farmerOrganizationMonthlyOverview as $farmerOrganizationMonthlyOverviewData)
        {!! json_encode($farmerOrganizationMonthlyOverviewData->toArray(), JSON_HEX_TAG) !!},
        @endforeach
    ],
    xkey: 'y',
    ykeys: ['a', 'b', 'c', 'd', 'e'],
    labels: [ 'Total Assets (Kshs)', 'Total Income (Kshs)', 'Total Expenses (Kshs)', 'Total Champion(s)', 'Total Admin(s)'],
    lineColors: ['#ecab1a', '#29942a','#000',  '#cc4e02', '#146BCC'],
    lineWidth: '3px',
    barColors: ['#ecab1a','#29942a', '#000',  '#cc4e02', '#146BCC'],
    resize: true,
    redraw: true
});

Morris.Bar({
    element: 'bar-charts-stacked',
    data: [
        @foreach($farmerMonthlyOverview as $farmerMonthlyOverviewData)
        {!! json_encode($farmerMonthlyOverviewData->toArray(), JSON_HEX_TAG) !!},
        @endforeach
    ],
    xkey: 'y',
    ykeys: ['a', 'b', 'c', 'd'],
    labels: [ 'Total Assets (Kshs)', 'Total Income (Kshs)', 'Total Expenses (Kshs)', 'Total Farmer(s)'],
    lineColors: ['#ecab1a', '#29942a', '#000',  '#cc4e02'],
    lineWidth: '3px',
    barColors: ['#ecab1a', '#29942a', '#000', '#cc4e02'],
    resize: true,
    stacked: true,
    redraw: true
});

// Line Chart

Morris.Line({
    element: 'line-charts',
    data: [
        @foreach($farmerOrganizationAnnualOverview as $farmerOrganizationAnnualOverviewData)
        {!! json_encode($farmerOrganizationAnnualOverviewData, JSON_HEX_TAG) !!},
        @endforeach
    ],
    xkey: 'g',
    ykeys: ['a', 'b', 'c', 'd', 'e'],
    labels: ['Total Assets', 'Total Income', 'Total Expenses', 'Total Champion(s)', 'Total Admin(s)'],
    lineColors: ['#ecab1a',  '#29942a', '#000', '#cc4e02', '#146BCC'],
    lineWidth: '3px',
    resize: true,
    redraw: true
});

// 	// Area Chart

Morris.Area({
    element: 'area-charts',
    data: [
        @foreach($farmerAnnualOverview as $farmerAnnualOverviewData)
        {!! json_encode($farmerAnnualOverviewData, JSON_HEX_TAG) !!},
        @endforeach
    ],
    xkey: 'g',
    ykeys: ['a', 'b', 'c', 'd'],
    labels: [ 'Total Assets (Kshs)', 'Total Income (Kshs)', 'Total Expenses (Kshs)', 'Total Farmer(s)'],
    lineColors: ['#ecab1a','#29942a', '#000', '#cc4e02'],
    lineWidth: '3px',
    resize: true,
    redraw: true
});

// Donut Chart

Morris.Donut({
    element: 'pie-charts',
    colors: [
        '#ecab1a',
        '#29942a',
        '#000',
        '#cc4e02'
    ],
    data: [
        {label: "Total Acreage", value: {!! json_encode($farmerLandAnnualOverview->first()->total, JSON_HEX_TAG) !!}},
        {label: "Farmed Acreage", value: {!! json_encode($farmerLandAnnualOverview->first()->farmed, JSON_HEX_TAG) !!}},
        {label: "Dependants", value: {!! json_encode($farmerDependants->first()->dependants, JSON_HEX_TAG) !!}},
        {label: "Avg Farmer Age", value: {!! json_encode($farmerDependants->first()->age, JSON_HEX_TAG) !!}}
    ],
    resize: true,
    redraw: true
});

</script>
@endsection