@extends('layouts.userLayouts')

@section('main')
    <div class="profile-page col-xl-9 col-lg-8 col-md-12 order-2">
        <div class="row">
            <div class="col-lg-12">
                <div class="col-12">
                    <h1 class="title-tab-content">لیست علاقمندی ها</h1>
                </div>

                @if(count($favorites) == 0 )
                    <div class="content-section text-center">
                        <div class="icon-empty">
                            <i class="now-ui-icons travel_info"></i>
                        </div>
                        <h1 class="text-empty">موردی برای نمایش وجود ندارد!</h1>
                    </div>
                @else
                    <div class="content-section default">
                        <div class="row">
                            @foreach($favorites as $favorite)
                                <div class="col-md-6 col-sm-12" id="divFavorite{{$favorite->id}}">
                                    <div class="profile-recent-fav-row">
                                        <a href="{{url('/post/'.$favorite->code.'/'.$favorite->url)}}"
                                           class="profile-recent-fav-col profile-recent-fav-col-thumb">
                                            <img src="{{url('/assets/post').'/'.$favorite->image}}"></a>
                                        <div class="profile-recent-fav-col profile-recent-fav-col-title">
                                            <a href="{{url('/post/'.$favorite->code.'/'.$favorite->url)}}">
                                                <h4 class="profile-recent-fav-name">
                                                    {{ \Illuminate\Support\Str::limit($favorite->fa_name,40)}}
                                                </h4>
                                            </a>
                                            @if(count($favorite->price->where('number','>',0)) != 0)
                                            <div
                                                class="profile-recent-fav-price">{{number_format(\App\Post::minPrice($favorite->id)['total'])}}
                                                تومان
                                            </div>
                                                @else
                                                <div
                                                    class="profile-recent-fav-price">ناموجود</div>
                                            @endif
                                        </div>
                                        <div class="profile-recent-fav-col profile-recent-fav-col-actions">
                                            <button class="btn-action btn-action-remove remove-favorite-item" data-id="{{$favorite->id }}">
                                                <i class="fa fa-trash"></i>
                                            </button>
                                        </div>
                                        <div class="col-12 text-left mb-3">
                                            <a href="{{url('/post/'.$favorite->code.'/'.$favorite->url)}}"
                                               class="view-product">مشاهده محصول</a>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="remove-favorite-item" tabindex="-1" role="dialog"
         aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title mb-3" id="exampleModalLabel">آیا مطمئنید که این محصول از لیست مورد علاقه شما حذف شود؟</h5>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="remodal-general-alert-button remodal-general-alert-button--approve transfer-to-future-purchases"
                            data-dismiss="modal">خیر
                    </button>
                    <button type="button"
                            class="remodal-general-alert-button remodal-general-alert-button--cancel remove-favorite-product"
                            id="remove-button-favorite" data-id="">
                        بله
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!-- End Modal remove-location -->
    @include('layouts.loading')

@endsection

@section('footer')
@parent
<script>
    $(document).on("click", ".remove-favorite-item", function () {
        var ProductId = $(this).data('id');
        $('#remove-button-favorite').data('id', ProductId);
        $('#remove-favorite-item').modal('show');
    });
</script>
<script>
    $(".remove-favorite-post").click(function (e) {
        e.preventDefault();
        var ID = $('#remove-button-favorite').data('id');
        $('#loading').show();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });
        $.ajax({
            url: '{{url('/post/ajaxFavorite')}}',
            type: 'POST',
            data: {
                product_id: ID
            },
            success: function (response) {
                $('#remove-favorite-item').modal('hide');
                $('#loading').hide();
                $('#divFavorite' + ID).remove();
                location.reload();
            },
            error: function (jqXHR) {
                toastr.warning('خطایی در حین انجام عملیات رخ داد', 'اوپس...');
                $('#loading').hide();
            }
        });
    });
</script>
@stop