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

@section('title')
<title>{{env('APP_NAME')}} :: My Account</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">My Account</h1>
                    <!-- breadcrumb -->
                    @php
                    $breadcrumb = array(
                        array('title'=>'My Account', '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="account-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 d-md-none">
                    <h1>
                        My Account
                    </h1>
                </div>
                @include('website_view.component.account-navigation')      
            </div>
            <div class="col-12">
                <div class="row gap-y-2">
                    <div class="col-md-8">
                        <div class="box-one h-100">
                            <div class="account-item-one">
                                <div class="img-sec">
                                                                            <img src="{{ getStorageFile(config('path.avatar').'default.png') }}" alt="">
                                                                    </div>
                                <div class="account-info">
                                    <h2 class="title">
                                        <a href="{{route('about.me',['slug'=>$account->slug])}}">{{$account->display_name}}</a>
                                    </h2>
                                    <ul class="list-unstyled">
                                        <li>
                                            <b>Account type:</b>
                                                                                    </li>
                                        <li>
                                            <b>Email:</b> {{$account->email}}
                                        </li>
                                        <!-- <li>
                                            <b>Credits:</b> € 0 – <a href="buy-more.html">Buy more</a>
                                        </li> -->
                                        <!-- <li>
                                            <b>We accept:</b>
                                            <img src="{{asset('public/frontend_assets/images/icon/card/visa.svg')}}" height="24" alt="">
                                            <img src="{{asset('public/frontend_assets/images/icon/card/bitcoin.svg')}}" height="24" alt="">
                                        </li> -->
                                    </ul>
                                </div>
                                <div class="account-description">
                                    <p>
                                        {{$account->about_me}}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    @if($account->type == "C")
                    <div class="col-md-4">
                        <div class="box-one h-100">
                            <div class="heading-one">
                                <h1><i class="fa fa-envelope"></i> Messages</h1>
                                <hr class="m-0">
                                <p class="m-0">You have not sent any messages yet!</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="box-one h-100">
                            <div class="heading-one">
                                <h1><i class="fa fa-question-circle"></i> Questions</h1>
                                <hr class="m-0">
                                <p class="m-0">{{($count_question > 0)?$count_question:'No answered question yet.'}}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="box-one h-100">
                            <div class="heading-one">
                                <h1><i class="fa fa-heart"></i> Reviews</h1>
                                <hr class="m-0">
                                <p class="m-0">{{($count_review > 0)?$count_review:'No review yet.'}}</p>
                            </div>
                        </div>
                    </div>
                    @endif
                    <div class="col-md-12">
                        @if(isset($bookmarks) && !empty($bookmarks))
                        <div class="heading-one mb-3">
                            <h1>Recently Bookmarked Escorts</h1>
                        </div>
                        <div class="bookmark-items">
                            @foreach($bookmarks as $bookmark)
                            @php
                            if($bookmark->nationality_name !=''){
                                $slug_nationality = Str::slug($bookmark->nationality_name);
                            }
                            $slug_escort_location = '';
                            if($bookmark->city_name !=''){
                                $slug_escort_location .= Str::slug($bookmark->city_name).'-';
                            }
                            if($bookmark->country_name !=''){
                                $slug_escort_location .= Str::slug($bookmark->country_name);
                            }
                            @endphp
                            <div class="bookmark-escort-one">
                                <div class="img-sec">
                                    <a href="{{route('escort.detail',['nationality'=>$slug_nationality, 'escort_location'=>$slug_escort_location, 'slug'=>$bookmark->slug])}}">
                                        <img src="{{ getStorageFile(config('path.escort').$bookmark->advertiser_id.'/thumb/300_'.$bookmark->advertiser_image_url, 'b2') }}" alt="{{$bookmark->display_name}}"/>
                                        @if($bookmark->is_verified == 1)
                                        <span>
                                            <i class="fa fa-check"></i>
                                        </span>
                                        @endif
                                    </a>
                                </div>
                                <h2 class="title">
    								<a href="{{route('escort.detail',['nationality'=>$slug_nationality, 'escort_location'=>$slug_escort_location, 'slug'=>$bookmark->slug])}}">{{$bookmark->display_name}}</a>
    							</h2>
                            </div>
                            @endforeach
                        </div>

                        @else
                        <p>You have not bookmarked any escorts yet.</p>
                        <p>Save your favorite escorts for latter by bookmarking their profiles!</p>
                        <div>
                            <a href="{{route('home')}}">
                                <b>Browse escorts</b>
                            </a>
                        </div>
                        @endif
                    </div>
                  

                    <!-- <div class="col-12 text-right">
                        <a class="small" href="{{route('profile.delete',['slug'=>$account->slug])}}"><i class="fa fa-times fa-inline"></i> Delete profile</a>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
</section>

@endsection

@section('custom_js')
<script>
    $(function() {
        $('#addCustomer').validate({
            rules: {
                login_username: {
                    required: true,
                    email: true,
                    remote: {
                        url: "{{ route('user.check.email')}}",
                        type: "get",
                        data: {
                            login_username: function() {
                                return $("#login_username").val();
                            }
                        },
                        dataType: 'json'
                    }
                },

                login_password: {
                    required: true,
                },

                username: {
                    required: true,
                    remote: {
                        url: "{{ route('user.check.display.name')}}",
                        type: "get",
                        data: {
                            display_name: function() {
                                return $("#username").val();
                            }
                        },
                        dataType: 'json'
                    }
                },

                term_accept: {
                    required: true,
                }



            },
            messages: {
                login_username: {
                    required: "Please enter email",
                    remote: "This email is already registered. Please try with another one"

                },
                login_password: {
                    required: "Please enter password",
                },
                username: {
                    required: "Please enter username",
                    remote: "This username is already registered. Please try with another one"
                },

                term_accept: {
                    required: "Please accept the terms and conditions",
                }
            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            }
        });

    });
</script>
@endsection