@extends('layouts/indexBuddyLayoutMaster')

@section('title', 'Buddies')

@section('vendor-style')
    <!-- vendor css files -->
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/extensions/jquery.rateyo.min.css'))}}">
@endsection

@section('content')
<!-- Page layout -->
<section class="buddies-hero" style="background-image: url('{{asset('images/banners/' . $heroBanner['image'])}}');">
</section>

<section class="buddy-profile mb-5" data-status="{{$profile->status}}">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12 p-0">
                <div class="card">
                    <div class="card-body">
                        @if ($profile->status == 0)
                            <div class="row">
                                <div class="col-12 text-center">
                                    <h4 class="font-weight-bolder font-large-2 text-primary my-5 py-5">Page Not Found!</h4>
                                </div>
                            </div>
                        @else
                            <div class="row row-up mb-3">
                                <div class="col-md-3">
                                    <div class="img-profile text-center">
                                        <img class="rounded-circle box-shadow-1" src="{{asset('images/profile/' . $profile['image_profile'])}}" alt="avatar" height="240" width="240">
                                    </div>
                                    <div class="profile-title d-sm-block d-md-none my-2 text-center">
                                        <h3 class="font-large-1 font-weight-bolder text-primary m-0">{{$profile['name']}}
                                            @if ($profile['verified'] == 1)
                                                <span class="d-inline-block badge-verified ml-25">
                                                    <img src="{{asset('images/icon/icon-verified.png')}}" class="w-100">
                                                </span>
                                            @endif
                                        </h3>
                                        <span class="">
                                            <i data-feather="map-pin"></i>
                                            <span class="font-medium-1 ml-25 font-small-1 align-middle">{{$profile['location_name']}}</span>
                                        </span>
                                    </div>
                                    <div class="info-left mt-2 pl-1 text-center text-md-left">
                                        <p class="font-weight-bolder text-primary">{{ __('locale.age') }}: <span class="font-weight-bold text-secondary">{{$profile['age']}}</span></p>
                                        <p class="font-weight-bolder text-primary">{{ __('locale.gender') }}: <span class="font-weight-bold text-secondary">
                                            @if ( Config::get('app.locale') == 'id')
                                                {{$profile['gender']}}
                                            @else
                                                {{$profile['gender_en']}}
                                            @endif
                                        </span></p>
                                        <p class="font-weight-bolder text-primary mb-0">{{ __('locale.language') }}:</p>
                                        <span class="font-weight-bold text-secondary mb-1">
                                            @if(!empty($profile['language']))
                                                @if ( Config::get('app.locale') == 'id')
                                                    @foreach($profile['language_name'] as $key => $data)
                                                        @if($key == 0)
                                                            {{$data}}
                                                        @else
                                                            , {{$data}}
                                                        @endif
                                                    @endforeach
                                                @else
                                                    @foreach($profile['language_name_en'] as $key => $data)
                                                        @if($key == 0)
                                                            {{$data}}
                                                        @else
                                                            , {{$data}}
                                                        @endif
                                                    @endforeach
                                                @endif
                                            @else
                                            -
                                            @endif
                                        </span>

                                        @if ($profile['user_type'] == 2)
                                        <p class="font-weight-bolder text-primary mt-1 mb-0">{{ __('locale.active_as_buddy') }}:</p>
                                        <span class="font-weight-bold text-secondary">{{$profile['upgraded_at']}}</span>
                                        @endif
                                        
                                        <p class="font-weight-bolder text-primary mt-1 mb-0">{{ __('locale.vaccine') }}:</p>
                                        <span class="font-weight-bold text-secondary">
                                            @if($profile['has_vaccine'] == 1)
                                                {{ __('locale.yes') }} <span class="badge bg-light-success ml-50">{{ __('locale.verified') }}</span>
                                            @else
                                                -
                                            @endif
                                        </span>
                                        
                                        @if ($profile['user_type'] == 2)
                                        <p class="font-weight-bolder text-primary mt-1 mb-0">{{ __('locale.identity_card') }}:</p>
                                        <span class="font-weight-bold text-secondary">
                                            @if($profile['has_identity'] == 1)
                                                {{ __('locale.yes') }} <span class="badge bg-light-success ml-50">{{ __('locale.verified') }}</span>
                                            @else
                                                -
                                            @endif
                                        </span>

                                        <p class="font-weight-bolder text-primary mt-1 mb-0">{{ __('locale.family_card') }}:</p>
                                        <span class="font-weight-bold text-secondary">
                                            @if($profile['has_kk'] == 1)
                                                {{ __('locale.yes') }} <span class="badge bg-light-success ml-50">{{ __('locale.verified') }}</span>
                                            @else
                                                -
                                            @endif
                                        </span>

                                        <p class="font-weight-bolder text-primary mt-1 mb-0">{{ __('locale.domisili') }}:</p>
                                        <span class="font-weight-bold text-secondary">
                                            @if($profile['has_domisili'] == 1)
                                                {{ __('locale.yes') }} <span class="badge bg-light-success ml-50">{{ __('locale.verified') }}</span>
                                            @else
                                                -
                                            @endif
                                        </span>
                                        
                                        <p class="font-weight-bolder text-primary mt-1 mb-0">{{ __('locale.police_certificate') }}:</p>
                                        <span class="font-weight-bold text-secondary">
                                            @if($profile['has_skck'] == 1)
                                                {{ __('locale.yes') }} <span class="badge bg-light-success ml-50">{{ __('locale.verified') }}</span>
                                            @else
                                                -
                                            @endif
                                        </span>
                                        @endif

                                    </div>
                                </div>
                                <div class="col-md-9">
                                    <div class="row mt-2 mt-md-5">
                                        <div class="col-md-9">
                                            <div class="profile-title d-none d-md-block">
                                                <h3 class="font-large-1 font-weight-bolder text-white m-0">{{$profile['name']}}
                                                @if ($profile['verified'] == 1)
                                                    <span class="d-inline-block badge-verified ml-25">
                                                        <img src="{{asset('images/icon/icon-verified.png')}}" class="w-100">
                                                    </span>
                                                @endif
                                                </h3>
                                                <span class="text-white">
                                                    <i data-feather="map-pin"></i>
                                                    <span class="font-medium-1 text-white ml-25 font-small-1 align-middle">{{$profile['location_name']}}</span>
                                                </span>
                                            </div>
                                            <div class="container-button d-none d-md-block mt-3">
                                                @guest
                                                    <a href="/login" class="btn btn-primary disabled" disabled>Chat</a>
                                                @endguest
                                                @auth
                                                    @if(auth()->user()->id != $profile['id'])
                                                        {{-- <button data-user="{{$profile['id']}}" class="btn btn-primary mr-50 @if (auth()->user()->status == 0) disabled @else btn-chat @endif" >Chat</button> --}}
                                                        <button class="btn btn-primary mr-50 disabled" disabled >Chat</button>
                                                    @else
                                                        <a href="{{ route('profile-setting'); }}" class="btn btn-primary mr-50">{{ __('locale.edit_profile') }}</a>
                                                    @endif
                                                @endauth
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            @if ($profile['user_type'] == 2)
                                                <div class="card">
                                                    <div class="card-body text-center">
                                                        <p class="font-large-1 font-weight-bolder text-primary">{{$profile['rating']}} / 5</p>
                                                        <div class="read-only-ratings d-inline-block mb-1 user-rating" data-rateyo-read-only="true" data-rating="{{$profile['rating']}}"></div>
                                                        <p class="font-medium-2 text-primary mb-0">{{$profile['reviews']}} {{ __('locale.reviews') }}</p>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="container-button d-sm-block d-md-none mb-2">
                                        @guest
                                            <a href="/login" class="btn btn-primary btn-block">Chat</a>
                                        @endguest
                                        @auth
                                            @if(auth()->user()->id != $profile['id']  && auth()->user()->status != 0)
                                                {{-- <button data-user="{{$profile['id']}}" class="btn btn-primary btn-block mr-50 @if (auth()->user()->status == 0) disabled @else btn-chat @endif" >Chat</button> --}}
                                                <button data-user="{{$profile['id']}}" class="btn btn-primary btn-block mr-50 disabled" disabled>Chat</button>
                                            @else
                                                <a href="{{ route('profile-setting'); }}" class="btn btn-block btn-primary mr-50">{{ __('locale.edit_profile') }}</a>
                                            @endif
                                        @endauth
                                    </div>
                                    <hr>
                                    <p class="font-medium-2 font-weight-bolder mt-2 text-center text-md-left">{{ __('locale.about_me') }}</p>
                                    <p class=" text-center text-md-left">
                                        @if(!empty($profile['about']))
                                            {{ $profile['about'] }}
                                        @else
                                            -
                                        @endif
                                    </p>

                                    <div class="list-activity mt-2">
                                        <p class="font-weight-bolder text-center text-md-left">{{ __('locale.activities') }}</p>
                                        <div class="list-item text-center text-md-left">
                                            @if(!empty($profile['activity']))
                                                @if ( Config::get('app.locale') == 'id')
                                                    @foreach($profile['activity_name'] as $key => $data)
                                                        <div class="btn btn-md btn-outline-primary disabled round mb-50">{{$data}}</div>
                                                    @endforeach
                                                @else
                                                    @foreach($profile['activity_name_en'] as $key => $data)
                                                        <div class="btn btn-md btn-outline-primary disabled round mb-50">{{$data}}</div>
                                                    @endforeach
                                                @endif
                                            @else
                                                -
                                            @endif
                                        </div>
                                    </div>

                                    <div class="list-activity mt-2">
                                        <p class="font-weight-bolder text-center text-md-left">{{ __('locale.interest') }}</p>
                                        <div class="list-item text-center text-md-left">
                                            @if(!empty($profile['interest']))
                                                @if ( Config::get('app.locale') == 'id')
                                                    @foreach($profile['interest_name'] as $key => $data)
                                                        <div class="btn btn-md btn-outline-primary disabled round mb-50">{{$data}}</div>
                                                    @endforeach
                                                @else
                                                    @foreach($profile['interest_name_en'] as $key => $data)
                                                        <div class="btn btn-md btn-outline-primary disabled round mb-50">{{$data}}</div>
                                                    @endforeach
                                                @endif
                                            @else
                                                -
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @if ($profile['user_type'] == 2)
                            <hr>
                            <div class="row">
                                <div class="col-md-12 text-center mb-2 mt-1">
                                <p class="font-medium-3">{{ __('locale.activities') }}</p>
                                <h3 class="font-large-1 font-weight-bolder text-primary">{{ __('locale.offered_activity') }}</h3>
                                </div>
                            </div>
                            <div class="row item-lists mt-3 mb-2">
                                @foreach($services as $key => $data)
                                <div class="col-md-4">
                                    <div class="card">
                                        <div class="card-header d-block">
                                            <div class="media">
                                                <img class="w-auto mr-1" src="{{asset('images/icon/' . $data['service_image'])}}" height="60" width="60">
                                                <div class="media-body">
                                                    <div class="d-flex">
                                                        <div class="w-100">
                                                            <h4 class="text-primary">
                                                                @if ( Config::get('app.locale') == 'id')
                                                                    {{ $data['service_name'] }}
                                                                @else
                                                                    {{ $data['service_name_en'] }}
                                                                @endif
                                                            </h4>
                                                            <p>Rp. {{number_format($data['price'], 0, ',', '.')}} /{{ __('locale.hour') }}</p>
                                                        </div>
                                                        <div>
                                                            @guest
                                                                <a href="/login" class="btn-wishlist">
                                                                    <i data-feather="heart" style="height: 22px!important; width:22px!important"></i>
                                                                </a>
                                                            @endguest
                                                            @auth
                                                                @if(auth()->user()->id != $data['user_id'])
                                                                    @if ($data['wishlist'])
                                                                        <a href="javascript:void(0)" class="btn-wishlist active @if (auth()->user()->status == 0) hidden @endif" data-service="{{$data['id']}}">
                                                                            <i data-feather="heart" style="height: 22px!important; width:22px!important"></i>
                                                                        </a>
                                                                    @else
                                                                        <a href="javascript:void(0)" class="btn-wishlist @if (auth()->user()->status == 0) hidden @endif" data-service="{{$data['id']}}">
                                                                            <i data-feather="heart" style="height: 22px!important; width:22px!important"></i>
                                                                        </a>
                                                                    @endif
                                                                @endif
                                                            @endauth
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <hr class="m-0">
                                        <div class="card-body">
                                            <span>{{$data->description}}</span>
                                        </div>
                                        <div class="card-footer text-center py-1">
                                            @guest
                                                <a href="/login" class="btn btn-flat-primary">Book</a>
                                            @endguest
                                            @auth
                                                {{-- @if (auth()->user()->id != $data['user_id']) --}}
                                                    <button class="btn btn-flat-primary @if (auth()->user()->status == 0) disabled @else btn-booking @endif" data-service="{{$data['id']}}">Book</button>
                                                {{-- @endif --}}
                                            @endauth
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                            @endif
                            <hr>
                            <div class="row">
                                <div class="col-md-12 text-center mb-2 mt-1">
                                <p class="font-medium-3">{{ __('locale.gallery') }}</p>
                                <h3 class="font-large-1 font-weight-bolder text-primary">{{ __('locale.my_special_moment') }}</h3>
                                </div>
                            </div>
                            <div class="row galleries mb-3">
                                @if (!empty($galleries))
                                    <div class="col-md-12 slick-gallery">
                                        @foreach($galleries as $key => $data)
                                        <a href="{{asset('images/gallery/' . $data['image'])}}" data-fslightbox class="mx-50">
                                            <div class="img imgLiquidFill imgLiquid item-gallery mb-2">
                                                <img src="{{asset('images/gallery/' . $data['image'])}}" alt="img-placeholder">
                                            </div>
                                        </a>
                                        @endforeach
                                    </div>
                                @else
                                    <div class="col-md-12 text-center">
                                        <div class="divider w-25 d-inline-block">
                                            <div class="divider-text">{{ __('locale.gallery_empty') }}</div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                            @if ($profile['user_type'] == 2)
                            <hr>
                            <div class="row">
                                <div class="col-md-12 text-center mb-2 mt-1">
                                <p class="font-medium-3">{{ __('locale.reviews') }}</p>
                                <h3 class="font-large-1 font-weight-bolder text-primary">{{ __('locale.what_my_buddy_say') }}</h3>
                                </div>
                            </div>
                            <div class="row review">
                                @if (!empty($reviews))
                                    <div class="col-md-12 slick-testimonial">
                                        @foreach($reviews as $data)
                                            <div class="item-testimonial text-center px-2">
                                                <span class="avatar mb-1">
                                                    <img class="round" src="{{asset('images/profile/thumb/' . $data['image'])}}" alt="avatar" height="100" width="100">
                                                </span>
                                                <h4 class="font-weight-bolder text-primary m-0">{{$data['name']}}</h4>
                                                @if ($data['age'] > 0)
                                                    <p class="font-weight-bolder">{{$data['age']}}th</p>
                                                @endif
                                                <p class="font-weight-bolder">
                                                    <span class="text-primary">
                                                        @if ( Config::get('app.locale') == 'id')
                                                            {{$data['service']}}
                                                        @else
                                                            {{$data['service_en']}}
                                                        @endif
                                                    </span>
                                                    - 
                                                    <i data-feather="star" class="text-warning"></i>
                                                    {{$data['rating']}}
                                                </p>
                                                <p>{{$data['desc']}}</p>
                                            </div>
                                        @endforeach
                                    </div>
                                @else
                                    <div class="col-md-12">
                                        <div class="col-md-12 text-center">
                                            <div class="divider w-25 d-inline-block">
                                                <div class="divider-text">{{ __('locale.reviews_empty') }}</div>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@include('panels.call-to-action')
@include('panels.socmed')

{{-- <section>
    <div
        class="modal fade"
        id="modalProfile"
        tabindex="-1"
        role="dialog"
        aria-hidden="true"
        >
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalCenterTitle">{{ __('locale.complete_profile') }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p>
                    {{ __('locale.complete_profile_note') }}
                </p>
            </div>
            <div class="modal-footer">
                <a href="{{ route('settings') }}" class="btn btn-primary">{{ __('locale.complete_profile') }}</a>
            </div>
            </div>
        </div>
        </div>
</section> --}}

<!--/ Page layout -->
@endsection

@section('vendor-script')
  <!-- vendor files -->
  <script src="{{ asset(mix('vendors/js/extensions/jquery.rateyo.min.js')) }}"></script>
@endsection

@section('page-script')
    {{-- Page js files --}}
    <script src="{{ asset(('js/scripts/home/buddy-detail.js')) }}"></script>
    <!--Start of Tawk.to Script-->
    <script type="text/javascript">
        var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
        (function(){
        var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
        s1.async=true;
        s1.src='https://embed.tawk.to/61b860e380b2296cfdd19c20/1fms3kufr';
        s1.charset='UTF-8';
        s1.setAttribute('crossorigin','*');
        s0.parentNode.insertBefore(s1,s0);
        })();
    </script>
    <!--End of Tawk.to Script-->
@endsection