@extends('user-panel.layouts.master')
@section('title', 'دوره ها')
@section('content')
    <style>
        .content-wrapper {
            background: #f9f9f9;
        }

        .accordion button[aria-expanded="true"]+.accordion-content {
            max-height: 100%;
        }
    </style>
    <!-- grade modal -->

    @if ($authUser->field == null && $authUser->grade == null)
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLongTitle">تکمیل پروفایل</h5>
                        <button type="button" class="closeRuleModal" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        لطفا پروفایل خود را تکمیل کنید
                    </div>
                    <a href="{{ route('dashboard.profile.show') }}">
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-secondary closeRuleModal" data-dismiss="modal"
                                aria-label="Close">رفتن به پروفایل</button>
                        </div>
                    </a>
                    </form>
                </div>
            </div>
        </div>
    @endif
    <!-- end grade modal -->
    <div class="dashboard__main">
        <div class="dashboard__content bg-light-4">
            <div class="row pb-50 mb-10">
                <div class="col-auto">

                    <h1 class="text-24 lh-12 fw-700 ff-estedad">لیست پرونده های مالی</h1>

                </div>
            </div>
            <div class="container"></div>
            <div class="accordion">
                {{-- @foreach ($authUser->payments()->whereStatus('paid')->get() as $payment) --}}
                @foreach ($paymentItems as $item)
                    @php
                        $payment = $item->payment;
                        $course = $item->course;
                        if ($course->is_package == 1) {
                            $installments = $payment
                                ->installments()
                                ->whereHas('installment', function ($q) {
                                    $q->whereHas('course', function ($qu) {
                                        $qu->whereIsPackage(1);
                                    });
                                })
                                ->get();
                        } else {
                            $installments = $payment->installments;
                        }

                    @endphp
                    <div class="accordion-item my-3">
                        <button class="shadow" aria-expanded="false">
                            <div class="row bigbang-class"
                                style="background: rgb(199,199,199) !important;
                            background: linear-gradient(249deg, rgba(199,199,199,1) 2%, rgba(255,255,255,1) 18%, rgba(255,255,255,1) 23%, rgba(255,254,254,1) 33%, rgba(217,217,217,1) 100%) !important;">

                                <div class="col-lg-3 col-md-4 col-sm-6">
                                    <div class="Lesson-bigbang">
                                        <img class="teach-cou" style="width: 50%; height: 50%;"
                                            src="{{ asset($course->teacher->image ?? $course->cover) }}">
                                    </div>
                                </div>

                                <div class="col-lg-3 col-md-6 col-sm-6">
                                    <div class="Lesson-bigbang">
                                        <b style="font-size: 15px">
                                            <p>{{ $course->name }}</p>
                                        </b>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-4 col-sm-6">
                                    <div class="Lesson-bigbang">
                                        <p class="meet-Lesson">
                                            تعداد اقساط :
                                            <b>
                                                {{ $course->installments()->count() }}
                                            </b>
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-4 col-sm-6">
                                    <div class="Lesson-bigbang">
                                        <p class="meet-Lesson">
                                            پرداخت شده :
                                            <b>
                                                {{ $payment->installments()->whereStatus(1)->count() }}
                                            </b>
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-4 col-sm-6">
                                    <div>
                                        <a class="btn btn-outline-dark d-inline-block">مشاهده اقساط</a>
                                    </div>
                                </div>
                            </div>
                        </button>
                        <div class="accordion-content">
                            @foreach ($installments as $key => $payIns)
                                @php

                                    $ins = $payIns->installment;
                                    $prevUserIns = null;
                                    $userIns = $authUser->installments()->where(['installment_id' => $ins->id, 'payment_id' => $payment->id, 'status' => '1']);
                                    // if($payIns->id == 2366){
                                    //     dd($userIns );
                                    // }
                                    $prevIns = App\Models\Installment::where('course_id', $ins->course_id)
                                        ->where('id', '<', $ins->id)
                                        ->orderByDesc('id')
                                        ->first();
                                    if ($prevIns) {
                                        $prevUserIns = $authUser
                                            ->installments()
                                            ->wherePaymentId($payment->id)
                                            ->whereInstallmentId($prevIns->id)
                                            ->whereHas('payment', function ($q) {
                                                $q->whereStatus('paid');
                                            })
                                            ->first();
                                    }
                                @endphp
                                <div class="row down-big">
                                    <div class="col-lg-3">
                                        {{ ++$key }} - {{ $payIns->id }}
                                    </div>
                                    <div class="col-lg-3">
                                        {{ $ins->title }}
                                    </div>
                                    <div class="col-lg-3">
                                        @if ($existsIns = $authUser->installments()->whereInstallmentId($ins->id)->first())
                                            {{ number_format($existsIns->amount) }} تومان
                                        @else
                                            {{ number_format($ins->price) }} تومان
                                        @endif
                                    </div>
                                    <div class="col-lg-3">
                                        @if ($userIns->exists())
                                            <button type="button" class="btn btn-success text-white" disabled>پرداخت
                                                شده</button>
                                        @elseif(($prevUserIns && $prevUserIns->status == '0') || (!$prevUserIns && $prevIns))
                                            <button type="button" class="btn btn-dark text-white" disabled>غیر
                                                قابل پرداخت</button>
                                        @else
                                            <form action="{{ route('pay') }}" method="GET">
                                                @csrf
                                                <input type="hidden" name="type" value="installment">
                                                <input type="hidden" name="getway" value="bitpay">
                                                <input type="hidden" name="installment_id" value="{{ $ins->id }}">
                                                <button type="submit" class="btn btn-success text-white">پرداخت
                                                    کنید</button>
                                            </form>
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                @endforeach
                {{-- @endforeach --}}
            </div>
        </div>
    </div>
    </div>
    </div>


    <script>
        const items = document.querySelectorAll(".accordion button");

        function toggleAccordion() {
            const itemToggle = this.getAttribute('aria-expanded');

            for (i = 0; i < items.length; i++) {
                items[i].setAttribute('aria-expanded', 'false');
            }

            if (itemToggle == 'false') {
                this.setAttribute('aria-expanded', 'true');
            }
        }

        items.forEach(item => item.addEventListener('click', toggleAccordion));
    </script>
@endsection