@section('title', '- Place your order')

@extends('layouts.user-profile', ['withOutAside' => true])

@section('section-body')
    <h3>Review your whishlist</h3>
    <hr class="hr_user">

    <div class="col-md-12">
        @if (empty($data))
            <div class="alert alert-danger">
                <p>@lang('products.not_found')</p>
            </div>
        @endif
        @foreach ($data as $key => $product)
            <div id="{{ 'product_id_' . $product['id'] }}" class="row" style="margin-bottom: 30px">
                <div class="col-md-12 row">
                    <input type="hidden" value="{{ $product['product']['id'] }}" name="product[]">
                    <input type="hidden" value="{{ $product['product']['delivery'] }}}" name="delivery[]">
                    <div class="col-md-2">
                        <img id="" src="{{ $product['product']['photos'][0]['file'] }}" class="img-responsive">
                    </div>
                    <div class="col-md-6">
                        @if (!session('user'))
                            <div class="alert alert-danger">
                                <p>@lang('products.need_logged_buy')</p>
                            </div>
                        @endif
                        <h3>{{ $product['product']['name'] }}</h3>
                        <p>{{ str_limit($product['product']['description'], 200) }}</p>

                        @if ($product['product']['delivery'] == 1)
                            <p><b>@lang('products.note'):</b>
                                @lang('products.info_delivery') </p>
                        @endif

                        <p><b>@lang('products.seller'):</b>
                            <a href={{ route("seller.view", [ "id" => $product['user']['id']]) }}  class="without_under">
                                {{ $product['product']['user']['first_name'] }}
                                {{ $product['product']['user']['last_name'] }}
                            </a>
                        </p>
                    </div>
                    <div class="col-md-4">
                        <div class="panel panel-grey">
                            <div class="panel-content">
                                <div class="address_place">
                                    <h4 class="bold">
                                        <input type="hidden" name="price[]" value="{{ $product['product']['price'] }}">
                                        @lang('products.price'):
                                        <span class="pull-right text-price-confirm">
                                            {{ $product['product']['price'] }} eBits
                                        </span>
                                    </h4>
                                </div>
                            </div>
                        </div>
                        <button onclick="deleteProduct('{{ $product['id'] }}' , event )"
                                class="btn btn-ebit-noborder btn-block">
                            @lang('products.delete_article')
                        </button>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

@endsection

@push('js')

    <script>
        function deleteProduct(product_id, event) {
            event.preventDefault();
            var url = '{{ route("account.whishlist.destroy", ":id") }}';
            url = url.replace(':id', product_id);

            $.ajax({
                url,
                type: 'DELETE',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                },
                contentType: 'application/json; charset=utf-8',
                success: function (result) {
                    $(`#product_id_${product_id}`).html('');
                },
                error: function (error) {
                    console.error(error);
                }
            });
        }
    </script>

@endpush