@section('title', '- Your products')

@extends('layouts.user-profile')

@section('breadcumb')
    @include('layouts.partials.breadcumb', ['page' => 'Products'])
@endsection

@section('section-body')
    @if (empty($articles))
        <div class="alert alert-danger">
            <p>@lang('products.not_found')</p>
        </div>
    @endif
    @foreach ($articles as $article)
        <div class="col-md-12 item-article">
            <div class="list-item">
                <div class="col-md-2 img-item">
                    <img src="{{ $article->photos[0]->file }}" alt="{{ $article->name }}"
                         class="img-articles img-responsive">
                </div>
                <!--More Info-->
                <div class="col-md-10 info-articule">
                    <div class="row">
                        <div class="col-md-9 title-article bg">
                            <a href="{{ url("/articles/$article->id") }}" class="title_link">
                                <h4 class="articles-title">{{ $article->name }}</h4>
                            </a>
                            <p class="categories-article">Status:
                                <span class="badge badge-c-{{ $article->status_color }}">
                                    {{ ucfirst($article->status) }}
                                </span>
                            </p>
                            @if($article->service != true)
                                <p class="categories-article">Quantity Available: {{ $article->stock }}</p>
                            @endif
                            <p class="categories-article">
                                Category:
                                @foreach ($article->categories as $categories)
                                    @lang("categories.".$categories->category->category."")
                                @endforeach
                            </p>
                        </div>

                        <div class="col-md-3">
                            <h4 class="articles-title">{{ $article->price }} eBits</h4>
                            <a href="{{ route("account.products.offerts", $article->id) }}"
                               class='categoires-article open_offers'>
                                Offers received @if (count($article->pending_offers) > 0)
                                    <span class="badge badge-light">{{ count($article->pending_offers) }}</span>
                                @endif
                            </a>
                        </div>
                    </div>
                    <!--button to edit-->
                    @if ($article->status == 'expired')
                        <span class="label label-danger">@lang('products.expired')</span>
                    @endif
                    @if ($article->stock == 0 && $article->service != true)
                        <span class="label label-danger">@lang('products.sold') </span>
                    @endif

                    @if ($article->status != 'expired' && ($article->stock != 0 || $article->service == true) && $article->status != 'deleted')
                        <a href="{{ url("/articles/$article->id/edit") }}" class="btn btn-ebit">
                            <span class="glyphicon glyphicon-edit "></span>
                            Edit Product
                        </a>

                        <button onclick="deleteProduct( {{ $article->id }} )" class="btn btn-ebit">
                            <span class="glyphicon glyphicon-edit "></span>
                            Delete Product
                        </button>

                    @endif
                    <br><br>
                </div>
            </div>
        </div>
        <hr>
    @endforeach
    <div class="text-center">
        {{ $articles->render() }}
    </div>
    {{-- Modal (no se que hace??) --}}
    <div class="modal fade" tabindex="-1" id="modal-offer" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">@lang('products.offers_title')</h4>
                </div>
                <form class="" action="" method="post">
                    {{ csrf_field() }}
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <th>@lang('profile.product')</th>
                                        <th>@lang('profile.price')</th>
                                        <th>@lang('profile.amount_o')</th>
                                        <th>@lang('profile.buyer')</th>
                                        <th>@lang('products.action')</th>
                                    </tr>
                                    </thead>
                                    <tbody id="available-offers">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection



@push('js')
    <script>
        function deleteProduct(id) {
            let url = "{{ url('/articles/delete') }}" + '/' + id;

            swal({
                title: "Are you sure?",
                text: "Once deleted, you will not be able to recover this product!",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            }).then((willDelete) => {
                if (willDelete) {
                    swal("Product deleted!", {
                        icon: "success",
                    });
                    window.location.href = url
                } else {
                    swal("Your Product is safe!");
                }
            });
        }

        var url_project = "{{ url('/') }}"
        var articles = {!! json_encode($articles) !!}
    </script>
    <script src="{{ url('js/user.js') }}"></script>

@endpush