@php
$userType = $isSeller ? 'buyer' : 'seller';
$pageType = $isSeller ? 'Sales' : 'Purchases';
$userState = $isSeller ? 'seller_state' : 'buyer_state';
$other_u_state = $userState == 'seller_state' ? 'buyer_state' : 'seller_state';
@endphp

@section('title', '- Your ' . $pageType)

@extends('layouts.user-profile')

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


@section('section-body')
    @if (empty($purchases->items()))
        <div class="alert alert-danger">
            <p>@lang('products.not_found')</p>
        </div>
    @endif
    {{-- Init orders purchase foreach --}}
    @foreach ($purchases->items() as $purchase)

        {{-- Init order purchase --}}
        <div id="{{ $purchase->id }}" class="col-md-12 p-lg-3 item-article  
                    @if ($purchase->status != 'pending') opacity @endif">

            <div class="row">
                {{-- Order info --}}
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-6">
                            <h3 class="articles-title">
                                Order # {{ $purchase->id }}
                            </h3>
                            <p class="categories-article text-capitalize">
                                @lang("profile.".$userType):
                                {{ $purchase->$userType->first_name . ' ' . $purchase->$userType->last_name }}
                            </p>
                            <p class="categories-article">
                                @lang("profile.date"):
                                {{ dateFormat($purchase->created_at) }}
                            </p>
                        </div>
                        <div class="col-md-6">
                            <h4 class="articles-title ">
                                {{ $purchase->ebits }}
                                eBits
                            </h4>
                            @if ($purchase->$userState == 'approved' && $purchase->$other_u_state == 'approved')
                                <span class="badge badge-success">Purchase
                                    Complete</span>
                            @elseif($purchase->$userState == 'rejected' ||
                                $purchase->$other_u_state == 'rejected')
                                <span class="badge badge-error">Purchase
                                    Canceled</span>
                            @else
                                <span class="badge badge-warning">Pending
                                    approve</span>
                            @endif
                            <p class="categories-article">@lang("profile.status"):
                                <span class="">{{ ucfirst($purchase->status) }}</span>
                            </p>
                            @if ($isSeller)
                                <p class="categories-article">
                                    @lang("profile.cal_pur_c"):
                                    <span class="" id="buyer-calification">
                                        @if ($purchase->buyer_state != null)
                                            {{ ucfirst($purchase->buyer_state) }}
                                        @else
                                            @lang("profile.msg_cal_b")
                                        @endif
                                    </span>
                                </p>
                            @else
                                <p class="categories-article">
                                    @lang("profile.cal_seller"):
                                    <span class="" id="seller-calification">
                                        @if ($purchase->seller_state != null)
                                            {{ ucfirst($purchase->seller_state) }}
                                        @else
                                            Unrated
                                        @endif
                                    </span>
                                </p>
                            @endif
                        </div>
                    </div>
                </div>
                {{-- End order info --}}

                {{-- Products container --}}
                <div class="col-md-12">
                    {{-- Products foreach --}}
                    @foreach ($purchase->detail as $detail)
                        <div class="list-item border bg-white my-2 row py-1 py-md-2">
                            {{-- Photo item --}}
                            <div class="col-md-2 img-item m-auto">
                                <img src="{{ $detail->product->photos[0]->file }}" alt=""
                                    class="img-articles products-img-responsive">
                            </div>

                            {{-- Product info --}}
                            <div class="col-md-10 info-articule">
                                <div class="col-md-9 title-article">
                                    <a href="{{ url('/articles/' . $detail->product_id) }}" class="title_link">
                                        <h4 class="articles-title text-uppercase">
                                            {{ $detail->product->name }}
                                        </h4>
                                    </a>
                                    <p class="categories-article">
                                        <span class="text-capitalize">
                                            @lang('product.description'):
                                        </span>
                                        {{ $detail->product->description }}
                                    </p>
                                    <p class="categories-article">
                                        <span class="text-capitalize">
                                            @lang('product.qty'):
                                        </span>
                                        {{ $detail->qty }}
                                    </p>
                                    <p class="categories-article">
                                        <span class="text-capitalize">
                                            @lang('product.price'):
                                        </span>
                                        {{ $detail->product->price }} eBits
                                    </p>
                                    <p class="categories-article">
                                        <span class="text-capitalize">
                                            @lang('product.fee'):
                                        </span>
                                        {{ $detail->fee }} eBits
                                    </p>
                                    @if ($isSeller)
                                        <p class="categories-article">
                                            <span class="text-capitalize">
                                                @lang('product.stock'):
                                            </span>
                                            {{ $detail->product->stock }}
                                        </p>
                                    @endif
                                </div>
                            </div>
                            {{-- End more product info --}}
                        </div>
                    @endforeach
                    {{-- End product foreach --}}
                </div>
                {{-- End products container --}}

                {{-- Approve container --}}
                <div class="col-md-12">
                    {{-- Approve section --}}
                    @if ($purchase->$userState == null && $purchase->status == 'pending')

                        {{-- Options approved --}}
                        <div class="options">
                            <div class="col-md-12">
                                <h4 class="articles-title mb-2">
                                    Do you approve the {{ $isSeller ? 'purchase' : 'sale' }}?
                                    <span class="mini_title">(to
                                        {{ $isSeller ? 'receive the funds' : 'continue the purchase' }}
                                        you must approve.) </span>
                                </h4>
                            </div>
                            <div class="col-md-6">
                                <button type="button"
                                    class="btn btn-success btn-block btn-sm calification-btn btn-lg btn-block"
                                    data-id="{{ $purchase->id }}" data-type="positive">
                                    <span class="fa-stack>
                                                <i class=" fa fa-thumbs-up fa-stack-1x fa-inverse" aria-hidden="true"></i>
                                    </span>
                                    Approve
                                </button>
                            </div>
                            <div class="col-md-6">
                                <button type="button" data-id="{{ $purchase->id }}" data-type="neutral"
                                    class="btn btn-danger btn-block btn-sm calification-btn btn-lg btn-block">
                                    <span class="fa-stack>
                                                <i class=" fa fa-thumbs-down fa-stack-1x fa-inverse"
                                        aria-hidden="true"></i>
                                    </span>
                                    Cancel
                                </button>
                            </div>
                        </div>
                        {{-- End options approve --}}

                    @else
                        @if ($purchase->$userState != $purchase->$other_u_state && ($purchase->$userState = !null && $purchase->status == 'pending'))
                            <button type="button" class="btn btn-ebit change_r">
                                <span class="glyphicon glyphicon-repeat "></span>
                                Change approve
                            </button>
                        @endif

                        {{-- Options approved --}}
                        <div class="options hidden options_enabled">
                            <div class="col-md-12">
                                <h4 class="articles-title mb-2">
                                    Do you approve the purchase?
                                    <span class="mini_title">(to
                                        {{ $isSeller ? 'receive the funds' : 'continue the purchase' }}
                                        you must approve.) </span>
                                </h4>
                            </div>
                            <div class="col-md-6">
                                <button type="button"
                                    class="btn btn-success btn-block btn-sm calification-btn btn-lg btn-block"
                                    data-id="{{ $purchase->id }}" data-type="positive">
                                    <span class="fa-stack>
                                                <i class=" fa fa-thumbs-up fa-stack-1x fa-inverse" aria-hidden="true"></i>
                                    </span>
                                    Approve
                                </button>
                            </div>
                            <div class="col-md-6">
                                <button type="button" data-id="{{ $purchase->id }}" data-type="neutral"
                                    class="btn btn-danger btn-block btn-sm calification-btn btn-lg btn-block">
                                    <span class="fa-stack>
                                                <i class=" fa fa-thumbs-down fa-stack-1x fa-inverse"
                                        aria-hidden="true"></i>
                                    </span>
                                    Cancel
                                </button>
                            </div>
                        </div>
                        {{-- End options approve --}}

                    @endif
                    <br><br>
                </div>
                {{-- End approve container --}}
            </div>
        </div>
        <hr>
    @endforeach
    {{-- End orders purchase foreach --}}

    {{-- Pagination --}}
    <div class="text-center">
        {{ $purchases->render() }}
    </div>
    {{-- End pagination --}}
@endsection

@section('aditional-aside')
    <div class="panel panel-grey">
        <div class="panel-heading">
            @lang('profile.definitions')
        </div>
        <div class="panel-content">
            <span class="fa-stack calification-btn">
                <i class="fa fa-thumbs-up fa-stack-1x" aria-hidden="true"></i>
            </span><span class="definitions">(Approve) By approving a {{ $isSeller ? 'sale' : 'purchase' }} you confirm
                that the
                <span class="fw-bold">{{ $isSeller ? 'buyer' : 'seller' }}</span> has performed all the processes
                correctly.</span><br>
            <span class="fa-stack calification-btn">
                <i class="fa fa-thumbs-down fa-stack-1x" aria-hidden="true"></i>
            </span><span class="definitions">(Cancel) By cancels a {{ $isSeller ? 'sale' : 'purchase' }}, the inventory
                and
                previous state of the product is reversed inlcuded the ebits.</span>
        </div>
    </div>
@endsection

@push('js')
    <script src="{{ url('js/user.js') }}"></script>
@endpush