@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 <!--Escorts in {{$profile->city_name}}-->
                    </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'=>'', 'active'=>'1')
                    );
                    @endphp
                    @include('website_view.component.breadcrumb',  compact("breadcrumb"))
                    <!-- \breadcrumb -->
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('content')

@if (session('errors'))
<div class="alert alert-danger alert-dismissible">
    @foreach($errors->all() as $message)
    <li class="text-danger">{{$message}}</li>
    @endforeach
</div>
@endif

<section class="profile-one">
    <div class="container-fluid">
                <div class="row gap-y-2">
            <!-- 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-->

            <!--<div class="col-12">
                <div class="heading-one text-center">
                    <h1>
                        {{$profile->display_name}} {{$profile->city_name}}'s profile
                    </h1>
                </div>
            </div>-->
            <div class="col-12">
                <div class="select-profile">
                    @if(isset($advertisers) && !empty($advertisers))
                    <div class="dropdown dropdown-one">

                        <a class="btn btn-white dropdown-toggle" href="#" role="button" id="profile-listing" data-toggle="dropdown">
                            <span>{{$profile->display_name}} in {{$profile->country_name}}</span>
                        </a>
                        <div class="dropdown-menu" aria-labelledby="profile-listing">
                            @foreach($advertisers as $advertiser)
                            <a class="dropdown-item" href="{{route('profile.link',['slug'=>$advertiser->slug])}}">
                                <span class="title">{{$advertiser->display_name}} in {{$advertiser->country_name}}</span>
                                <span class="badge" data-placement="top" data-toggle="tooltip" title="Your profile will not be listed until you verify the photos.">
                                    @if($advertiser->is_image_verified==3)
                                    <i class="text-success fa fa-image"></i>
                                    @else
                                    <i class="text-warning fa fa-image"></i>
                                    @endif
                                </span>

                                @if($advertiser->plan_name !='')
                                <span class="my-status" data-toggle="tooltip" title="{{$advertiser->plan_name}}">
                                    {{$advertiser->plan_name}}
                                </span>
                                @else
                                <span class="my-status text-danger" data-toggle="tooltip" title="Upgrade to activate profile in listing">
                                    No Plan
                                </span>
                                @endif
                                                            </a>
                            @endforeach
                        </div>

                    </div>
                    @endif
                    <a href="{{route('profile.add')}}" class="btn btn-main">Add Profile +</a>
                </div>
            </div>
            <div class="col-12">
                <div class="row gap-y-2">
                    <div class="col-md-8">
                        <div class="box-one h-100">
                            <div class="profile-item-one">
                                <div class="img-sec">
                                    <div class="big-img">
                                        <a href="{{route('escort.detail',['nationality'=>$slug_nationality, 'escort_location'=>$slug_escort_location, 'slug'=>$profile->slug])}}">

                                            @if(isset($main_image->advertiser_image_url) && $main_image->advertiser_image_url!="")
                                            <img src="{{ getStorageFile(config('path.escort').$profile->advertiser_id.'/'.$main_image->advertiser_image_url, 'b2') }}" alt="{{$profile->display_name}}"/>
                                            @else
                                            <img src="{{ getStorageFile(config('path.escort').'escort-placeholder.jpg') }}" alt="">
                                            @endif
                                            @if(isset($main_image->is_verified) && $main_image->is_verified == 1)
                                            <span>
                                                <i class="fa fa-check"></i>
                                                <span>Verified photos</span>
                                            </span>
                                            @endif
                                        </a>
                                    </div>
                                </div>
                                <div class="details-sec">
                                    <h2 class="title">
                                        <a href="{{route('escort.detail',['nationality'=>$slug_nationality, 'escort_location'=>$slug_escort_location, 'slug'=>$profile->slug])}}">{{$profile->display_name}}</a>
                                        <span><i class="fa fa-question-circle"></i> {{$no_of_question_answered}}</span>
                                        @if($check_any_image_verified)
                                        <i class="text-success fa fa-image"></i>
                                        @else
                                        <i class="text-warning fa fa-image"></i>
                                        </span>
                                        @endif
                                    </h2>

                                    @if(!$check_any_image_verified)
                                    <span>
                                        <a class="text-warning" href="{{route('picture.verification.request',['slug'=>$profile->slug])}}">Pending photo Verification</a>
                                    </span>
                                    @endif

                                    <p>
                                        {{$profile->about_me}}
                                    </p>
                                    <div class="btn-sec">

                                        @if($editprofile_access)
                                        <a href="{{route('profile.edit',['slug'=>$profile->slug])}}" class="btn btn-main">
                                            <i class="fa fa-pencil"></i> Edit
                                        </a>
                                        @endif

                                        @if(!$profile->is_pause)
                                        <a href="{{route('profile.pause',['slug'=>$profile->slug,'pause'=>'pause'])}}" onclick="return confirm('Pause advertising?')" class="btn btn-main">
                                            <i class="fa fa-pause"></i> Pause
                                        </a>
                                        @else
                                        <a href="{{route('profile.pause',['slug'=>$profile->slug,'pause'=>'unpause'])}}" onclick="return confirm('Resume advertising?')" class="btn btn-main">
                                            <i class="fa fa-pause"></i> Resume
                                        </a>
                                        @endif
                                        <i class="help-tooltip" title="Pausing advertising will mean your listing does not appear in search. If you have a paid listing, the remaining days will stay on your account. Your listing will remain active on the site for users who have bookmarked you." data-placement="right" data-toggle="tooltip">
                                            <i class="fa fa-info-circle fa-2x"></i>
                                        </i>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <!-- <div class="social-list-one">
                                <b>Share profile on:</b>
                                <a href="#">
                                    <i class="fa fa-facebook-square"></i>
                                </a>
                                <a href="#">
                                    <i class="fa fa-twitter-square"></i>
                                </a>
                            </div> -->
                            @if($deleteprofile_access)
                            <div class="text-right">
                                @if($profile->is_deleted==0)
                                <a href="javascript:void(0)" class="modal-btn passwordModal" data-escort="{{$profile->slug}}" data-toggle="modal" data-target="#passwordModal">
                                    <i class="fa fa-times fa-inline"></i> <span>Delete profile</span>
                                </a>
                                @endif

                                @if($profile->is_deleted==1)
                                <span class="text-danger mr-2">
                                    <i class="fa fa-hourglass fa-inline"></i> <span>Delete Requested (Pending Admin Approval) </span>
                                </span>
                                <a href="{{route('profile.delete.cancel',['slug'=>$profile->slug])}}">
                                    <i class="fa fa-times fa-inline"></i> <span>Cancel Delete Request</span>
                                </a>
                                
                                @endif
                                <!-- <a class="small" href="{{route('profile.delete',['slug'=>$profile->slug])}}"><i class="fa fa-times fa-inline delete-profile"></i> Delete profile</a> -->
                            </div>
                            @endif
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="box-one">
                            <div class="heading-one">
                                <div class="row">
                                    <div class="col-md-12 d-flex">
                                        <h1>{{$plan_name}} 
                                            @if($profile->plan_id > 0) 
                                                Listing 
                                            @else
                                                - Listing Inactive
                                            @endif
                                        </h1>
                                        @if($plan_expiry_text !='')<span class="ml-auto my-auto">@php echo ($plan_expiry_text) @endphp</span>@endif
                                    </div>
                                </div>
                                
                                <hr class="m-0">
                                @if($profile->plan_id == 0)
                                <p>Upgrade plan to activate profile in listing!</p>
                                @elseif($profile->plan_id !=4)
                                <p>Upgrade to higher plan and get more enquiries!</p>
                                @else
                                <p>Renew profile before expiry to keep profile activated!</p>
                                @endif
                                
                                <div class="btn-sec">
                                    <a href="{{route('upgrade',['slug'=>$profile->slug])}}" class="btn btn-main">Upgrade now <i class="fa fa-arrow-right"></i></a>
                                </div>

                                <div> 
                                    <span class="mr-2">AUTO RENEW</span> <input type="checkbox" class="auto-renew" @if($profile->plan_autorenew){{'checked'}}@endif data-advid="{{$profile->advertiser_id}}" data-toggle="toggle" data-onstyle="success" data-size="xs">
                                </div>
                            </div>
                        </div>
                        <!-- <div class="ad-box">
                            <h6>ADVERTISEMENT</h6>
                            <a href="#">
                                <img src="images/ad/1.jpg" alt="">
                            </a>
                        </div> -->
                    </div>
                    <div class="col-md-4">
                        <div class="box-one h-100">
                            <div class="heading-one">
                                <h1>Contacts <small>(last 30 days)</small></h1>
                                <hr class="m-0">
                                <div class="inline-list">
                                    <span class="my-stat">
                                        <i class="fa fa-envelope"></i> {{$last_30_message}}
                                    </span>
                                    <span class="my-stat">
                                        <i class="fa fa-phone fa-inline"></i> {{$last_30_phone}}
                                    </span>
                                    <span class="my-stat">
                                        <i class="fa fa-globe"></i> {{$last_30_website}}
                                    </span>
                                </div>
                                <div class="btn-sec">
                                    <a href="{{route('statistic',['slug'=>$profile->slug])}}" class="btn btn-main">View statistics</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="box-one h-100">
                            <div class="heading-one">
                                @if($profile->is_image_verified >2)
                                <h1>Verified</h1>
                                <hr class="m-0">
                                <p>
                                    <i class="text-success fa fa-check-circle"></i> Photo Verified.
                                </p>
                                @else
                                <h1>Verify Photo</h1>
                                <hr class="m-0">
                                <p>
                                    @if($profile->is_image_verified < 1) <span class="badge badge-primary">Not Uploaded</span>
                                        @elseif($profile->is_image_verified <= 1) <span class="badge badge-warning">Request Submitted, Admin Verification is in progress </span>
                                            @elseif($profile->is_image_verified <= 2) <span class="badge badge-danger">Rejected:</span>
                                                {!! $profile->remarks !!}
                                                @endif

                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <!-- <div class="col-md-4">
                        <div class="box-one h-100">
                            <div class="heading-one">
                                <h1>Link to us</h1>
                                <hr class="m-0">
                                <p>Link to us from your site and get free credits.</p>
                                <div class="btn-sec">
                                    <a href="find-out-more.html" class="btn btn-main">Find out more</a>
                                </div>
                            </div>
                        </div>
                    </div> -->
                    @if(isset($questions) && !empty($questions))
                    <div class="col-lg-6 col-md-6" id="profile-questions">
                        <h1>Questions</h1>
                        <hr class="m-0">
                        @foreach($questions as $question)
                        <div class="heading-one mb-3">
                            <p>
                                <b>Question from <a href="{{route('user.question',['slug'=>$question->slug])}}"> {{$question->display_name}} </a> :</b>
                            </p>
                        </div>

                        <div class="ans-div">
                            <p class="mb-1">
                                {!! $question->question !!}
                            </p>
                            <div class="reply-sec">
                                @if($question->is_replied)
                                <div class="bubble-block">
                                    <p>
                                        {!! $question->reply !!}
                                    </p>
                                </div>
                                @else
                                <!-- <form action="" class="mt-3"> -->
                                <div class="form-group">
                                    <textarea class="form-control" name="reply" id="reply_{{$question->question_id}}" placeholder="Reply"></textarea>
                                    <span class="error text-danger" id="error_reply_{{$question->question_id}}"></span>
                                </div>
                                <button class="btn btn-main" name="btn_public" onclick=question_reply_public({{$question->question_id}})>
                                    Reply publicly<i class="fa fa-angle-right"></i>
                                </button>

                                <button class="btn btn-main" name="btn_private" onclick=question_reply_private({{$question->question_id}})>
                                    Reply privately<i class="fa fa-angle-right"></i>
                                </button>
                                <!-- </form> -->
                                @endif
                            </div>
                        </div>

                        <div class="text-left m-1">
                            <a class="small" href="{{route('user.question.delete',['slug'=>$profile->slug,'question'=>$question->question_id])}}"><i class="fa fa-times fa-inline"></i> Delete Question</a>
                        </div>
                        <hr class="m-2">
                        @endforeach
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>

@endsection

@section('custom_css')
<link rel="stylesheet" href="{{asset('public/frontend_assets/css/bootstrap4-toggle.min.css')}}">
@endsection
@section('custom_js')
<script src="{{asset('public/frontend_assets/js/bootstrap4-toggle.min.js')}}"></script>
<script>
    function question_reply_public(question) {

        var reply = $("#reply_" + question).val();
        //console.log(reply);
        $.ajax({
            url: '{{route("reply.question")}}',
            type: "POST",
            data: {
                'question_id': question,
                'reply': reply,
                'is_public': 1,
            },
            dataType: 'JSON',
            headers: {
                "X-CSRF-TOKEN": "{{ csrf_token() }}"
            },
            success: function(response) {
                if (response.status == true) {
                    //alert(response.message);
                    $(".error").html("");
                    window.location.reload();
                } else {
                    //alert(response.errors.reply);
                    $("#error_reply_" + question).html(response.errors.reply);
                }
            },
            error: function(error) {
                alert("Something went wrong. Please try again later.");
                window.location.reload();
            }
        });
    }


    function question_reply_private(question) {

        var reply = $("#reply_" + question).val();
        //console.log(reply);
        $.ajax({
            url: '{{route("reply.question")}}',
            type: "POST",
            data: {
                'question_id': question,
                'reply': reply,
                'is_public': 0,
            },
            dataType: 'JSON',
            headers: {
                "X-CSRF-TOKEN": "{{ csrf_token() }}"
            },
            success: function(response) {
                if (response.status == true) {
                    //alert(response.message);
                    $(".error").html("");
                    window.location.reload();
                } else {
                    //alert(response.errors.reply);
                    $("#error_reply_" + question).html(response.errors.reply);
                }
            },
            error: function(error) {
                alert("Something went wrong. Please try again later.");
                window.location.reload();
            }
        });
    }

    $(document).ready(function() {

        $('.auto-renew').change(function() {            
            if(this.checked){
                plan_autorenew = '1';
            } else {
                plan_autorenew = '0';
            }
            advertiser_id =  $(this).attr("data-advid");
            $.ajax({
                url: '{{route("profile.autorenew")}}',
                type: "POST",
                data: {
                    'plan_autorenew': plan_autorenew,
                    'advertiser_id': advertiser_id,
                },
                dataType: 'JSON',
                headers: {
                    "X-CSRF-TOKEN": "{{ csrf_token() }}"
                },
                success: function(response) {
                    /*if (response.status == true) {
                        
                    }*/
                },
                error: function(error) {
                    alert("Something went wrong. Please try again later.");
                    window.location.reload();
                }
            });
            /*if(this.checked) {
                var returnVal = confirm("Are you sure?");
            }   */
        });
    });
</script>
@endsection