@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')

<!-- Checkout One -->
<section class="checkout-one">
    <div class="container-fluid">
        <!-- Message-->
        @if (session('errors'))
            <div class="alert alert-danger alert-dismissible">
                @foreach($errors->all() as $message)
                <li class="text-danger">{{$message}}</li>
                @endforeach
            </div>
        @endif 
        @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-->
        <div class="row justify-content-center">
            <div class="col-md-6">
                <form method="post" id="plan_subscribe" action='{{route("upgrade-plan-process")}}'>
                <!--<form id="add_fund" action="{{ route('add-fund-process') }}" method="POST" class="needs-validation" novalidate="">-->
                    <input type="hidden" name="get_plan_id" id="get_plan_id" value="{{ $plan_id }}">
                    <input type="hidden" name="get_plan_pricing_id" id="get_plan_pricing_id">
                    <input type="hidden" name="advertiser_id" id="advertiser_id" value="{{$profile->advertiser_id}}">
                    <input type="hidden" name="profile_slug" id="profile_slug" value="{{$profile->slug}}">
                    <input type="hidden" name="is_cash" id="is_cash" value="1">
                    <input type="hidden" name="discount_amount" id="discount_amount" value="{{ (isset($discount_price) && $discount_price>0)?$discount_price:0 }}">

                    @csrf
                    <div class="row gap-y-2">
                        <div class="col-12">

                            <div class="box-one">
                                
                                <div class="heading-one">
                                    <h1 class="d-flex justify-content-between align-items-center">
                                        <span>{{ucfirst(request()->segment('4'))}} profile</span>
                                        <a href="javascript:history.back()" class="btn btn-main">
                                            <i class="fa fa-arrow-left"></i> Back to Selection
                                        </a>
                                    </h1>
                                    <hr class="m-0">    
                                                                   
                                   
                                    @if(isset($plans->pricing) && !empty($plans->pricing))
                                        @foreach($plans->pricing as $price)

                                             
                                        @if($upgrade_option == 1)                                       
                                        <div class="d-block">
                                            <label class="radio-one">{{$price->plan_days}} days for {{($profile->currency_symbol)?$profile->currency_symbol:''}} {{number_format($plan_price)}}
                                                <input type="radio" onclick="get_plan_amount({{ $price->plan_pricing_id }})" class="plan planradio" name="plan_pricing_id[]" id="plan_pricing_id_{{$price->plan_pricing_id}}" value="{{$price->plan_pricing_id}}" @if($upgrade_option ==0){{ 'disabled' }} @endif>
                                                <span class="checkmark"></span>
                                            </label>
                                        </div>   
                                        @else
                                        <div class="d-block">
                                            <i class="fa fa-times" aria-hidden="true"></i>
                                            {{$price->plan_days}} days for {{($profile->currency_symbol)?$profile->currency_symbol:''}} {{number_format($plan_price)}}                                               
                                            <span class="text-danger">(Not available)</span>
                                        </div> 

                                        @endif
                                        <input type="hidden" name="plan_amount[]" id="plan_amount_{{$price->plan_pricing_id}}" value="{{$plan_price}}">
                                        <input type="hidden" name="plan_id[]" id="plan_id_{{$price->plan_pricing_id}}" value="{{$price->plan_id}}">

                                        @endforeach
                                    @endif
                                    <label for="plan_pricing_id[]" id="plan_pricing_id[]-error" class="error plan_pricing_id_error" style="color:#f01515"></label>
                                    <!--<div class="text-right">
                                        <h4 class="m-0">Total: {{($profile->currency_symbol)?$profile->currency_symbol:''}} <span class="display_amount">0</span></h4>
                                    </div>-->
                                </div>
                            </div>
                        </div>
                        <!--<div class="col-12">
                            <div class="box-one">
                                @if($plans->plan_id != 1)
                                <div class="heading-one">
                                    <h1>
                                        <i class="fa fa-credit-card"></i> Cash
                                    </h1>
                                    <hr class="m-0">
                                    <div class="d-block form-group">
                                        <label class="radio-one">Cash Payment<img src="images/icon/card/visa.svg" height="24" alt=""></a>
                                            <input type="radio" checked value="Cash" name="payment_mode" id="payment_mode">
                                            <span class="checkmark"></span>
                                        </label>
                                    </div>
                                </div>
                                @endif
                                <button type="submit" class="btn btn-main mt-3" style="display:block">
                                @if($plans->plan_id !=1 )
                                Pay {{($profile->currency_symbol)?$profile->currency_symbol:''}} <span class="display_amount">0</span>
                                @else
                                Apply {{($profile->currency_symbol)?$profile->currency_symbol:''}} <span class="display_amount">0</span>
                                @endif
                                    
                                </button>
                            </div>
                        </div>-->

                        <div class="col-md-12 col-lg-12">
                            <div class="row rounded border border-white p-2 m-1">
                    
                            <div class="col-md-12 col-lg-12 heading-one">
                                <h1>
                                    Payment Methods
                                </h1>
                                <hr class="m-0">
                            
                                @csrf                                
                                <div class="form-group mb-4">                                

                                    <p class="help-block margin-bottom-zero fee-wrap">
                                        <span class="d-block w-100">Plan Price:
                                        <span class="float-right"><strong><span class="display_amount">0</span></strong></span>
                                        </span><!-- end transaction fee -->  
                                        
                                        @if(isset($discount_price) && $discount_price > 0)
                                        <span class="d-block w-100">Discount <i>(Balance of previous plan*)</i>:
                                        <span class="float-right"><strong><span class="discount_amount">{{$discount_price}}</span></strong></span>
                                        </span><!-- end Discount fee -->

                                        @endif
                                        
                                        <span class="d-block w-100">Transaction Fee:
                                        <span class="float-right"><strong><span id="transaction_fee">0.00</span></strong></span>
                                        </span><!-- end transaction fee -->    
                                        
                                        <hr>
                                        <span class="d-block w-100">Total:
                                        <span class="float-right"><strong><span id="total_amount">0.00</span></strong></span>
                                        </span><!-- end total -->
                                    </p>                            
                                </div>                           
                                
                                
                                <!-- Use radio buttons for choosing between PayPal and a different payment method -->
                                <div class="mb-4 payment_gateway_options">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="payment_gateway" id="payment_gateway" value="wallet" @if($wallet->wallet_balance < $min_price) disabled @endif>
                                        <label class="form-check-label" for="flexRadioDefault0">                  
                                            <h6 class="mb-0">
                                                Wallet - Available Balance {{ $profile->currency_symbol }} {{$wallet->wallet_balance}}
                                                ( <a href="{{ route('add-fund', ['country' => $profile->profile_country_id]) }}" class="">
                                                    Add Fund
                                                </a> )
                                            </h6>
                                        </label>
                                    </div>
                                                                </div>
                            </div>
                        </div>
                    </div>
                </form>

            </div>



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

@endsection

@section('custom_js')

<script>
  var wallet_balance = @if($wallet->wallet_balance > 0) {{ $wallet->wallet_balance }} @else {{ 0 }} @endif ;
</script>

@if(isset($payment_settings[config('global.payment.PayPal')]) && !empty($payment_settings[config('global.payment.PayPal')]))
<script src="https://www.paypal.com/sdk/js?client-id=