@extends('apex-layouts.main')

@section('title',"Member Reservations")

@section('header-right')
    <b class=" mr-1 mb-1"><code>Total</code>: &nbsp;{{ $reservations->total() }}</b>
    <a href="#collapse2" class="btn btn-raised btn-light round mr-1 mb-1"
       data-toggle="collapse"
       aria-expanded="false"
       aria-controls="collapse2">
        <i class="fa fa-search"></i>
    </a>

    <a href="#" class="btn btn-raised btn-light round mr-1 mb-1" id="printinvoice">print</a>
@endsection

@section('content')
    <section>
        <div class="row">
            <div class="col-sm-12">
                <div class="card" id="printme">
                    <div class="card-header">
                        <div id="collapse2" role="tabpanel" aria-labelledby="headingCollapse2" class="collapse"
                             aria-expanded="false">
                            @include('apex-layouts.includes._search',['fields'=>$searchFields])
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="card-block">
                            <table class="table table-responsive-lg table-striped">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Member</th>
                                    <th>Status</th>
                                    <th>Breakfast</th>
                                    <th>Lunch</th>
                                    <th>Snack</th>
                                    <th>Dinner</th>
                                    <th>Address</th>
                                    <th>Created</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($reservations as $reservation)
                                    <tr>
                                        <td>
                                            <span class="badge badge-light">{!!  $reservation->id!!}</span>
                                        </td>
                                        <td>
                                            <strong>{{$reservation->name}}</strong>
                                            <small class="font-small-1">{{$reservation->mealplan}}</small>

                                            <p class="font-small-3">{{$reservation->phone}}</p>
                                        </td>
                                        <td>
                                            <span class="badge badge-light">{!!  $reservation->onDate!!}</span>
                                            <br>
                                            <span class="badge badge-dark">{!!  $reservation->status!!}</span>
                                        </td>

                                        <td>
                                            <small class="text-dark font-small-2">{!!  ($reservation->is_breakfast) ? "<i class='fa fa-check'></i>":" <i class='fa fa-close danger'></i> "!!}</small>
                                        </td>
                                        <td>
                                            <small class="text-dark font-small-2">{!! ($reservation->is_lunch) ? "<i class='fa fa-check'></i>":" <i class='fa fa-close danger'></i> "!!}</small>
                                        </td>
                                        <td>
                                            <small class="text-dark font-small-2">{!!  ($reservation->is_snack) ? "<i class='fa fa-check'></i>":" <i class='fa fa-close danger'></i> "!!}</small>
                                        </td>
                                        <td>
                                            <small class="text-dark font-small-2">{!! ($reservation->is_dinner) ? "<i class='fa fa-check'></i>":" <i class='fa fa-close danger'></i> "!!}</small>
                                        </td>
                                        <td>
                                            <p class="mb-1">{!! $reservation->address !!}</p>
                                            @if($reservation->type == \App\models\MemberReservation::TYPE_ORDER && $reservation->status == \App\models\MemberReservation::STATUS_PENDING)
                                                <p>
                                                    <a class="btn badge-light danger ajax-base-modal mb-1 mr-1"
                                                      href="#"
                                                       data-modal-id="member-reservation-cancel-modal-{{$reservation->id}}"
                                                       data-url="{{route('reservations.cancelOrder',$reservation->id)}}">Cancel Single Order</a>
                                                </p>
                                            @endif
                                        </td>
                                        <td class="small">
                                            <p class="info"><i class="fa fa-bicycle"></i>{{$reservation->rider}}</p>
                                            <p class="warning">{{\App\helpers\ViewCommonHelper::getDateFormat($reservation->created_at,1)}}</p>
                                        </td>
                                    </tr>
                                @endforeach
                                <tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if($reservations->total() > $reservations->perPage())
                        <div class="card-footer border-top-blue-grey border-top-lighten-5 text-muted">
                            <span class="float-left">Total reservations:
                                <span class="badge badge-secondary">{{ $reservations->total() }}</span> PerPage :
                                <span class="badge badge-primary">{{ $reservations->perPage() }}</span> </span>
                            <span class="float-right">
                            <nav aria-label="Page navigation justify-content-end">  {{ $reservations->appends(request()->input())->links() }}</nav>
					        </span>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </section>
@endsection


@section('scripts')
    <script>
        $('#printinvoice').click(function () {
            var printContents = document.getElementById('printme').innerHTML;
            var originalContents = document.body.innerHTML;
            document.body.innerHTML = printContents;
            window.print();
            document.body.innerHTML = originalContents;
        });
    </script>
@endsection