@extends('layouts.default')
@php
    /** @var \App\Models\ResourceDistribution $resource_distribution */
    /** @var \App\Http\Charts\DistributionRacesChart $races_chart */
    /** @var \App\Http\Charts\DistributionDiaperSizesChart $diaper_sizes_chart */
    /** @var \App\Http\Charts\DistributionChildrenAgesChart $children_ages_chart */
    /** @var \App\Http\Charts\DistributionCountriesChart $countries_chart */
@endphp
{{-- Page Title --}}
@section('title')
    Dashboard
    @parent
@stop

{{-- Content --}}
@section('content')
    <div class="container">
        <section class="mb-4">
            <h1>Dashboard</h1>
            <hr/>
            <div class="card mb-3">
                <div class="card-body">
                    <h2 class="card-title">
                        Next Distribution
                        @can('edit distributions')
                            <button class="btn btn-primary float-right" data-toggle="modal"
                                    data-target="#changeDateModal">
                                Change
                                <span class="d-none d-md-inline">date</span>
                            </button>
                        @endcan
                    </h2>
                    <h3>
                        @if(empty($resource_distribution))
                            <strong class="text-danger">Not determined</strong>
                        @elseif ($resource_distribution->date == date('Y-m-d'))
                            <strong>Today</strong>
                            <time>({{ date('F d, Y', strtotime($resource_distribution->date)) }})</time>
                        @elseif ($resource_distribution->date == date('Y-m-d', strtotime('tomorrow')))
                            <strong>Tomorrow</strong>
                            <time>({{ date('F d, Y', strtotime($resource_distribution->date)) }})</time>
                        @else
                            <time>{{ date('F d, Y', strtotime($resource_distribution->date)) }}</time>
                        @endif
                    </h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 mb-3">
                    <div class="card counter bg-light">
                        <i class="fa fa-user-friends mr-3" aria-hidden="true"></i>
                        <div>
                            <h4>
                                Active families
                                <strong>{{ $active_family_count }}</strong>
                            </h4>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 mb-3">
                    <div class="card counter bg-light">
                        <i class="fa fa-band-aid mr-3" aria-hidden="true"></i>
                        <div>
                            <h4>
                                Diaper given this year
                                <strong>{{ $diaper_given_count }}</strong>
                            </h4>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="mb-5">
            <h2>Recent distribution</h2>
            <hr/>
            @if(empty($last_distribution))
                No distribution yet
            @else
                @include('distribution.monthly_view', [
                    'resource_distribution' => $last_distribution,
                    'races_chart' => $races_chart,
                    'diaper_sizes_chart' => $diaper_sizes_chart,
                    'children_ages_chart' => $children_ages_chart,
                    'countries_chart' => $countries_chart
                ])
            @endif
        </section>
    @can('edit distributions')
        <!-- Modal -->
            <div class="modal fade" id="changeDateModal" tabindex="-1" role="dialog"
                 aria-labelledby="changeDateModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <form method="POST" action="{{ route('dashboard.change-date') }}" class="modal-content">
                        @csrf
                        <div class="modal-header bg-primary text-white">
                            <h5 class="modal-title" id="changeDateModalLabel">Change distribution date</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            @if (!empty($resource_distribution))
                                <input type="hidden" name="id" value="{{$resource_distribution->id}}"/>
                            @endif
                            @include('components.form.input_row', [
                                'type' => 'date',
                                'label' => 'Next distribution date',
                                'name' => 'resource_distribution_date',
                                'label_class' => 'col-md-4',
                                'input_class' => 'col-md-8',
                                'value' => $resource_distribution == null ? '' : $resource_distribution->date,
                                'validation' => 'min="'.\Carbon\Carbon::today()->toDateString().'"'
                            ])
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-dark" data-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary">Save changes</button>
                        </div>
                    </form>
                </div>
            </div>
        @endcan
    </div>
@endsection

@section('scripts')
    @if(!empty($last_distribution))
        {!! $races_chart->script() !!}
        {!! $diaper_sizes_chart->script() !!}
        {!! $children_ages_chart->script() !!}
        {!! $countries_chart->script() !!}
    @endif
@endsection