@extends('apex-layouts.main')


@section('title',"Mark Delivered on ".$onDate)

@section('header-right')
    <a class="btn btn-raised btn-warning round btn-min-width mr-1 mb-1"
       href="{{ route('reservations.orders', $onDate) }}"><i class="fa fa-arrow-left"></i> </a>
@endsection


@section('content')

    <form action="{{route("reservations.doDelivered",$onDate)}}" method="post">
        @csrf
        <section>
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-8">
                            <h4>
                                <i class="ft-users info"></i> Members List
                            </h4>
                        </div>
                        <div class="col-4">
                                <a href="#"
                                   id="selectAll"
                                   class="btn btn-light"><i class="ft-check-circle warning"></i></a>

                            <button type="submit" class="pull-right btn btn-info">save</button>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="card-block">
                        <div class="row">
                            @foreach($members as $member)
                                <div class="col-md-3 card-block">
                                    <div class="custom-checkbox pull-right">
                                        <input type="checkbox" name="member_reservationIds[] "
                                               class="custom-control-input checkox-all"
                                               value="{{$member->id}}"
                                               id="customcheckbox{{$member->id}}">
                                        <label class="custom-control-label"
                                               for="customcheckbox{{$member->id}}"></label>
                                    </div>
                                    <div class="media-body" title="{!! $member->name !!}">
                                        <strong>{{$member->name}}</strong>
                                        <small class="font-small-1">{{$member->mealplan}}</small>
                                        <p class="font-small-1 mb-0">
                                            Breakfast:<i
                                                    class="{!! ($member->is_breakfast)?"fa fa-check success": "fa fa-close red"!!}"></i>
                                            lunch:<i
                                                    class="{!! ($member->is_lunch)?"fa fa-check success": "fa fa-close red"!!}"></i>
                                            snack:<i
                                                    class="{!! ($member->is_dinner)?"fa fa-check success": "fa fa-close red"!!}"></i>
                                            dinner:<i
                                                    class="{!! ($member->is_dinner)?"fa fa-check success": "fa fa-close red"!!}"></i>
                                            </br>
                                            <mark>endOn:{{$member->expireOn}}</mark>
                                            </br>
                                            {!! $member->address !!}
                                            </br>
                                            <b>Note: </b>{!! $member->address_note !!}
                                            </br>
                                        </p>
                                    </div>

                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </form>

@stop
@section('scripts')

    <script>

        $("#selectAll").click(function () {
            $(".checkox-all").each(function () {
                $(this).prop("checked", true);
            });
        });
    </script>
@stop

@section('styles')
@stop