@extends('apex-layouts.main')

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

@section('header-right')
@endsection

@section('content')
    <section>
        <div class="row match-height">
            @if (request('success'))
                <ngb-alert role="alert" type="primary"
                           class="alert      center alert-success">{{ session('success') }}</ngb-alert>

            @endif
            @if (session('error'))
                <ngb-alert role="alert" type="danger"
                           class="alert center alert-danger">{{ session('error') }}</ngb-alert>
            @endif
            <div class="col-md-4 col-12">
                <div class="card dash2-user" style="height: 480.625px;">
                    <div class="card-body">
                        <div class="d-flex justify-content-end mb-1">
                            <span class="badge bg-light-primary mr-2">{!! $model->gender !!}</span>
                            <a href="{!!  route("members.update")!!}">
                                <i class="fa fa-edit info"></i></a>
                        </div>
                        <div class="text-center mb-4">
                            <img data-src="{{($model->photo)?env("IMAGE_BASE_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">{!! $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>
                        </div>
                        <h6>
                            <h4 class="small">Initial Address :</h4>
                            <p class="font-medium-1 ml-1 text-muted">{!! ($model->address)?$model->address:"No Address" !!}</p>
                        </h6>
                        @if($memberAllergies->names)
                            <h6>
                                <h4 class="small">Allergies :</h4>
{{--                                <a href="{!! route("members.allergy",$model->id) !!}" class="float-right"><i class="fa fa-edit"></i> </a>--}}
                                <a data-url="{{route("members.allergy",$model->id)}}"
                                   class="round btn-min-width mr-1 mb-1 ajax-base-modal float-right"
                                   data-modal-id="package-meal-allergy-{{$model->id}}">
                                    <i class="fa fa-edit"></i> Allergy</a>

                                <p class="font-medium-1 ml-1 text-muted">{{$memberAllergies->names ?? 'No Allergies'}}</p>
                            </h6>
                        @endif
                        <div class="row my-2">
                            <div class="col-12">
                                <form method="post" class="form" action="{{route('member.weight-store',$model->id)}}">
                                    @csrf
                                    <span class="d-block">Update your weight</span>
                                    <div class="row">
                                    <div class="col-md-4 text-center">
                                    <p class="text-muted my-3">
                                        <input type="number" step="0.01" id="members_Weight"
                                               class="form-control{{ $errors->has('weight') ? ' is-invalid' : '' }}"
                                               value="{{ (old('weight'))? old('weight'): $model->weight }}"
                                               placeholder="Weight"
                                               name="weight" autofocus>

                                        @if ($errors->has('weight'))
                                            <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $errors->first('weight') }}</strong>
                                                    </span>
                                        @endif
                                    </p>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="col-md-4 text-center">
                                        <button type="submit" class="btn btn-raised btn-raised btn-primary my-3">
                                            <i class="fa fa-check-square-o"></i> Update
                                        </button>
                                    </div>
                                    </div>
                                </form>
                            </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: 480.625px;">

                    <div class="card-body">
                        <p class="card-title">
                            <i class="fa fa-bar-chart-o warning"></i>Insights
                        </p>
                        <div class="row my-3">
                            <div class="col-4 text-center">
                                <span class="d-block">Active Meal Plan</span>
                                <p class="text-muted my-3 primary">{!! ($mealplan)?$mealplan->title: "<a target='_blank' href='/karachi#pricing_table'>Subscribe To A Package</a>"!!} </p>
                            </div>
                            <div class="col-4 text-center">
                                <span class="d-block">StartOn</span>
                                <p class="text-muted my-3 info">{!! ($package)?$package->startOn: "- " !!}</p>
                            </div>
                            <div class="col-4 text-center">
                                <span class="d-block">ExpireOn</span>
                                <p class="text-muted my-3 danger">{!! ($package)?$package->expireOn: "- " !!}</p>
                            </div>
                        </div>
                        <hr>
                        <p class="card-title">
                            <i class="ft-map-pin danger"></i>&nbsp;Primary Address
                            <a href="{!! route("members.handleAddress",$model->id) !!}" class="float-right"><i
                                        class="fa fa-edit"></i> </a>
                        </p>
                        <p class="text-bold-300">{!! ($primaryAddress)?$primaryAddress->address:" - " !!} /
                            <span class="text-italic text-muted">
                               {!! ($primaryAddress)?$primaryAddress->address_note:" - " !!}
                            </span>

                        </p>
                        <p class="card-title">
                            <i class="ft-map-pin red"></i>&nbsp;Secondary Address
                        </p>
                        <p class="text-bold-300">{!! ($secondaryAddress)?$secondaryAddress->address:"No Secondary address is submitted" !!} /
                            <span class="text-italic text-muted">
                              {!! ($secondaryAddress)?$secondaryAddress->address_note:" - " !!}
                            </span>
                        </p>

                        <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-body">
                        <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 my-3">
                            @if(!empty($model->mealplans))
                                @foreach($model->mealplans as $mealplan)
                                    <li class="list-group-item">
                                        <span class="mr-5">{!! $mealplan->title !!}</span>
                                        <span class="badge bg-light-primary ">{!! $mealplan->startOn !!} - <i
                                                    class="red">{!! $mealplan->expireOn !!}</i></span>

                                    </li>
                                @endforeach
                            @endif

                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-8 col-12">
                <div class="card" style="height: 500px;">
                    <div class="card-body">
                        <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">
                            @foreach($model->invoices as $invoice)
                                <li class="list-group-item">
                                    <span class="mr-3">inv-{{$invoice->id}}</span>
                                    <span class="mr-3">{{$invoice->title}}</span>
                                    <span class="mr-3">Total Amount: {{$invoice->invoiceTotal}} Rs</span>
                                    <span class="mr-3">Paid Amount: {{($invoice->paidTotal)?$invoice->paidTotal:0}} Rs</span>
                                    <span class="mr-3">
                                        @if($invoice->object == "MEAL_PLANS")
                                            {{$invoice->mealplan->title}}
                                        @else
                                            {{$invoice->object}}
                                        @endif
                                        </span>

                                    <span class="mr-3">Created On: {{date("y-m-d",strtotime($invoice->created_at))}}</span>
                                    <span class="mr-3">
                                         <a href="{!! route("member.invoice",$invoice->id) !!}">
                                                <span class="badge badge-light"> <i class="fa fa-eye"></i>{{$invoice->id}}</span>
                                         </a>
                                    </span>
                                </li>
                            @endforeach

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('scripts')

@stop
@section('styles')
@stop