@extends('layouts.app')
@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-9">
                @if (!empty($upload_details))
                    <form action="{{ URL::route('admin.checkout.review') }}" id="form" name="" method="Post"
                        autocomplete="on">
                        {{ csrf_field() }}


                        <div class="panel-group" id="accordion">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion"
                                href="#collapseThree" style="font-family: var(--nib_font); font-size: 16px; color: #08c">
                                Review & Payment
                            </a>
                            <div class="panel panel-default panel_cart">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                    </h4>
                                </div>
                                <div class="panel-body shop">
                                    <table cellspacing="0" class="cart table table-responsive">
                                        <thead>
                                            <tr id="checkout_list_title">
                                                <!-- <th class="product-thumbnail">
                                                            &nbsp;
                                                        </th> -->
                                                <th class="product-name">
                                                    Service
                                                </th>
                                                <th class="product-editor">
                                                    Provider
                                                </th>
                                                <th class="product-title">
                                                    Title
                                                </th>
                                                <th class="product-due-date">Due Date</th>
                                                <th class="product-subtotal">
                                                    Subtotal
                                                </th>
                                                <th class="product-discount" id="th_discount">
                                                    Discount
                                                </th>
                                                <th class="product-total">
                                                    Total
                                                </th>
                                                <th class="product-actions"></th>
                                            </tr>
                                        </thead>
                                        <tbody>


                                            @foreach ($upload_details as $key => $item)
                                                <tr class="cart_table_item" id="checkout_list_value">
                                                    <!-- <td class="product-thumbnail">
                                                                    <a href="#">

                                                                    </a>
                                                                </td> -->
                                                    <td class="product-name">
                                                        
                                                        {{ $item['service']->service or 'N/A' }}
                                                    </td>
                                                    <td class="product-editor">
                                                        {{ $item['editor'] }}
                                                    </td>
                                                    <td class="product-title">
                                                        {{ $item['doc_name'] }}
                                                    </td>
                                                    <td class="product-due-date">
                                                        {{ $item['due_date']  }}
                                                    </td>
                                                    <td class="product-subtotal">
                                                        <span class="subtotal" id="subtotal"
                                                            data-subtotal="{{ $item['subtotal'] }}">
                                                            {{ money($item['subtotal']) }}
                                                            @if ($item['country_code'] != 'USD')
                                                                {{ round($item['converted_subtotal'], 2) }}
                                                                {{ $item['country_code'] }}
                                                            @endif
                                                        </span>
                                                    </td>
                                                    <td class="product-discount">
                                                        <span class="subtotal" id="discounttotal">
                                                            {{ !empty($item['discount']) ? money($item['discount']) : '' }}
                                                            @if ($item['country_code'] != 'USD')
                                                                {{ !empty($item['converted_discount']) ? round($item['converted_discount'], 2) : '' }}
                                                                {{ !empty($item['converted_discount']) ? $item['country_code'] : '' }}
                                                            @endif
                                                        </span>
                                                    </td>

                                                    <td class="product-total">
                                                        <span class="amount" id="totalamt"
                                                            data-total="{{ $item['total_amt'] }}">
                                                            {{ money($item['total_amt']) }} @if ($item['country_code'] != 'USD')
                                                                {{ round($item['converted_total_amt'], 2) }}
                                                                {{ $item['country_code'] }}
                                                            @endif
                                                        </span>
                                                    </td>

                                                    <td class="product-actions">
                                                        <a href="{{ route('admin.checkout.remove', $key) }}"><i
                                                                aria-hidden="true" class="fa fa-trash"></i></a>

                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                        <tfoot>
                                            <tr class="cart_table_item" id="checkout_list_value">
                                                <!-- <td class="product-thumbnail">
                                                                <a href="#">

                                                                </a>
                                                            </td> -->
                                                <td class="product-name">
                                                    <strong>Total</strong>
                                                    <!-- {{ $item['service']->service or 'N/A' }} -->
                                                </td>
                                                <td class="product-editor">
                                                    <!-- {{ $item['editor'] }} -->
                                                </td>
                                                <td class="product-title">
                                                    <!-- {{ $item['doc_name'] }} -->
                                                </td>
                                                <td class="product-due-date">
                                                    <!-- {{ $item['due_date']  }} -->
                                                </td>
                                                <td class="product-subtotal">
                                                    <span class="subtotal" id="subtotal"
                                                        data-subtotal="{{ $item['subtotal'] }}">
                                                        <!-- <strong>{{ money($totalData['subtotal']) }} @if ($totalData['country_code'] != 'USD')
                                                            ({{ round($totalData['converted_subtotal'], 2) }} {{ $totalData['country_code'] }})
                                                        @endif
                                                    </strong> -->
                                                    </span>
                                                </td>
                                                <td class="product-discount">
                                                    <span class="subtotal" id="discounttotal">
                                                        <!-- <strong>{{ money($totalData['discount']) }} @if ($totalData['country_code'] != 'USD')
                                                                ({{ round($totalData['converted_discount'], 2) }} {{ $totalData['country_code'] }})
                                                            @endif
                                                        </strong> -->
                                                    </span>
                                                </td>

                                                <td class="product-total">
                                                    <span class="amount" id="totalamt"
                                                        data-total="{{ $item['total_amt'] }}">
                                                        <strong>{{ money($totalData['total']) }} @if ($totalData['country_code'] != 'USD')
                                                                ({{ round($totalData['converted_total_amt'], 2) }} {{ $totalData['country_code'] }})
                                                            @endif
                                                        </strong>
                                                    </span>
                                                </td>

                                                <td class="product-actions">
                                                    <!-- <a href="{{ route('admin.checkout.remove', $key) }}"><i
                                                            aria-hidden="true" class="fa fa-trash"></i></a> -->

                                                </td>
                                            </tr>
                                        </tfoot>
                                        <!-- the footers are backwards? below html renders atop the above html -->
                                        <tfoot>
                                        <tr class="cart_table_item coupon_code" id="checkout_list_value">
                                                <td class="coupon-code-input" colspan="8">
                                                    <div style="display: flex;">
                                                        <input name="coupon_code" value="" type="text" id="coupon_code"
                                                            placeholder="Enter Coupon Code" style="width: 100%">
                                                            <div class="old-coupon-code-wrapper {{ isset($couponCode) ? '' : 'hide' }}">
                            <div>
                                <a href="{{ route('ajax.checkout.removeCoupon') }}"
                                    class="btn knowmad_btn_blue knowmad_btn" style="width: fit-content;">Remove 
                                     <span class="hidden-sm hidden-md">Coupon </span>Code</a>
                            </div>
                        </div>
                        <div class="new-coupon-code-wrapper {{ isset($couponCode) ? 'hide' : '' }}">
                            <div>
                                <button class="btn knowmad_btn_blue knowmad_btn" style="width: 100%; margin:  auto;"
                                    id="recalculate_total" type="submit" value="Recalculate Total"
                                    onclick="jQuery(Checkout.recalculateTotal())"
                                    {{ Session::has('coupon_code') ? 'disabled="disabled"' : '' }}>
                                    Recalculate <span class="hidden-sm">Total</span>
                                </button>
                            </div>
                        </div>
                                                    </div>
                                                </td>
       
                                                

                                            </tr>
                                        </tfoot>
                                    </table>
                                    <!--/div-->
                                </div>
                            </div>

                            <h4 style="padding-top: 12px;">Select Payment Type</h4>
                            <div style="padding-bottom: 12px">
                                <div>
                                    @if (!$currentUser->hasRole('Employee'))
                                        <select name="payment_method" class="form-control" id="payment_method" style="width: 100%; appearance: auto">
                                            <option value="n/a">Select Payment Type</option>
                                            <option value="stripe">Stripe</option>
                                            <!-- {{-- <option value="stripe">Stripe</option> --}} -->
                                            <option value="alipay">Alipay</option>
                                            <!-- <option value="paypal">PayPal</option> -->
                                            <option value="credit">Credit</option>
                                            <!-- <option value="amazon">Amazon Pay</option> -->
                                        </select>
                                    {{--@else
                                        <select name="payment_method" class="form-control" id="payment_method">
                                            <option value="credit">Credit</option>
                                        </select>--}}
                                    @endif
                                    <div id="error_msg"></div>
                                </div>
                            </div>

                            <div class="actions-continue">
                                <input type="submit" id="" value="Proceed to Payment" name="proceed"
                                    class="btn btn-lg knowmad_btn_blue knowmad_btn pull-right m-1"
                                    style="width: fit-content;">

                                <a href="/editors" class="btn btn-lg knowmad_btn_blue knowmad_btn pull-right m-1"
                                    style="width: fit-content;">Add More Documents</a>
                            </div>
                        </div>
                        <h2 class="validation"></h2>
                    </form>
                @else
                    <h4 class="panel-title">No documents submitted</h4>
                @endif
            </div>
            <!-- <div class="col-md-3">
                <div class="card" style="box-shadow: 1px 2px navy; position: sticky; top: 120px;">
                    <div class="card-header">
                        <h4 style="margin: unset;">Cart Totals</h4>
                    </div>
                    <div class="card-body" id="cart_subtotal">

                        Subtotal: <strong>{{ money($totalData['subtotal']) }} @if ($totalData['country_code'] != 'USD')
                                ({{ round($totalData['converted_subtotal'], 2) }} {{ $totalData['country_code'] }})
                            @endif
                        </strong>
                        <div class=" {{ strlen($totalData['discount']) == 0 ? 'hide' : '' }}" id="cart_discount">
                            Discount: <strong>{{ money($totalData['discount']) }} @if ($totalData['country_code'] != 'USD')
                                    ({{ round($totalData['converted_discount'], 2) }} {{ $totalData['country_code'] }})
                                @endif
                            </strong>
                            @if (isset($couponCode))
                                <br>
                                <span class="label label-primary">Coupon {{ $couponCode }} Applied</span>
                            @endif
                        </div>
                        <div id="cart_total">
                            Total: <strong>{{ money($totalData['total']) }} @if ($totalData['country_code'] != 'USD')
                                    ({{ round($totalData['converted_total_amt'], 2) }} {{ $totalData['country_code'] }})
                                @endif
                            </strong>
                        </div>
                        <div class="old-coupon-code-wrapper {{ isset($couponCode) ? '' : 'hide' }}">
                            <div class=" push-top">
                                <a href="{{ route('ajax.checkout.removeCoupon') }}"
                                    class="btn knowmad_btn_blue knowmad_btn" style="width: fit-content;">Remove 
                                     <span class="hidden-sm hidden-md">Coupon </span>Code</a>
                            </div>
                        </div>
                        <div class="new-coupon-code-wrapper {{ isset($couponCode) ? 'hide' : '' }}">
                            <div class=" push-top">
                                Redeem Coupon <span class="hidden-sm"> Code </span>
                            </div>
                            <div>
                                <input name="coupon_code" value="" type="text" id="coupon_code"
                                    placeholder="Enter Coupon Code" style="width: 100%">
                            </div>
                            <div class=" push-top">
                                <button class="btn knowmad_btn_blue knowmad_btn" style="width: 100%; margin:  auto;"
                                    id="recalculate_total" type="submit" value="Recalculate Total"
                                    onclick="jQuery(Checkout.recalculateTotal())"
                                    {{ Session::has('coupon_code') ? 'disabled="disabled"' : '' }}>
                                    Recalculate <span class="hidden-sm">Total</span>
                                </button>
                            </div>
                        </div>
                        <div id="error_checkout"></div>
                    </div>


                </div>
            </div> -->
        </div>
      
    @stop
    @push('footer_js')
        <script src="minified_js/jquery.payment.min.js"></script>
        <script src="js/Checkout.js"></script>
    @endpush