@extends('apex-layouts.main')

@section('title',"{$model->name} - {$model->id}")

@section('header-right')

    <b class="mr-1 mb-1"><i class="fa fa-phone"></i> {{ $model->phone }}</b>
    <a data-url="{{route("members.mealCancel",$model->id)}}"
       class="btn btn-raised btn-light round btn-min-width mr-1 mb-1 ajax-base-modal"
       data-modal-id="package-meal-cancel-{{$model->id}}">
        <i class="fa fa-close danger"></i>Meal</a>

@endsection
@section('content')
    <section>
        <div class="row match-height">
            <div class="col-md-4 col-12">
                <div class="card dash2-user" style="height: 510.625px;">
                    <div class="card-block">
                        <div class="d-flex justify-content-end mb-1">
                            <span class="badge bg-light-primary mr-2">Ref: {!! ($model->reference)??" - " !!}</span>
                            <a href="{{ route('members.edit',$model->id) }}" class=""><i
                                    class="fa fa-edit info"></i></a>
                        </div>
                        <div class="text-center mb-4">
                            <img
                                data-src="{{($model->photo)?env("IMAGE_URL")."/".$model->photo:URL::asset(config("params")['images']["avatar"])}}"
                                src="#" alt="{{$model->name}}"
                                class="img-xl mb-2">

                            <h4 class="mb-0">{!! $model->name !!}</h4>
                            <p class="grey"><a href="https://wa.me/+92{!! $model->phone !!}" target="_blank"> <i
                                        class="fa fa-whatsapp success"></i></a>{!! $model->phone !!}</p>
                            <div class="d-flex justify-content-center align-items-center mt-3">
                                <div class="dash-followers mr-2">
                                    <div class="d-flex justify-content-center align-items-center">
                                        <i class="fa fa-balance-scale info"></i>
                                        <div class="ml-2">
                                            <h5 class="mb-0">{!! $model->weight !!}</h5>
                                            <span class="grey">Weight</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="dash-ratings">
                                    <div class="d-flex justify-content-center align-items-center">
                                        <i class="fa fa-sort-amount-asc info"></i>
                                        <div class="ml-2">
                                            <h5 class="mb-0">{!! $model->height !!}</h5>
                                            <span class="grey">Height</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="dash-ratings ml-2">
                                    <div class="d-flex justify-content-center align-items-center">
                                        <i class="fa fa-user info"></i>
                                        <div class="ml-2">
                                            <h5 class="mb-0">{!! $model->gender !!}</h5>
                                            <span class="grey">Gender</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="font-small-1 ml-1 text-muted">
                            <b>Initial Address</b> :{!! ($model->address)?$model->address:"No Address" !!}
                        </p>

                        <p class="font-small-1 ml-1 text-muted">
                            <a data-url="{{route("members.allergy",$model->id)}}"
                               class="round btn-min-width mr-1 mb-1 ajax-base-modal"
                               data-modal-id="package-meal-allergy-{{$model->id}}"><i class="fa fa-edit"></i></a>
                            <b>Allergies:</b>
                            {{$memberAllergies->names ?? 'No Allergies'}}
                        </p>

                        <div class="row my-2">
                            <div class="col-4 text-center">
                                <span class="d-block">Birthday</span>
                                <p class="text-muted my-3">{!! ($model->bdate)??"N/A" !!}</p>
                            </div>
                            <div class="col-4 text-center">
                                <span class="d-block">Mobile Verified</span>
                                <p class="text-muted my-3">{!! ($model->mobile_verified_at)??"N/A" !!}</p>
                            </div>
                            <div class="col-4 text-center">
                                <span class="d-block">Email Verified</span>
                                <p class="text-muted my-3">{!! ($model->email_verified_at)??"N/A" !!}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-8 col-lg-12 col-sm-12">
                <div class="card overflow-hidden" style="height: 510.625px;">

                    <div class="card-block">

                        <p class="card-title">
                            <i class="fa fa-bar-chart-o warning"></i>Insights
                            <span
                                class="float-right font-small-3">Active package : {!! $mealplan->title??"Not Enrolled" !!}</span>
                        </p>
                        <div class="row my-3">
                            <div class="col-2 text-center">
                                <span class="d-block">Single Orders</span>
                                <p class="text-muted my-3">{!! $model->orders->count() !!}</p>
                            </div>
                            <div class="col-2 text-center">
                                <span class="d-block">Paid Invoices</span>
                                <p class="text-muted my-3">{!! $model->invoices->where("isPaid",1)->count() !!}</p>
                            </div>
                            <div class="col-2 text-center">
                                <span class="d-block">Pending Invoices</span>
                                <p class="text-muted my-3">{!! $model->invoices->where("isPaid",0)->count() !!}</p>
                            </div>
                            <div class="col-2 text-center">
                                <span class="d-block">Pending Days</span>
                                <p class="text-muted my-3"> - </p>
                            </div>

                            <div class="col-2 text-center">
                                <span class="d-block">Package Start</span>
                                <p class="text-muted my-3">{!! ($package)?$package->startOn: "- " !!}</p>
                            </div>
                            <div class="col-2 text-center">
                                <span class="d-block">Package Expire</span>
                                <p class="text-muted my-3">{!! ($package)?$package->expireOn: "- " !!}</p>
                            </div>
                        </div>
                        <hr>
                        <p class="card-title font-small-1 ml-1">
                            <a href="{!! route("members.handleAddress",$model->id) !!}">
                                <i class="fa fa-edit font-medium-1 pull-right"></i> </a>
                            <i class="fa fa-map-pin red"></i>&nbsp;<b>Primary Address :</b>
                            {!! ($primaryAddress)?$primaryAddress->address:" - " !!}
                            <b>{!! ($primaryAddress)?"Note : {$primaryAddress->address_note}":"" !!}</b>
                        </p>
                        <p class="card-title font-small-1 ml-1">
                            <i class="fa fa-map-pin red"></i>&nbsp;<b>Secondary Address :</b>
                            {!! ($secondaryAddress)?$secondaryAddress->address:" - " !!}
                            <b>{!! ($secondaryAddress)?"Note : {$secondaryAddress->address_note}":"" !!}</b>
                        </p>
                        <h6>Addresses Flow</h6>
                        <div class="row font-small-1 text-center">
                            @if($secondaryAddress)
                                <div class="col-1">
                                    <b class="d-block">Mon</b>
                                    <i class="my-3">  {!! ($secondaryAddress->mon)?"SECONDARY":"PRIMARY" !!} </i>
                                </div>
                                <div class="col-2 ">
                                    <b class="d-block">Tue</b>
                                    <i class="my-3"> {!! ($secondaryAddress->tue)?"SECONDARY":"PRIMARY" !!}</i>
                                </div>
                                <div class="col-2 ">
                                    <b class="d-block">Wed</b>
                                    <i class="my-3"> {!! ($secondaryAddress->wed)?"SECONDARY":"PRIMARY" !!}</i>
                                </div>
                                <div class="col-2 ">
                                    <b class="d-block">Thu</b>
                                    <i class="my-3"> {!! ($secondaryAddress->thu)?"SECONDARY":"PRIMARY" !!}</i>
                                </div>
                                <div class="col-2 ">
                                    <b class="d-block">Fri</b>
                                    <i class="my-3"> {!! ($secondaryAddress->fri)?"SECONDARY":"PRIMARY" !!}</i>
                                </div>
                                <div class="col-2 ">
                                    <b class="d-block">Sat</b>
                                    <i class="my-3"> {!! ($secondaryAddress->sat)?"SECONDARY":"PRIMARY" !!}</i>
                                </div>
                                <div class="col-1 ">
                                    <b class="d-block">Sun</b>
                                    <i class="my-3"> {!! ($secondaryAddress->sun)?"SECONDARY":"PRIMARY" !!}</i>
                                </div>
                            @else
                                <div class="col-1 ">
                                    <b class="d-block">Mon</b>
                                    PRIMARY
                                </div>
                                <div class="col-2 ">
                                    <b class="d-block">Tue</b>
                                    PRIMARY
                                </div>
                                <div class="col-2 ">
                                    <b class="d-block">Wed</b>
                                    PRIMARY
                                </div>
                                <div class="col-2 ">
                                    <b class="d-block">Thu</b>
                                    PRIMARY
                                </div>
                                <div class="col-2 ">
                                    <b class="d-block">Fri</b>
                                    PRIMARY
                                </div>
                                <div class="col-2 ">
                                    <b class="d-block">Sat</b>
                                    PRIMARY
                                </div>
                                <div class="col-1 ">
                                    <b class="d-block">Sun</b>
                                    PRIMARY
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <section>
        <div class="row">
            <div class="col-md-4 col-12">
                <div class="card" style="height: 500px;">
                    <div class="card-block">
                        <h4 class="card-title"><span><i class="fa fa-list warning"></i> Packages</span>
                            <span class="float-right cursor-pointer">
                                <i class="ft-more-vertical-"></i>
                            </span>
                        </h4>
                        <ul class="list-group overflow-scroll height-400 my-3">
                            @if(!empty($model->mealplans))
                                @foreach($model->mealplans as $mealplan)
                                    <li class="list-group-item">
                                        <span>{!! $mealplan->title !!}</span> |
                                        <p class="badge bg-light-primary">{!! $mealplan->startOn !!} - <i
                                                class="red">{!! $mealplan->expireOn !!}</i></p>
                                        <a class="pull-right" href="{{route('members.editMealplan',$mealplan->id)}}">
                                            <i class="fa fa-edit font-small-3"></i>
                                        </a>
                                    </li>
                                @endforeach
                            @endif

                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-8 col-12">
                <div class="card" style="height: 500px;">
                    <div class="card-block">
                        <h4 class="card-title"><span><i class="fa fa-bank info"></i> Invoices</span>
                            <span class="float-right cursor-pointer"></span>
                        </h4>
                        <ul class="list-group overflow-scroll my-3 overflow-scroll height-400">
                            @foreach($model->invoices as $invoice)
                                <li class="list-group-item">
                                    <p class="card-text">inv-{{$invoice->id}}|
                                        <a class="info"
                                           href="{{ route('invoices.show', $invoice->id) }}">
                                            {{$invoice->title}}
                                        </a>|
                                        @if($invoice->object == "MEAL_PLANS")
                                            <a class="warning text-center"
                                               href="{{route("mealplans.show",$invoice->objectId)}}"
                                               title="Source">
                                                {{$invoice->mealplan->title}}
                                            </a>
                                        @else
                                            {{$invoice->object}}
                                        @endif|
                                        <small class="text-muted">{{$invoice->status}}</small>
                                        |
                                        <small class="text-muted"
                                               title="{{$invoice->created_at}}">{{date("y-m-d",strtotime($invoice->created_at))}}</small>
                                    </p>
                                </li>
                            @endforeach

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="row">
            <div class="col-md-12 col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title"><span><i class="fa fa-chain warning"></i> Package Dispositions</span>
                        </h4>
                    </div>
                    <div class="card-block">
                        <table class="table table-responsive-sm" id="dispo-table">
                            <thead>
                            <tr>
                                <th>id</th>
                                <th>Comment</th>
                                <th>mealplan</th>
                                <th>StartOn</th>
                                <th>ExpireOn</th>
                                <th>created_at</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($memberPlanDispositions as $memberPlanDisposition)
                                <tr>
                                    <th>{!! $memberPlanDisposition->id !!}</th>
                                    <th>{!! $memberPlanDisposition->comments !!}</th>
                                    <th>{!! $memberPlanDisposition->mealplan !!}-({!! $memberPlanDisposition->member_meal_plan_id !!})</th>
                                    <th>{!! $memberPlanDisposition->startOn !!}</th>
                                    <th>{!! $memberPlanDisposition->expireOn !!}</th>
                                    <th>{{\App\helpers\ViewCommonHelper::getUtcDateFormat($memberPlanDisposition->created_at,1)}}</th>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    <script>
        $(function () {
            $('#dispo-table').DataTable({
                processing: true,
                aaSorting: [[0, "desc"]],
            });
        });

    </script>
@stop
@section('styles')
@stop