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

@extends('layouts.user-profile')

@section('breadcumb')
    <ol class="breadcrumb">
        <li><a href="/">Home</a></li>
        <li><a href="/account">Account</a></li>
        <li><a href="/account/products">Products</a></li>
        <li class="active">Offerts on {{ $product->name }}</li>
    </ol>
@endsection

@section('section-body')
    <div class="list-item row">
        <div class="col-md-2 img-item">
            <img src="{{ $product->photos[0]->file }}" alt="{{ $product->name }}" class="img-articles products-img-responsive">
        </div>
        <!--More Info-->
        <div class="col-md-10 info-articule">
            <div class="row">
                <div class="col-md-12 title-article">
                    <a href="{{ url("/articles/$product->id") }}" class="title_link">
                        <h4 class="articles-title">{{ $product->name }}</h4>
                    </a>
                    <p class="categories-article">Price: {{ ucfirst($product->price) }}
                        eBits</p>
                    <p class="categories-article">Quantity Available: {{ $product->stock }}
                    </p>
                    <p class="categories-article">
                        Category:
                        @foreach ($product->categories as $categories)
                            @lang("categories.".$categories->category->category."")
                        @endforeach
                    </p>
                </div>
            </div>
            <br><br>
        </div>
        <table class="table table-bordered">
            <thead>
                <legend>Active offers</legend>
                <tr>
                    <th>@lang('profile.price')</th>
                    <th>@lang('profile.amount_o')</th>
                    <th>@lang('profile.buyer')</th>
                    <th>@lang('profile.date')</th>
                    <th>@lang('products.action')</th>
                </tr>
            </thead>
            <tbody id="available-offers">
                @foreach ($product->pending_offers as $offer)
                    <tr>
                        <td class="text-price">{{ $product->price }} eBits</td>
                        <td class="text-price">{{ $offer->amount }} eBits</td>
                        <td>{{ $offer->user->first_name }} {{ $offer->user->last_name }}
                        </td>
                        <td>{{ $offer->created_at }}</td>
                        <td class="text-center">
                            <a href="{{ url("/offers/$offer->id/accept") }}">
                                <span class="fa-stack"><i class="fa fa-circle fa-stack-2x text-active"></i><i
                                        class="fa fa-thumbs-up fa-stack-1x fa-inverse" aria-hidden="true"></i></span>
                            </a>
                            <a href="{{ url("/offers/$offer->id/decline") }}">
                                <span class="fa-stack"><i class="fa fa-circle fa-stack-2x text-inactive"></i><i
                                        class="fa fa-thumbs-down  fa-stack-1x fa-inverse" aria-hidden="true"></i></span>
                            </a>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        <table class="table">
            <thead>
                <legend>Approved offers</legend>
                <tr>
                    <th>@lang('profile.price')</th>
                    <th>@lang('profile.amount_o')</th>
                    <th>@lang('profile.buyer')</th>
                    <th>@lang('profile.date')</th>
                    <th>@lang('profile.status')</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($product->approved_offers as $offer)
                    <tr>
                        <td>{{ $product->price }} eBits</td>
                        <td>{{ $offer->amount }} eBits</td>
                        <td>{{ $offer->user->first_name }} {{ $offer->user->last_name }}
                        </td>
                        <td>{{ $offer->created_at }}</td>
                        <td>{{ ucfirst($offer->status) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        <table class="table">
            <thead>
                <legend>Declined offers</legend>
                <tr>
                    <th>@lang('profile.price')</th>
                    <th>@lang('profile.amount_o')</th>
                    <th>@lang('profile.buyer')</th>
                    <th>@lang('profile.date')</th>
                    <th>@lang('profile.status')</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($product->declined_offers as $offer)
                    <tr>
                        <td>{{ $product->price }} eBits</td>
                        <td>{{ $offer->amount }} eBits</td>
                        <td>{{ $offer->user->first_name }} {{ $offer->user->last_name }}
                        </td>
                        <td>{{ $offer->created_at }}</td>
                        <td>{{ ucfirst($offer->status) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

@endsection

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