@role('buddy')
    <div class="row my-activity">
        <div class="col-md-12">
            <p class="text-primary font-medium-2">{{ __('locale.your_activity') }}</p>
            @if (count($services) == 0)
                <div class="w-100 text-center mt-2">
                    <div class="divider w-50 d-inline-block">
                        <div class="divider-text">{{ __('locale.your_activity_empty') }}</div>
                    </div>
                </div>
            @else
                <div class="col-md-12 p-0 slick-buddy left-align-slick">
                    @foreach($services as $key => $data)
                    <div class="card card-buddy mx-50" data-sal="fade" data-sal-duration="1000">
                        <div class="item-list item-buddy cursor-pointer" data-service="{{$data['user_id']}}">
                            <a href="">
                                <div class="img imgLiquidFill imgLiquid">
                                    <img src="{{asset('images/profile/' . $data['user_image'])}}" alt="img-placeholder" style="display: none;">
                                </div>
                            </a>
                            <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">Rp. {{number_format($data['price'], 0, ',', '.')}}</h4>
                                    <p class="m-0">/ {{ __('locale.hour') }}</p>
                                </div>
                                <div class="col-5 text-right">
                                    @if ($data['pushed_count'] == 3)
                                    <button class="btn btn-primary @if (Auth::user()->status != 0) btn-up @endif btn-secondary" data-service="{{$data['id']}}" disabled="disabled">Up</button>
                                    @else
                                    <button class="btn btn-primary @if (Auth::user()->status != 0) btn-up @endif" data-service="{{$data['id']}}">Up</button>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="card-footer">
                            <div class="d-flex">
                            <span class="text-primary font-weight-bold counter">{{$data['pushed_count']}} / 3</span>
                            <span class="flex-grow-1 text-right text-primary timer" data-datetime="{{$data['pushed_at']}}" data-count="{{$data['pushed_count']}}"></span>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            @endif
        </div>
    </div>
@endrole