@extends('layouts/contentLayoutMaster')

@section('title', 'Wishlist')

@section('content')
<section>
  <h2 class="page-title font-bolder text-primary" data-id="">{{ __('locale.wishlist') }}</h2>
</section>

<section class="list-buddy mt-2 mb-5">
  <div class="row item-lists ">
    @if (!empty($wishlists))
        @foreach($wishlists as $key => $data)
            <div class="col-md-3 item-wishlist">
                <div class="card card-buddy">
                    <a href="javascript:void(0)" class="btn-wishlist active" data-service="{{$data['service_id']}}">
                        <i data-feather="heart"></i>
                    </a>
                    <div class="item-list item-buddy cursor-pointer" data-service="{{$data['user_id']}}">
                        <div class="img imgLiquidFill imgLiquid">
                            <img src="{{asset('images/profile/' . $data['user_image'])}}" alt="img-placeholder" style="display: none;">
                        </div>
                        <div class="item-content">
                            <div class="item-header mt-1">
                                <div class="row m-0">
                                    <div class="col">
                                        <div class="badge badge-primary">
                                            @if ( Config::get('app.locale') == 'id')
                                                {{ $data['service_name'] }}
                                            @else
                                                {{ $data['service_name_en'] }}
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-2 text-right">
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="item-footer position-absolute position-bottom-0 w-100 py-1">
                                <div class="row m-0">
                                    <div class="col">
                                        <a href="{{ url('buddies/' . $data['user_id']) }}">
                                            <h3 class="font-weight-bolder text-white m-0">{{$data['user_name']}}
                                            @if ($data['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>
                                        </a>
                                        <span>
                                            <i data-feather="map-pin" class="text-white"></i>
                                            <span class="text-white ml-25 font-small-1">{{$data['location']}}</span>
                                        </span>
                                    </div>
                                    <div class="col-4 text-right pt-2">
                                        <i data-feather="star" class="text-warning"></i>
                                        <span class="font-weight-bolder text-white ml-25">{{$data['rating']}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col">
                                <h4 class="d-block font-weight-bolder mb-25">Rp. {{number_format($data['price'], 0, ',', '.')}}</h4>
                                <p class="m-0">/ {{ __('locale.hour') }}</p>
                            </div>
                            <div class="col-5 text-right">
                                <button class="btn btn-primary btn-booking" data-service="{{$data['service_id']}}">Book</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    @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.wishlist_empty') }}</div>
                </div>
            </div>
        </div>
    @endif
  </div>
</section>

<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>

@endsection

@section('page-script')
  {{-- Page js files --}}
  <script src="{{ asset(('js/scripts/member/wistlist.js')) }}"></script>
@endsection