@extends('../../master_layout/website_master')

@section('title')
<title>{{env('APP_NAME')}} :: {{$profile->display_name}} {{$profile->city_name}}'s Profile</title>
@endsection


@section('heading')
<section class="page-heading">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="content flex-column flex-sm-row">
                    <a href="javascript:history.back()" class="btn btn-link">
                        <i class="fa fa-angle-left"></i> Back
                    </a>
                    <h1 class="py-2 py-sm-0">{{$profile->display_name}} - {{$profile->country_name}}@if($profile->city_name !=''){{', '.$profile->city_name}} @endif</h1>
                    <!-- breadcrumb -->
                    @php                    
                    $breadcrumb = array(
                        array('title'=>'My Profiles', 'url'=>route('profile')),
                        array('title'=>$profile->display_name, 'url'=>route('profile.link',['slug'=>$profile->slug])),
                        array('title'=> 'Upgrade', 'url'=>'', 'active'=>'1')
                    );                                      
                    @endphp
                    @include('website_view.component.breadcrumb',  compact("breadcrumb"))
                    <!-- \breadcrumb -->
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('content')
<!-- Upgrade One -->
<section class="upgrade-one">
    <div class="container-fluid">
        <div class="row gap-y-2 d-flex align-items-center justify-content-center">
            <!-- Message-->
            @if (session('message'))
            <div class="col-12">
                <div class="alert alert-{{session('message.type')}} alert-dismissible fade show" role="alert">
                    @if(session('message.type')=='danger')
                    <strong>Oops!</strong> {!! session('message.text') !!}
                    @else
                    <strong>Success!</strong> {!! session('message.text') !!}
                    @endif
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
            @endif
            <!--end message--> 
                        @if(isset($plans) && !empty($plans))
                @foreach($plans as $plan)
                                <div class="col-md-3">
                    <div class="upgrade-type upgrade-type-basic" >
                        <div class="form-group radio_buttons optional upgrade_process_upgrade_type">
                            <h1>{{ $plan->plan_name }}</h1>
                            <div class="mb-2"> 
                                @if($profile->plan_id == $plan->plan_id) 
                                    Current <br>
                                    @php echo $plan_expiry_text @endphp  
                                @endif
                            </div>
                            
                            <div class="preview">
                                <a href="{{route('escort.detail',['nationality'=>$slug_nationality, 'escort_location'=>$slug_escort_location, 'slug'=>$profile->slug])}}">
                                <div class="listing-li basic thumbs-0 thumbs-basic">
                                    <h2 class="visible-xxs">{{$profile->display_name}}</h2>
                                    <div class="thumbs">
                                        <div class="main-thumbs">
                                            <span class="img-wrapper basic">
                                                @if(isset($images['main']) && $images['main'] !="" )
                                                    @if($images['main']->is_verified == 1)
                                                    <span class="verified-image text-left small" title="Photos Verified by MDir">
                                                        <i class="fa fa-check"></i>
                                                        <span>
                                                            Verified photos
                                                        </span>
                                                    </span>
                                                    @endif
                                                    <img src="{{ getStorageFile(config('path.escort').$profile->advertiser_id.'/thumb/300_'.$images['main']->advertiser_image_url, 'b2') }}" alt="{{$profile->display_name}}" width="115" height="135" class="img-responsive"/>
                                                @endif
                                            </span>
                                        </div>
                                        <div class="other-thumbs pull-left ">                                            
                                            @php 
                                                $totalthumb_allowed = 2;
                                                if($plan->plan_id > 2 || $plan->plan_id < 2){
                                                    $totalthumb_allowed = $plan->plan_id - 1; 
                                                }
                                                $imgcount = 0;                                    
                                            @endphp
                                            @if(isset($images['others']) && !empty($images['others']))

                                                @foreach($images['others'] as $image)
                                                    <div class="thumb thumb-1">
                                                        <span class="img-wrapper mini">
                                                            @if($image->is_verified == 1)
                                                            <span class="verified-image text-left small" title="">
                                                                <i class="fa fa-check"></i>
                                                                <span>Verified photos</span>
                                                            </span>
                                                            @endif
                                                            <img src="{{ getStorageFile(config('path.escort').$profile->advertiser_id.'/thumb/300_'.$image->advertiser_image_url, 'b2') }}" alt="{{$profile->display_name}}" width="60" height="60" class="img-responsive"/>
                                                        </span>
                                                    </div>
                                                    @php 
                                                    $imgcount++; 
                                                    if($imgcount >= $totalthumb_allowed){
                                                        break;
                                                    }
                                                    
                                                    @endphp
                                                @endforeach
                                            @endif

                                            @if($imgcount < $totalthumb_allowed)
                                                @for($i=$imgcount; $i<$totalthumb_allowed; $i++)
                                                <div class="thumb thumb-1">
                                                    <span class="img-wrapper mini">
                                                        <img src="{{ getStorageFile(config('path.escort').'escort-placeholder.jpg') }}" alt="" width="60" height="60" class="img-responsive">
                                                    </span>
                                                </div>
                                                @endfor

                                            @endif
                                        </div>
                                    </div>
                                    <div class="listing-info-wrapper">
                                        <div class="listing-info">
                                            <!--<h2>{{$profile->display_name}}</h2>-->
                                            <p>{!! $profile->about_me !!}</p>
                                        </div>
                                    </div>
                                </div>
                                </a>
                            </div>
                            <ul class="benefits">
                                <li>Unlimited enquiries</li>
                            </ul>
                            <div class="u-price">
                                <strong>from {{ ($profile->currency_symbol)?$profile->currency_symbol:''}} {{number_format($min_price)}}</strong>
                            </div>
                            <div class="btn-sec d-block w-100 mt-3">
                                @if($profile->plan_id < $plan->plan_id || $expired == 1)
                                <a href="{{route('upgrade.plan',['slug'=>$profile->slug,'plan'=>Str::slug($plan->plan_name)])}}" class="btn btn-block btn-main">
                                    Upgrade <i class="fa fa-angle-right"></i>
                                </a>
                                @elseif($profile->plan_id == $plan->plan_id && $display_upgrade == 1)
                                <a href="{{route('upgrade.plan',['slug'=>$profile->slug,'plan'=>Str::slug($plan->plan_name)])}}" class="btn btn-block btn-main">
                                    Upgrade <i class="fa fa-angle-right"></i>
                                </a>
                                @endif
                                                            </div>
                            
                        </div>
                    </div>
                </div>    

                
                @endforeach
            @endif
        </div>
        
    </div>
</section>
@endsection