@extends('web.layouts.main')
@section('content')


    <main>
        

        <!-- ---------- new_profile_sec ----------- -->
        <section class="new_profile_sec">
            <div class="container">
                <h2 class="title mainColor mb-5"> {{__('web.welcome')}} {{$user->name}} </h2>
                <div class="row">
                    <div class="col-lg-4">
                        <div class="new_profile_side_nav">
                            <ul class="nav" id="pills-tab" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <a href="#0" class="noti_icon" id="pills-tab1-1-tab1" onclick='notifications(this)' data-bs-toggle="pill" data-bs-target="#pills-tab1-1" type="button" role="tab" aria-controls="pills-tab1-1" aria-selected="true">
                                        <i class="far fa-bell"></i> @if($notifications_not_read > 0) <span class="alert_dot"></span> @endif
                                    </a>
                                </li>
                            </ul>
                            <div class="user_img">
                                <img src="{{asset($user->photo)}}" alt="">
                            </div>
                            <h6 class="text-center">  {{$user->name}}  </h6>
                            <div class="user_main_det">
                                <div class="item">
                                    <span class="icon"> <i class="fal fa-clock"></i> </span>
                                    <div class="inf">
                                        <h6> {{ $subscribes_count }} </h6>
                                        <small> {{__('web.subscribes')}} </small>
                                    </div>
                                </div>
                                <div class="item">
                                    <span class="icon"> <i class="fal fa-hand-receiving"></i> </span>
                                    <div class="inf">
                                        <h6> {{$user->points()}} </h6>
                                        <small> {{__('web.gain_points')}} </small>
                                    </div>
                                </div>
                            </div>
                            <div class="sub_info">
                                <p class="text_gray small mb-3"> {{__('web.my_info')}} </p>
                                <ul>
                                    <li> <strong> {{__('web.name')}}: </strong> {{$user->name}} </li>
                                    <li> <strong> {{__('web.phone')}}: </strong>    {{$user->phone}} </li>
                                    <li> <strong> {{__('web.email')}}: </strong>   {{$user->email}} </li>
                                    <li> <strong> {{__('web.date_of_birth')}}: </strong>    {{date('Y.m.d',strtotime($user->date_of_birth))}} </li>
                                    <li> <strong> {{__('web.gender')}}: </strong>    {{__('web.'.$user->gender)}} </li>
                                    <li> <strong> {{__('web.weight')}} ({{__('web.kg')}}): </strong>   {{$user->weight}} {{__('web.kg')}} </li>
                                    <li> <strong> {{__('web.height')}} ({{__('web.cm')}}): </strong>    {{$user->height}} {{__('web.cm')}} </li>
                                    <li> <strong> {{__('web.sport')}}: </strong> {{$user->sporting()}}  </li>
                                    <li> <strong> {{__('web.effort')}} : </strong>    {{__('members.'.$user->effort)}} </li>
                                    <li> <strong> {{__('web.goal')}} : </strong>    {{__('members.'.$user->goal)}} </li>
                                    <li> <strong> {{__('web.sensitive_check')}} : </strong>    {{__('web.'.$user->sensitive_check)}} </li>
                                    @if($user->sensitive_check == 'yes')
                                        <li> <strong> {{__('web.sensitive')}} : </strong>  {{$user->sensitive}} </li>
                                    @endif
                                    <li> <strong> {{__('web.calories')}} : </strong>    {{round($user->calories,1)}} </li>
                                    <li> <strong> {{__('web.fats')}}  : </strong>    {{round($user->fats,1)}} </li>
                                    <li> <strong> {{__('web.protien')}}  : </strong>    {{round($user->protien,1)}} </li>
                                    <li> <strong> {{__('web.carbo')}} : </strong>    {{round($user->carbo,1)}} </li>

                                </ul>
                            </div>
                            <div class="btm_btns">
                                <ul class="nav justify-content-end" id="pills-tab" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <a href="#0" class="" onclick="editProfile()" id="pills-tab5-tab" data-bs-toggle="pill" data-bs-target="#pills-tab5" type="button" role="tab" aria-controls="pills-tab5" aria-selected="true">
                                            <span class="mainColor"> {{__('web.edit')}} </span>
                                        </a>
                                    </li>
                                </ul>
                                <a href="0#" data-bs-toggle="modal" data-bs-target="#modal_logout"  class="">
                                    <span class="text-danger"> <i class="fal fa-user-times me-1"></i> {{__('web.logout')}} </span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="profile_content_side">
                            <ul class="nav nav-pills" id="pills-tab" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link active" id="pills-tab1-tab" data-bs-toggle="pill" data-bs-target="#pills-tab1" type="button" role="tab" aria-controls="pills-tab1" aria-selected="true">
                                        <img src="{{url('')}}/assets/web/images/new_imgs/icons/pr1.svg" alt="" class="icon me-1"> <span> {{__('web.my_acc')}} </span>
                                    </button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="pills-tab2-tab" data-bs-toggle="pill" onclick="addresses()" data-bs-target="#pills-tab2" type="button" role="tab" aria-controls="pills-tab2" aria-selected="false">
                                        <img src="{{url('')}}/assets/web/images/new_imgs/icons/pr2.svg" alt="" class="icon me-1"> <span> {{__('web.my_addresses')}} </span>
                                    </button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="pills-tab3-tab" data-bs-toggle="pill" onclick="editDays()" data-bs-target="#pills-tab3" type="button" role="tab" aria-controls="pills-tab3" aria-selected="false">
                                        <img src="{{url('')}}/assets/web/images/new_imgs/icons/pr3.svg" alt="" class="icon me-1"> <span> {{__('web.menu_food')}} </span>
                                    </button>
                                </li>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="pills-tab4-tab" onclick="orders()" data-bs-toggle="pill" data-bs-target="#pills-tab4" type="button" role="tab" aria-controls="pills-tab4" aria-selected="false">
                                        <img src="{{url('')}}/assets/web/images/new_imgs/icons/pr4.svg" alt="" class="icon me-1"> <span> {{__('web.my_orders')}} </span>
                                    </button>
                                </li>
                              </ul>
                              <div class="tab-content" id="pills-tabContent">

                                <!-- ------ my account tab ------ -->
                                <div class="tab-pane fade show active" id="pills-tab1" role="tabpanel" aria-labelledby="pills-tab1-tab">
                                    <div class="my_account_tab">
                                        
                                        @if($last)
                                                @if($current)
                                                    @if($last->id != $current->id)
                                                        <div class="choose_plan_card_info">
                                                                <div class="row">
                                                                        <div class="col-lg-9">
                                                                            <div class="inf">
                                                                                <p class="mb-4 fw-bold"> {{__('web.current_subscribe')}} </p>
                                                                                <div class="logo_side">
                                                                                    <div class="logo">
                                                                                        <img src="{{asset($current->section->image)}}" alt="">
                                                                                    </div>
                                                                                        <div class="inf">
                                                                                            <small class="fw-bold mb-2 d-block"> {{$current->section->descriptions()->name}} </small>
                                                                                            <h5 class="mb-2">  
                                                                                                {{$current->package->descriptions()->name}} 
                                                                                            </h5>
                                                                                            <h6 class="mainColor ms-2"> ( {{$current->species->species->descriptions()->name}} ) </h6> 
                                                                                            <small> 
                                                                                                {{$current->days}} {{__('web.day')}} <i class="far fa-circle mx-2 small"></i> 
                                                                                                
                                                                                                @foreach($current->sides as $side)
                                                                                                    <small> {{$side->count}} {{$side->side->descriptions()->name}} <i class="far fa-circle mx-2 small"></i> </small> 
                                                                                                @endforeach
                                                                                                @if($current->count_snacks > 0)
                                                                                                    <small> {{$current->count_snacks}} {{__('web.snacks')}} <i class="far fa-circle mx-2 small"></i> </small>
                                                                                                @endif
                                                                                                {{$current->species->calories}} {{__('web.calories')}}
                                                                                            </small>
                                                                                        </div>
                                                                                </div>
                                                                                <div class="btns mt-4 small">
                                                                                    @if($current->canRenewal())
                                                                                        <a href="{{url(getCurrentLocale().'/subscribe/renewal/'.$current->id)}}" class="fw-bold py-2 px-4 rounded-pill mainBack text-white me-2"> {{__('web.renewal_subscribes')}} </a>
                                                                                    @endif
                                                                                    @if($current->canContinue())
                                                                                        <a href="{{url(getCurrentLocale().'/subscribe/continue?subscribeToken='.$current->token)}}" class="fw-bold py-2 px-4 rounded-pill mainBack text-white me-2"> {{__('web.continue_subscribe')}}  </a>
                                                                                    @endif
                                                                                    
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-3">
                                                                            <div class="price_side">
                                                                                <div class="price_card mt-4 mt-lg-0">
                                                                                    @if($current->type == 'points')
                                                                                        <h5> {{$current->points}} <small> {{__('web.point')}} </small> </h5>
                                                                                    @else
                                                                                        <h5> {{$current->total}} <small> {{__('web.sar')}} </small> </h5>
                                                                                    @endif
                                                                                    <p> {{__('web.subscribe_cost')}} </p>
                                                                                </div>
                                                                                @if($current->start_date)
                                                                                <ul class="sub_date">
                                                                                    <li> 
                                                                                        <span class="icon"> <img src="{{url('')}}/assets/web/images/new_imgs/icons/date.svg" alt=""> </span>
                                                                                        <div class="inf">
                                                                                            <p class="fw-bold"> {{date('d.m.Y',strtotime($current->start_date))}} </p>
                                                                                            <p> {{__('web.start_date')}} </p>
                                                                                        </div>
                                                                                    </li>
                                                                                    <li> 
                                                                                        <span class="icon"> <img src="{{url('')}}/assets/web/images/new_imgs/icons/date.svg" alt=""> </span>
                                                                                        <div class="inf">
                                                                                            <p class="fw-bold"> {{date('d.m.Y',strtotime($current->end_date))}} </p>
                                                                                            <p> {{__('web.end_date')}} </p>
                                                                                        </div>
                                                                                    </li>
                                                                                </ul>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                            </div>
                                                    @endif
                                                @endif
                                        @endif
                                        @if($last)
                                        @if($last->end_date >= date('Y-m-d'))
                                            <div class="choose_plan_card_info">
                                                    <div class="row">
                                                            <div class="col-lg-9">
                                                                <div class="inf">
                                                                    <p class="mb-4 fw-bold"> {{__('web.current_subscribe')}} </p>
                                                                    <div class="logo_side">
                                                                        <div class="logo">
                                                                            <img src="{{asset($last->section->image)}}" alt="">
                                                                        </div>
                                                                            <div class="inf">
                                                                                <small class="fw-bold mb-2 d-block"> {{$last->section->descriptions()->name}} </small>
                                                                                <h5 class="mb-2">  
                                                                                    {{$last->package->descriptions()->name}}
                                                                                </h5>
                                                                                <h6 class="mainColor ms-2"> ( {{$last->species->species->descriptions()->name}} ) </h6> 
                                                                                <small> 
                                                                                    {{$last->days}} {{__('web.day')}} <i class="far fa-circle mx-2 small"></i> 
                                                                                    @foreach($last->sides as $side)
                                                                                        <small> {{$side->count}} {{$side->side->descriptions()->name}} <i class="far fa-circle mx-2 small"></i> </small> 
                                                                                    @endforeach
                                                                                    @if($last->count_snacks > 0)
                                                                                        <small> {{$last->count_snacks}} {{__('web.snacks')}} <i class="far fa-circle mx-2 small"></i> </small>
                                                                                    @endif
                                                                                    {{$last->species->calories}} {{__('web.calories')}}
                                                                                </small>
                                                                            </div>
                                                                    </div>
                                                                    <div class="btns mt-4 small">
                                                                        @if($last->canRenewal())
                                                                            <a href="{{url(getCurrentLocale().'/subscribe/renewal/'.$last->id)}}" class="fw-bold py-2 px-4 rounded-pill mainBack text-white me-2"> {{__('web.renewal_subscribes')}} </a>
                                                                        @endif
                                                                        @if($last->canContinue())
                                                                            <a href="{{url(getCurrentLocale().'/subscribe/continue?subscribeToken='.$last->token)}}" class="fw-bold py-2 px-4 rounded-pill mainBack text-white me-2"> {{__('web.continue_subscribe')}}  </a>
                                                                        @endif
                                                                        
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-3">
                                                                <div class="price_side">
                                                                    <div class="price_card mt-4 mt-lg-0">
                                                                        @if($last->type == 'points')
                                                                            <h5> {{$last->points}} <small> {{__('web.point')}} </small> </h5>
                                                                        @else
                                                                            <h5> {{$last->total}} <small> {{__('web.sar')}} </small> </h5>
                                                                        @endif
                                                                        <p> {{__('web.subscribe_cost')}} </p>
                                                                    </div>
                                                                    @if($last->start_date)
                                                                    <ul class="sub_date">
                                                                        <li> 
                                                                            <span class="icon"> <img src="{{url('')}}/assets/web/images/new_imgs/icons/date.svg" alt=""> </span>
                                                                            <div class="inf">
                                                                                <p class="fw-bold"> {{date('d.m.Y',strtotime($last->start_date))}} </p>
                                                                                <p> {{__('web.start_date')}} </p>
                                                                            </div>
                                                                        </li>
                                                                        <li> 
                                                                            <span class="icon"> <img src="{{url('')}}/assets/web/images/new_imgs/icons/date.svg" alt=""> </span>
                                                                            <div class="inf">
                                                                                <p class="fw-bold"> {{date('d.m.Y',strtotime($last->end_date))}} </p>
                                                                                <p> {{__('web.end_date')}} </p>
                                                                            </div>
                                                                        </li>
                                                                    </ul>
                                                                    @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                </div>
                                        @elseif($last->validate_date >= date('Y-m-d') && is_null($last->end_date) )
                                               
                                            <div class="choose_plan_card_info">
                                                    <div class="row">
                                                        <div class="col-lg-9">
                                                                            <p class="mb-4 fw-bold"> {{__('web.current_subscribe')}} </p>
                                                                            <div class="logo_side">
                                                                                <div class="logo">
                                                                                    <img src="{{asset($last->section->image)}}" alt="">
                                                                                </div>
                                                                                    <div class="inf">
                                                                                        <small class="fw-bold mb-2 d-block"> {{$last->section->descriptions()->name}} </small>
                                                                                        <h5 class="mb-2">  
                                                                                            {{$last->package->descriptions()->name}}
                                                                                        </h5>
                                                                                        <h6 class="mainColor ms-2"> ( {{$last->species->species->descriptions()->name}} ) </h6> 
                                                                                        <small> 
                                                                                            {{$last->days}} {{__('web.day')}} <i class="far fa-circle mx-2 small"></i> 
                                                                                            @foreach($last->sides as $side)
                                                                                                <small> {{$side->count}} {{$side->side->descriptions()->name}} <i class="far fa-circle mx-2 small"></i> </small> 
                                                                                            @endforeach
                                                                                            @if($last->count_snacks > 0)
                                                                                                <small> {{$last->count_snacks}} {{__('web.snacks')}} <i class="far fa-circle mx-2 small"></i> </small>
                                                                                            @endif
                                                                                            {{$last->species->calories}} {{__('web.calories')}}
                                                                                        </small>
                                                                                    </div>
                                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="price_side">
                                                                <div class="price_card mt-4 mt-lg-0">
                                                                    @if($last->type == 'points')
                                                                        <h5> {{$last->points}} <small> {{__('web.point')}} </small> </h5>
                                                                    @else
                                                                        <h5> {{$last->total}} <small> {{__('web.sar')}} </small> </h5>
                                                                    @endif
                                                                    <p> {{__('web.subscribe_cost')}} </p>
                                                                </div>
                                                            </div>
                                                            <div class="price_side mt-4 count_down">
                                                                <div class="price_card mt-4 mt-lg-0">
                                                                    <small class="lh-sm"> {{__('web.continue_please')}} </small>
                                                                    <div class="timing d-flex justify-content-around mt-3">
                                                                        <div class="item">
                                                                            <h6 class="mb-0 lh-sm" id="days"></h6>
                                                                            <small> {{__('web.days')}} </small>
                                                                        </div>
                                                                        <div class="item">
                                                                            <h6 class="mb-0 lh-sm" id="hours"></h6>
                                                                            <small> {{__('web.hours')}} </small>
                                                                        </div>
                                                                        <div class="item">
                                                                            <h6 class="mb-0 lh-sm" id="minutes"></h6>
                                                                            <small> {{__('web.minutes')}} </small>
                                                                        </div>
                                                                        <!-- <div class="item">
                                                                            <h6 class="mb-0 lh-sm" id="seconds"></h6>
                                                                            <small> ثوانى </small>
                                                                        </div> -->
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="btns mt-4 small">
                                                               
                                                               @if($last->canContinue())
                                                                <a href="{{url(getCurrentLocale().'/subscribe/continue?subscribeToken='.$last->token)}}" class="fw-bold py-2 px-4 rounded-pill mainBack text-white me-2"> {{__('web.continue_subscribe')}}  </a>
                                                               @endif
                                                                
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                        @endif
                                        @endif
                                            <div class="text-end">
                                                <ul class="nav justify-content-end" id="pills-tab" role="tablist">
                                                    <li class="nav-item" role="presentation">
                                                        <a href="#0" class="nav-link butn butn_main_line px-4 rounded-pill mt-4" onclick="perviousSubscribes()" id="pills-tab1-2-tab" data-bs-toggle="pill" data-bs-target="#pills-tab1-2" type="button" role="tab" aria-controls="pills-tab1-2" aria-selected="true">
                                                             <span> {{__('web.pervious_subscribes')}} </span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        
                                        <div class="noti_content card_shadow mt-5">
                                            <div class="title mb-3">
                                                <div class="row align-items-center">
                                                    <div class="col-6">
                                                        <h4> {{__('web.notifications')}} </h4>
                                                    </div>
                                                    @if(count($notifications) > 0)
                                                        <div class="col-6 text-end">
                                                            <ul class="nav justify-content-end" id="pills-tab" role="tablist">
                                                                <li class="nav-item" role="presentation">
                                                                    <small class="nav-link small mainColor fw-bold" id="pills-tab1-1-tab" onclick='notifications(this)' data-bs-toggle="pill" data-bs-target="#pills-tab1-1" type="button" role="tab" aria-controls="pills-tab1-1" aria-selected="true">
                                                                         <span> {{__('web.view_notifications')}} </span>
                                                                    </small>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="noti_cont">
                                                @if(count($notifications) > 0)
                                                    @foreach($notifications as $row)
                                                        <div class="noti_card">
                                                            <span class="icon"> <img src="{{url('')}}/assets/web/images/new_imgs/icons/date_2.svg" alt=""> </span>
                                                            <div class="inf">
                                                                <small> {{date('Y.m.d - g:i a',strtotime($row->created_at))}} </small>
                                                                <h6> {{$row->descriptions()->title}}</h6>
                                                                <p class="text_gray"> {{$row->descriptions()->description}} </p>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @else
                                                    <div class="noti_card">
                                                        <div class="inf">
                                                            <h6> {{__('web.not_notifications')}} </h6>
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- ------ notifcation tab ------ -->
                                <div class="tab-pane fade" id="pills-tab1-1" role="tabpanel" aria-labelledby="pills-tab1-1-tab">
                                    <div class="my_account_tab">
                                        <div class="noti_content card_shadow mt-5">
                                            <div class="title mb-3">
                                                <div class=row>
                                                    <div class="col-lg-9">
                                                        <h4> {{__('web.notifications')}} </h4>
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <a href="{{url(getCurrentLocale().'/profile')}}" class="nav-link butn butn_main_line">
                                                             <span> {{__('web.my_acc')}} </span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="noti_cont" id="notifications">
                                                
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- ------ subscribions tab ------ -->
                                <div class="tab-pane fade" id="pills-tab1-2" role="tabpanel" aria-labelledby="pills-tab1-2-tab">
                                    <div class="my_account_tab">
                                        <div class="noti_content card_shadow mt-5">
                                            <div class="title mb-3">
                                                <div class=row>
                                                    <div class="col-lg-9">
                                                        <h4> {{__('web.pervious_subscribes')}} </h4>
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <a href="{{url(getCurrentLocale().'/profile')}}" class="nav-link butn butn_main_line">
                                                             <span> {{__('web.my_acc')}} </span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="subscribions_cont" id="pervious_subscribes">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- ------ address tab ------ -->
                                <div class="tab-pane fade" id="pills-tab2" role="tabpanel" aria-labelledby="pills-tab2-tab">
                                    <div class="adress_tab">
                                        <div class="form" id="addresses">
                                        </div>
                                    </div>
                                </div>

                                <!-- ------ new address tab ------ -->
                                <div class="tab-pane fade" id="pills-tab2-2" role="tabpanel" aria-labelledby="pills-tab2-2-tab">
                                    <div class="add_adress_tab" id="address">
                                        
                                    </div>
                                </div>

                                <!-- ------ my subscribe tab ------ -->
                                <div class="tab-pane fade" id="pills-tab3" role="tabpanel" aria-labelledby="pills-tab3-tab">
                                    <div class="food_menu_tab" id="editDays">
                                        
                                    </div>
                                </div>

                                <!-- ------ my orders tab ------ -->
                                <div class="tab-pane fade" id="pills-tab4" role="tabpanel" aria-labelledby="pills-tab4-tab">
                                    <div class="my_orders_tab">
                                        <div class="card_shadow">
                                            <div class="title mb-4">
                                                <div class="row align-items-center">
                                                    <div class="col-7">
                                                        <h4> {{__('web.my_orders')}} </h4>
                                                    </div>
                                                    <div class="col-5">
                                                        <select onchange="ordersTime(this)" name="" id="" class="form-select form-control bg-light">
                                                            <option value="3">{{__('web.last_3_month')}}</option>
                                                            <option value="6">{{__('web.last_6_month')}}</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="orders_content" id="orders">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- ------ account edit tab ------ -->
                                <div class="tab-pane fade" id="pills-tab5" role="tabpanel" aria-labelledby="pills-tab5-tab">
                                    <div class="edit_account_tab">
                                        <form method="post" action="{{url(getCurrentLocale().'/profile')}}" enctype="multipart/form-data" onsubmit="saveForm(this)">
                                            @CSRF
                                            <div class="form card_shadow">
                                                <div class="title mb-3">
                                                    <h4> {{__('web.edit_profile')}} </h4>
                                                </div>
                                                <div class="avatar">
                                                    <div class="avatar-upload">
                                                        <div class="avatar-edit">
                                                            <input type='file' name="photo" id="imageUpload" accept=".png, .jpg, .jpeg" />
                                                            <label for="imageUpload"></label>
                                                        </div>
                                                        <div class="avatar-preview">
                                                            <div id="imagePreview" style="background-image: url({{asset($user->photo)}});">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form_row">
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <small class="label"> {{__('web.name')}} </small>
                                                                <input type="text" name="name" class="form-control" placeholder="{{__('web.name')}}" value=" {{$user->name}} ">
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <small class="label"> {{__('web.email')}} </small>
                                                                <div class="d-flex">
                                                                    <input type="text" class="form-control" disabled placeholder="{{__('web.email')}}" value="{{$user->email}}">
                                                                    <a href="{{url(getCurrentLocale().'/change/email')}}" class="butn butn_main_line ms-3"> <span class="small"> {{__('web.edit')}} </span> </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <small class="label"> {{__('web.phone')}} </small>
                                                                  <div class="d-flex">
                                                                    <div class="form-group w-100 mb-0">
                                                                        <div class="input-group flex-nowrap">
                                                                            <input type="number" disabled class="form-control rounded-start rounded-0" value="{{$user->phone}}" placeholder="{{__('web.enter')}} {{__('web.phone')}}  ">
                                                                            <div class="flag_box form-control"> <img src="{{url('')}}/assets/web/images/new_imgs/ksa_flag.png" alt=""> <span> +966 </span> </div>
                                                                            <!--<select class="form-select form-control" id="inputGroupSelect01" disabled>-->
                                                                            <!--  <option selected>+966</option>-->
                                                                            <!--</select>-->
                                                                          </div>
                                                                    </div>
                                                                    <a href="{{url(getCurrentLocale().'/change/phone')}}" class="butn butn_main_line ms-3"> <span class="small"> {{__('web.edit')}} </span> </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <small class="label"> {{__('web.sport_type')}}  </small>
                                                                <div class="row">
                                                                    @foreach($sports as $sport)
                                                                        <div class="col-4">
                                                                            <div class="form-check">
                                                                                <input class="form-check-input" onclick="sportCheck(this)" type="radio" name="sport_id" @if($user->sport_id == $sport->id) checked @endif value="{{$sport->id}}" id="sport{{$sport->id}}">
                                                                                <label class="form-check-label" for="sport{{$sport->id}}">
                                                                                    {{$sport->descriptions()->name}}
                                                                                </label>
                                                                            </div>
                                                                        </div>
                                                                    @endforeach
                                                                    <div class="col-4">
                                                                        <div class="form-check">
                                                                            <input class="form-check-input" onclick="sportCheck(this)" type="radio" name="sport_id" value="other" @if(is_null($user->sport_id)) checked @endif  id="sport0">
                                                                            <label class="form-check-label" for="sport0">
                                                                                {{ __('web.other') }}
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6 @if($user->sport_id) d-none @endif" id="sport_other_input">
                                                            <div class="form-group">
                                                                <small class="label"> {{__('web.sport_other')}} </small>
                                                                <input type="text" name="sport_other" class="form-control" value="{{$user->sport_other}}" placeholder="{{__('web.sport_other')}}">
                                                            </div>
                                                        </div>
                                                        <!--<div class="col-lg-6">-->
                                                        <!--    <div class="form-group">-->
                                                        <!--        <small class="label"> {{__('web.sport_time')}} </small>-->
                                                        <!--        <input type="number" name="sport_time" class="form-control" placeholder="" value="{{$user->sport_time}}">-->
                                                        <!--    </div>-->
                                                        <!--</div>-->
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <small class="label">  {{__('web.effort')}} </small>
                                                                <select name="effort" id="" class="form-select form-control">
                                                                    <option @if($user->effort == 'lazy') selected @endif value="lazy"> {{__('members.lazy')}} </option>
                                                                    <option @if($user->effort == 'light') selected @endif value="light"> {{__('members.light')}} </option>
                                                                    <option @if($user->effort == 'medium') selected @endif value="medium"> {{__('members.medium')}} </option>
                                                                    <option @if($user->effort == 'active') selected @endif value="active"> {{__('members.active')}} </option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <small class="label">  {{__('web.user_goal')}}  </small>
                                                                <select name="goal" id="" class="form-select form-control">
                                                                    <option @if($user->goal == 'less_weight') selected @endif value="less_weight"> {{__('web.less_weight')}} </option>
                                                                    <option @if($user->goal == 'keep_weight') selected @endif value="keep_weight"> {{__('web.keep_weight')}} </option>
                                                                    <option @if($user->goal == 'increase_weight') selected @endif value="increase_weight"> {{__('web.increase_weight')}} </option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <small class="label"> {{__('web.height')}} </small>
                                                                <input type="number" name="height" class="form-control" placeholder="{{__('web.height')}} "value="{{$user->height}}">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <small class="label"> {{__('web.gender')}} </small>
                                                                <div class="row">
                                                                    <div class="col-6">
                                                                        <div class="form-check">
                                                                            <input class="form-check-input" type="radio" name="gender" value="male" id="sex1" @if($user->gender == 'male') checked @endif>
                                                                            <label class="form-check-label" for="sex1">
                                                                                {{__('web.male')}}
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-6">
                                                                        <div class="form-check">
                                                                            <input class="form-check-input" type="radio" name="gender" value="female" id="sex2" @if($user->gender == 'female') checked @endif>
                                                                            <label class="form-check-label" for="sex2">
                                                                                {{__('web.female')}}
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <small class="label">{{__('web.date_of_birth')}} </small>
                                                                <input type="text" id="datepicker1" name="date_of_birth" class="form-control" value="{{$user->date_of_birth}}">
                                                                <span class="float_icon"> <i class="far fa-calendar"></i> </span>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="form-group">
                                                                <small class="label"> {{__('web.weight')}} </small>
                                                                <input type="number" name="weight" class="form-control" placeholder="{{__('web.weight')}}" value="{{$user->weight}}">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="form-group" id="allergens_check1">
                                                                <small class="label"> {{__('web.sensitive_check')}} </small>
                                                                <div class="row">
                                                                    <div class="col-6">
                                                                        <div class="form-check">
                                                                            <input class="form-check-input" type="radio" onclick="sensitivetCheck(this)" name="sensitive_check" id="check1" value="no"  @if($user->sensitive_check == 'no') checked @endif>
                                                                            <label class="form-check-label" for="check1">
                                                                                {{__('web.no')}}
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-6">
                                                                        <div class="form-check">
                                                                            <input class="form-check-input" type="radio" onclick="sensitivetCheck(this)" name="sensitive_check" id="check2" value="yes" @if($user->sensitive_check == 'yes') checked @endif>
                                                                            <label class="form-check-label" for="check2">
                                                                                {{__('web.yes')}}
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-12  @if($user->sensitive_check == 'no') d-none @endif" id="allergens_input1">
                                                            <div class="form-group">
                                                                <small class="label"> {{__('web.sensitive')}} </small>
                                                                <input type="text" name="sensitive" class="form-control" placeholder="" value="{{$user->sensitive}} ">
                                                            </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <div class="form-group show_hide_password">
                                                                <small class="label"> {{__('web.password')}}  </small>
                                                                <input type="password" name="password" class="form-control" placeholder="{{__('web.enter')}} {{__('web.password')}}">
                                                                <i class="bi-eye-slash show_pass float_icon"></i>
                                                            </div>
                                                        </div>
                                                        <div class="col-6">
                                                            <div class="form-group show_hide_password">
                                                                <small class="label"> {{__('web.password_confirmation')}}  </small>
                                                                <input type="password" name="password_confirmation" class="form-control" placeholder="{{__('web.enter')}} {{__('web.password_confirmation')}}">
                                                                <i class="bi-eye-slash show_pass float_icon"></i>
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <button class="butn mt-3 px-5 rounded-pill">
                                                                <span> {{__('web.save')}} </span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                              
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>
@push('js')
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" integrity="sha512-57oZ/vW8ANMjR/KQ6Be9v/+/h6bq9/l3f0Oc7vn6qMqyhvPd1cvKBRWWpzu0QoneImqr2SkmO4MSqU+RpHom3Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    
    <script src="{{url('')}}/assets/web/js/jquery-ui.multidatespicker.js"></script>
    <script src="{{url('')}}/assets/web/js/date_lang.js"></script>
    <script>
        let url_notifications = {!! json_encode(url(getCurrentLocale().'/notifications')) !!}
        let url_edit_days = {!! json_encode(url(getCurrentLocale().'/subscribe/edit/days')) !!}
        let url_addresses = {!! json_encode(url(getCurrentLocale().'/addresses')) !!}
        let url_orders = {!! json_encode(url(getCurrentLocale().'/myOrders')) !!}
        let url_create_address = {!! json_encode(url(getCurrentLocale().'/addresses/create')) !!}
        let url_editAddress = {!! json_encode(url(getCurrentLocale().'/addresses/edit')) !!}
        let url_select_date = {!! json_encode(url(getCurrentLocale().'/subscribe/days')) !!}
        let url_type_meal = {!! json_encode(url(getCurrentLocale().'/subscribe/days/meals')) !!}
        let url_pervious_subscribes = {!! json_encode(url(getCurrentLocale().'/subscribe/pervious')) !!}
        var dates = {!! json_encode($days) !!}
        let start_date = dates[0]
        let end_date = dates[dates.length - 1]
        if({!! json_encode($address) !!} == 'on')
        {
            address_check = 'on'
        }
        else
        {
            address_check = 'off'
        }
        
        if({!! json_encode($order) !!} == 'on')
        {
            orders_check = 'on'
        }
        else
        {
            orders_check = 'off'
        }
        
        if({!! json_encode($package) !!} == 'on')
        {
            package_check = 'on'
        }
        else
        {
            package_check = 'off'
        }
        
    </script>
    <script src="{{url('')}}/assets/web/js/custom/profileAction.js"></script>
    
    <script>
        $(".noti_icon").on("click" , function(){
            $(".tab-pane.fade.active.show").removeClass("show active");
            $("#pills-tab1-1").addClass("show active");
        })
    </script>

    <script>
        $("#pills-tab1-2-tab").on("click" , function(){
            $(".tab-pane.fade.active.show").removeClass("show active");
            $("#pills-tab1-2").addClass("show active");
        })
    </script>
    
@if($last)
    @if($last->validate_date > date('Y-m-d') && is_null($last->end_date) )
        <script>
            const second = 1000,
            minute = second * 60,
            hour = minute * 60,
            day = hour * 24,
            week = hour * 24 * 7;
            let timeDate = {!! json_encode(date('F d, Y H:i',strtotime($last->validate_date))) !!}
            
            let countDown = new Date(timeDate).getTime(),
                x = setInterval(function() {
                
                    let now = new Date().getTime(),
                        distance = countDown - now;
    
                    document.getElementById('days').innerText = Math.floor(distance / (day)),
                    document.getElementById('hours').innerText = Math.floor((distance % (day)) / (hour)),
                    document.getElementById('minutes').innerText = Math.floor((distance % (hour)) / (minute)),
                    document.getElementById('seconds').innerText = Math.floor((distance % (minute)) / second);
    
                    //do something later when date is reached
                    //if (distance < 0) {
                    //  clearInterval(x);
                    //  'IT'S MY BIRTHDAY!;
                    //}
    
                }, second)
        </script>
    @endif    
@endif    
    
   
   
@endpush
@stop