@extends('site.layouts.master')
@section('title', 'وضعیت تراکنش')
@section('content')
      <section class="page-header -type-1">
        <div class="container">
          <div class="page-header__content">
            <div class="row justify-center text-center">
              <div class="col-auto">
                <div data-anim="slide-up delay-1">
                  <h1 class="page-header__title">پرداخت {{ $payment->getStatus() }}</h1>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="layout-pt-md layout-pb-lg">
        <div class="container">
          <div class="row no-gutters justify-content-center">
            <div class="col-xl-8 col-lg-9 col-md-11">
              <div class="shopCompleted-header">
                <div class="icon">
                  <i data-feather="{{ $payment->getStatusIcon() }}"></i>
                </div>
                <h2 class="title">
                  تکمیل سفارش
                </h2>
                <div class="subtitle">
                    @if ($payment->status == 'paid')
                        <p>از خرید شما متشکریم، سفارش شما با موفقیت ثبت گردید</p>
                    @else
                        <p>سفارش شما ناموفق بود</p>
                    @endif
                </div>
              </div>

              <div class="shopCompleted-info">
                <div class="row no-gutters y-gap-32">
                  <div class="col-md-3 col-sm-6">
                    <div class="shopCompleted-info__item">
                      <div class="subtitle">شماره سفارش</div>
                      <div class="title text-purple-1 mt-5">{{ $payment->reference_code }}</div>
                    </div>
                  </div>

                  <div class="col-md-3 col-sm-6">
                    <div class="shopCompleted-info__item">
                      <div class="subtitle">تاریخ</div>
                      <div class="title text-purple-1 mt-5">{{ verta($payment->created_at)->format('Y/m/d - H:i') }}</div>
                    </div>
                  </div>

                  <div class="col-md-3 col-sm-6">
                    <div class="shopCompleted-info__item">
                      <div class="subtitle">مبلغ نهایی</div>
                      <div class="title text-purple-1 mt-5">{{ number_format($payment->amount) }} تومان</div>
                    </div>
                  </div>

                  <div class="col-md-3 col-sm-6">
                    <div class="shopCompleted-info__item">
                      <div class="subtitle">روش پرداخت</div>
                      <div class="title text-purple-1 mt-5">درگاه {{ $payment->getGetway() }}</div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="shopCompleted-footer bg-light-4 border-light rounded-8">
                <div class="shopCompleted-footer__wrap">
                  <h5 class="title">
                    جزئیات سفارش
                  </h5>

                  <div class="item">
                    <span class="fw-500">نام کالا</span>
                    <span class="fw-500">مبلغ</span>
                  </div>

                  @foreach ($payment->items as $item)
                    <div class="item">
                        <span class="">{{ $item->course->name }}</span>
                        <span class="">{{ number_format($item->amount * $item->count) }} تومان</span>
                    </div>
                  @endforeach

                  <div class="item">
                    <span class="fw-500">مبلغ نهایی</span>
                    <span class="fw-500">{{ number_format($payment->amount) }} تومان</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
@endsection