@extends('layouts.default')
@php
    /** @var \App\Models\RefugeeFamily $checkin_record->refugee_family */
    /** @var \App\Models\CheckinRecord $check_record */
    $is_first_print = Session::has('is_first_print');
@endphp

{{-- Page Title --}}
@section('title')
    Refugee Check-In
    @parent
@stop

{{-- Content --}}
@section('content')
    <div id="check_success_page" class="container">
        <h1>
            Checked-in
            <div class="dropdown float-right">
                <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    More Option
                </button>
                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                    <a class="dropdown-item" href="{{ route('refugee.show', $checkin_record->refugee_family->id) }}">View
                        profile</a>
                    @can('delete check-ins')
                        <a class="dropdown-item" href="#" data-toggle="delete" data-item="this check-in record"
                           data-url="{{ route('refugee.checkin-cancel', $checkin_record->refugee_family->id) }}">
                            Cancel this check-in</a>
                    @endcan
                </div>
            </div>
        </h1>
        <hr/>
        <h2 class="mb-3 d-flex align-items-center">
            <strong class="text-primary badge border border-primary mr-2">
                {{ $checkin_record->refugee_family->id }}
            </strong>
            {{ $checkin_record->refugee_family->full_name }}
        </h2>
        <div class="row">
            <div class="col-md-12">
                <div class="card mb-3">
                    <h3 class="card-header d-flex align-items-center justify-content-between">
                        Family members
                    </h3>
                    <ul id="members" class="list-group list-group-flush">
                        @foreach ($checkin_record->member_checkin_records as $i => $member_checkin_record)
                            <li class="list-group-item p-0 d-flex">
                                <div class="p-3 text-center" style="width: 46px;">
                                    @if($member_checkin_record->refugee_member->gender_id == 0)
                                        <i class="fa fa-2x fa-male text-info" aria-hidden="true"></i>
                                    @else
                                        <i class="fa fa-2x fa-female text-danger" aria-hidden="true"></i>
                                    @endif
                                </div>
                                <strong class="py-3 d-flex align-items-center">
                                    {{ $member_checkin_record->refugee_member->relationship }}
                                </strong>
                                <div class="flex-1 d-flex align-items-center p-3">
                                    <div>
                                        @if(!empty($member_checkin_record->refugee_member->full_name))
                                            {{ $member_checkin_record->refugee_member->full_name }}
                                        @endif
                                        @if($member_checkin_record->age !== null)
                                            <span class="badge badge-light">
                                                {{ $member_checkin_record->age }}y
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                @if(!empty($member_checkin_record->diaper_size))
                                    <h3 class="bg-primary m-0 p-3 d-flex align-items-center text-white"
                                        style="width: 105px;">
                                        Size
                                        @if($member_checkin_record->diaper_size == 'N')
                                            0
                                        @elseif($member_checkin_record->diaper_size == '7')
                                            6+
                                        @else
                                            {{ $member_checkin_record->diaper_size }}
                                        @endif
                                    </h3>
                                @endif
                            </li>
                        @endforeach
                    </ul>
                </div>

                {{--Additional Notes--}}
                @if(!empty($checkin_record->note))
                    <div class="card mb-3">
                        <h3 class="card-header d-flex align-items-center justify-content-between">
                            Additional Notes
                        </h3>
                        <div class="card-body">
                            {!! nl2br(e($checkin_record->note)) !!}
                        </div>
                    </div>
                @endif
            </div>
            <div class="col-md-6 offset-md-3 col-lg-4 offset-lg-4 mb-3">
                <a id="back_btn" class="btn btn-secondary btn-lg btn-block py-3" href="{{ route('refugee.index') }}"
                   style="display: {{ $is_first_print ? 'none': 'block' }}">
                    Back to refugees
                </a>
                <button id="print_btn" type="button" class="btn btn-primary btn-lg btn-block py-3">
                    {{ $is_first_print ? 'Print' : 'Print again' }}
                </button>
                <span id="print_alert" class="text-danger"></span>
            </div>
        </div>
    </div>

    @can('delete check-ins')
        {{--Delete Member Modal--}}
        @include('components.remove_confirmation')
    @endcan
@endsection

@php
    $diaper_sizes = $checkin_record->member_checkin_records
        ->where('diaper_size', '!=', null)
        ->groupBy('diaper_size')
        ->map(function($item, $key) use($settings) {
            return count($item) * $settings['diaper_count_per_given'][$key];
        })
@endphp
@section('scripts')
    <script type="text/javascript">
        {!! 'var receipt_data =' . json_encode([
            'id' => $checkin_record->refugee_family->id,
            'full_name' => $checkin_record->refugee_family->full_name,
            'note' => $checkin_record->note,
            'diaper_sizes' => $diaper_sizes->keys()->map(function($item) {
                if ($item === 'N') {
                    $size = '0';
                } else if ($item === 7) {
                    $size = '6+';
                } else {
                    $size = ''.$item;
                }
                return $size;
             }),
            'diaper_size_counts' => $diaper_sizes->values()
        ]) !!};
    </script>
@endsection