@extends('layouts.app')
@section('title')
    <title>{{ __('home.checkout') }}</title>
@endsection
@section('content')
    <!-- bread crumb area -->
    <div class="rts-bread-crumbarea-1 rts-section-gap bg_image">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb-main-wrapper">
                        <h1 class="title">{{ __('home.checkout') }}</h1>
                        <!-- breadcrumb pagination area -->
                        <div class="pagination-wrapper">
                            <a href="{{ url('/') }}">@lang('home.home')</a>
                            <i class="fa-regular fa-chevron-right"></i>
                            <a class="active">{{ __('home.checkout') }}</a>
                        </div>
                        <!-- breadcrumb pagination area end -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Shop area start -->
    <main class="ms-main">
        <div class="ms-page-content">

            <!--================= Checkout Area Start =================-->
            <article id="post-284" class="page checkout-area type-page status-publish hentry">
                <header class="ms-sp--header container">
                    <h1 class="ms-sp--title">{{ __('home.checkout') }}</h1>
                </header>
                <div class="ms-default-page container entry-content">
                    <div class="woocommerce">
                        @if (!$checkout_coupon)
                            <div class="coupon-toggle">
                                <div id="accordion" class="accordion">
                                    <div class="card">
                                        <div class="card-header" id="headingOne">
                                            <div class="card-title">
                                                <span><i class="fa fa-window-maximize"></i> @lang('home.Have a coupon?')</span>
                                                <button class="accordion-toggle collapsed" data-bs-toggle="collapse"
                                                    data-bs-target="#collapseOne" aria-expanded="false"
                                                    aria-controls="collapseOne">@lang('home.Click here to enter your code')</button>
                                            </div>
                                        </div>
                                        <div id="collapseOne" class="collapse" aria-labelledby="headingOne"
                                            data-bs-parent="#accordion" style="">
                                            <div class="card-body">
                                                <p>@lang('home.If you have a coupon code, please apply it below.')</p>
                                                <div class="coupon-code-input">
                                                    <input type="text" name="coupon_code" id="coupon_code"
                                                        placeholder="@lang('home.Enter Coupon Code')" required="">
                                                </div>
                                                <button
                                                    class="add-btn rts-btn btn-primary getCode">@lang('home.apply coupon')</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                        <div class="woocommerce-notices-wrapper"></div>
                        <div class="row">
                            <div class="col-lg-8">
                                <div class="full-grid">
                                    <div class="ordered-product">
                                        <div class="checkout-title">
                                            <h3 class="animated fadeIn">@lang('home.Your order')</h3>
                                        </div>
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th>@lang('home.courses')</th>
                                                    <th>@lang('home.total')</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($user->cart->cart_courses as $cartCourse)
                                                    <tr>
                                                        <td>{{ $cartCourse->course->{'name_' . $lang} }}</td>
                                                        <td>@lang('home.SAR'){{ ' ' . $cartCourse->course->last_price() }}
                                                        </td>
                                                    </tr>