@extends('layouts.app')

@section('content')

    <!-- Start Page Header Wrapper -->
    <div class="page-header-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="page-header-content">
                        <h2>Orders</h2>
                        <nav class="page-breadcrumb">
                            <ul class="d-flex justify-content-center">
                                <li><a href="index.html">Home</a></li>
                                <li><a href="shop.html" class="active">Orders</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Page Header Wrapper -->

    @if(auth()->user()->isSubscribedToChickenChange())
    <!-- Start Page Header Wrapper -->
    <div class="page-header-wrapper" style="padding:0; background:#979eaa;">
        <div class="container">
            <div class="row pt-3">
                <div class="col-lg-12 text-center pt-2 text-white">
                    <p>You subscribed to {{App\Entities\Chickenchange\Chickenchange::$planName[auth()->user()->chickenchange->plan]}} and have purchased {{auth()->user()->currentKgPurchased()}} kg so far for this month.</p>
                </div>
            </div>
        </div>
    </div>
    <!-- End Page Header Wrapper -->
    @endif

    <!--== Start Orders Page Wrapper ==-->
    <div id="faq-area-wrapper" class="mt-88 mt-md-60 mt-sm-50 mb-50 mb-md-20 mb-sm-10">
        <div class="container">
            <div class="row">

                @forelse(auth()->user()->carts as $key => $cart)
                    <div class="col-lg-3">
                    <div class="single-subject-by-faq-wrap">
                        <div class="general-question-faq brand-accordion">
                            <div class="accordion" id="generalQuestions-{{$key}}">
                                <!-- Start Single Accordion Wrap -->
                                <div class="card">
                                    <div class="card-header" id="headingOne">
                                        <h5 class="mb-0">
                                            <a class="btn" type="button" data-toggle="collapse"
                                                    data-target="#collapseOne-{{$key}}">
                                                <img src="{{asset('images/cart.png')}}" class="img-fluid">

                                            </a>
                                        </h5>
                                    </div>

                                    <div id="collapseOne-{{$key}}" class="collapse" data-parent="#generalQuestions-{{$key}}">
                                        <div class="card-body">
                                            <h5>Cart Items</h5>
                                            @foreach($cart->cartItems as $item)
                                                <p><a href="{{route('products.showUser', $item->cartable->slug)}}">{{$item->cartable->name}}</a> x {{$item->quantity}}</p>
                                            @endforeach
                                            <br>
                                            <h5>Payment Details</h5>
                                            <p>Amount: {{$cart->payment->displayamount ?? 0}}</p>
                                            <p>Method: {{$cart->payment->paymentMethod() ?? 'Null'}}</p>
                                            <p>Status: {{$cart->isPaid() ? 'Paid' : 'Not Paid'}}</p>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single Accordion Wrap -->

                            </div>
                        </div>
                    </div>
                </div>
                @empty
                    <div class="col-lg-12">
                        <div class="single-subject-by-faq-wrap">
                            <div class="general-question-faq brand-accordion">
                                <div class="accordion" id="generalQuestions">
                                    <!-- Start Single Accordion Wrap -->
                                    <div class="card text-center">
                                        <h1>No Order Yet!</h1>
                                    </div>
                                    <!-- End Single Accordion Wrap -->

                                </div>
                            </div>
                        </div>
                </div>
                @endforelse
            </div>
        </div>
    </div>
    <!--== End FAQPage Wrapper ==-->


@include('includes.productfooter')

@endsection