@extends('layouts.app')

@section('title') Wishlist @endsection

@section('content')
<div id="wishlist" class="container py-5">
	@include('partials.wishlists')
</div>
@endsection

@section('js')
<script>
    function refreshContent()
    {
        $.ajax({
            url: `{{ route('wishlists.index') }}`,
            dataType: 'html'

        }).done(function(data)
        {
            $('#wishlist').html(data);
            feather.replace();
        });
    }

	$('.form-wishlist').submit(function(e)
	{
		$.Event(e).preventDefault();

		const form = $(this);

		$.ajax({
			url: $(this).attr('action'),
			type: $(this).attr('method'),
			data: $(this).serialize(),
			dataType: 'json'

		}).done(function(data)
		{
            if (data.status == 'error')
            {
                showNoty(data);
            }

            else
            {
                refreshContent();
            }
		});
	});
</script>
@endsection