@extends('layouts.default')
@php
    /** @var \App\Models\ResourceDistribution[] $resource_distributions */
@endphp

{{-- Page Title --}}
@section('title')
    Resource Distribution Management
    @parent
@stop

{{-- Content --}}
@section('content')
    <div class="container">
        <h1>
            Resource distributions
            @can('edit distributions')
                <button class="btn btn-primary float-right" data-toggle="modal"
                        data-target="#addResourceDistributionModal">
                    Add distribution
                </button>
            @endcan
        </h1>
        <hr/>
        <table class="table table-striped">
            <thead>
            <tr class="bg-primary">
                <th scope="col">#</th>
                <th scope="col">Date</th>
                <th scope="col">Family Served</th>
                <th scope="col" class="action">Action</th>
            </tr>
            </thead>
            <tbody>
            @foreach($resource_distributions as $resource_distribution)
                <tr>
                    <th scope="row">{{ $resource_distribution->id }}</th>
                    <td>
                        <time>{{ date('M d, Y', strtotime($resource_distribution->date)) }}</time>
                    </td>
                    <td>
                        @if ($resource_distribution->date > \Carbon\Carbon::today())
                            N/A
                        @else
                            {{ $resource_distribution->checkin_records_count }}
                        @endif
                    </td>
                    <td>
                        @if ($resource_distribution->date <= \Carbon\Carbon::today())
                            <a href="{{ route('distribution.show', $resource_distribution->id) }}"
                               class="btn btn-sm btn-primary"
                               title="View">
                                <i class="fa fa-eye" aria-hidden="true"></i>
                            </a>
                        @endif
                        @can('edit distributions')
                            @if ($resource_distribution->checkin_records_count == 0)
                                <a href="{{ route('distribution.edit', $resource_distribution->id) }}"
                                   class="btn btn-sm btn-info" title="Edit">
                                    <i class="fa fa-pen" aria-hidden="true"></i>
                                </a>
                            @endif
                        @endcan
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
        <div class="text-center">
            {{ $resource_distributions->links() }}
        </div>

        @can('edit distributions')
            <div class="modal fade" id="addResourceDistributionModal" tabindex="-1" role="dialog"
                 aria-labelledby="addResourceDistributionModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <form method="POST" action="{{ route('distribution.store') }}" class="modal-content">
                        @csrf
                        <div class="modal-header bg-primary text-white">
                            <h5 class="modal-title" id="addResourceDistributionModalLabel">Add resource
                                distribution</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            @include('components.form.input_row', [
                                'type' => 'date',
                                'label' => 'Distribution date',
                                'name' => 'date',
                                'label_class' => 'col-md-4',
                                'input_class' => 'col-md-8',
                                '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">Add</button>
                        </div>
                    </form>
                </div>
            </div>
        @endcan
    </div>
@endsection