@extends('frontend.layouts.amp')

@section('title', 'Checkout - ' . app_name())

@section('content')


    <!-- Cart Page Start -->
    <div class="cart_area cart-area-padding pt--35">
        <div class="container">
            <div class="page-section-title1">
                <h1>CHECKOUT</h1>
            </div>
        </div>
    </div>


    <main id="content" class="page-section checkout-area-padding space-db--20">
        <div class="container">
            <div class="category-row3">
                <div class="col-12">

                    <!-- Checkout Form s-->
                    <div class="checkout-page">
                        <div class="category-row3  row-40">
                            <div class="col-12">


                                @if(!$data['customer'])

                                <!-- Slide Down Trigger  -->
                                <div class="checkout-quick-box">
                                    <p><i class="far fa-sticky-note"></i>Returning customer? <a href="javascript:" id="sp_customer_login_link" class="slide-trigger" data-target="#quick-login">Click
                                            here to login</a></p>
                                </div>
                                <!-- Slide Down Blox ==> Login Box  -->
                                <div class="checkout-slidedown-box" id="quick-login">
                                    {{ html()->form('POST', route('frontend.auth.login.post'))->open() }}
                                        <div class="login-form">
                                            <p>If you have shopped with us before, please enter your details in the boxes below. If you are a new
                                                customer
                                                please
                                                proceed to the Billing & Shipping section.</p>
                                            <div class="col-md-6 form-group">
                                                {{ html()->label(__('validation.attributes.frontend.email'))->for('email') }}
                                                {{ html()->email('email')
                                                    ->class('mb-0')
                                                    ->placeholder(__('validation.attributes.frontend.email'))
                                                    ->attribute('maxlength', 191)
                                                    ->required() }}
                                            </div>
                                            <div class="col-md-6 form-group">
                                                {{ html()->label(__('validation.attributes.frontend.password'))->for('password') }}

                                                {{ html()->password('password')
                                                    ->class('mb-0')
                                                    ->placeholder(__('validation.attributes.frontend.password'))
                                                    ->required() }}
                                            </div>
                                            <div class="col-md-6 form-group">
                                                <div class="d-flex align-items-center flex-wrap">

                                                    {{ form_submit(__('labels.frontend.auth.login_button'))->class('btn btn-black mr3') }}

                                                    <div class="d-inline-flex align-items-center">
                                                        {{ html()->label(html()->checkbox('remember', true, 1) . ' ' . __('labels.frontend.auth.remember_me'))->for('remember') }}
                                                    </div>
                                                </div>
                                                <p>
                                                    <a href="{{ route('frontend.auth.password.reset') }}" class="pass-lost mt-3">@lang('labels.frontend.passwords.forgot_password')</a>
                                                </p>
                                            </div>
                                        </div>
                                    {{ html()->form()->close() }}

                                </div>

                                @endif

                                <!-- Slide Down Trigger  -->
                                {{--<div class="checkout-quick-box">
                                    <p><i class="far fa-sticky-note"></i>Have a coupon? <a href="javascript:" class="slide-trigger" data-target="#quick-cupon">
                                            Click here to enter your code</a></p>
                                </div>
                                <!-- Slide Down Blox ==> Cupon Box -->
                                <div class="checkout-slidedown-box" id="quick-cupon">
                                    <form action="./">
                                        <div class="checkout_coupon">
                                            <input type="text" class="mb-0" placeholder="Coupon Code">
                                            <a href="" class="btn btn-black">Apply coupon</a>
                                        </div>
                                    </form>
                                </div>--}}

                            </div>
                            <div class="col-lg-8 mb--20">


                                <div class="accordion" id="accordion_order">
                                    <div class="card">
                                        <div class="card-header" id="acc_shipping_address">
                                            <h2 class="mb-0">
                                                <a href="javascript:;" class="checkout-headers" data-toggle="collapse" data-target="#acc_body_shipping_address" aria-expanded="true" aria-controls="collapseOne">
                                                    <i class="fa fa-home" aria-hidden="true"></i> SHIPPING ADDRESS
                                                </a>
                                            </h2>
                                        </div>

                                        <div id="acc_body_shipping_address" aria-labelledby="acc_shipping_address" data-parent="#accordion_order">
                                            <div class="card-body">

                                                <div id="div_saved_addresses" @if($data['address_option'] == 'new') class="d-none" @endif>
                                                    <h6 class="pb-3">Please select from already saved addresses:</h6>

                                                    @if($data['customer'] && count($data['customer']->addresses) > 0)
                                                        @foreach($data['customer']->addresses as $address)

                                                            <fieldset class="scheduler-border @if($data['shipping_address_id'] == $address->id) selected @endif" title="Use this address for shipping" id="fs_{{ $address->id }}">
                                                                <legend class="scheduler-border">{{ $address->first_name . ' ' . $address->last_name }}</legend>
                                                                <div class="control-group">
                                                                    <div class="row">
                                                                        <div class="col-md-9">
                                                                            @if(trim($address->company) != null) {{ $address->company }} <br> @endif
                                                                            {!! $address->address1.' <br> '. ( empty($address->address2) ? '' : $address->address2 . ' <br> ' ) . $address->city.', '. \App\Models\State::get_state_name($address->state) .', '.$address->zip.' <br> '. \App\Models\Country::get_country_name($address->country)  !!}
                                                                            @if(trim($address->phone) != null) <br> Tel: {{ $address->phone }} @endif
                                                                            <div class="d-none"><input type="radio" value="{{ $address->id }}" name="sp_id" id="sp_id_{{ $address->id }}" @if($data['shipping_address_id'] == $address->id) checked="checked" @endif></div>
                                                                        </div>
                                                                        <div class="col-md-3"><button onclick="select_shipping_address({{ $address->id }});" type="button" class="btn btn-info">Use This Address</button></div>
                                                                    </div>
                                                                </div>
                                                            </fieldset>

                                                        @endforeach


                                                        <div class="float-right">
                                                            <button type="button" class="btn-blue" id="add_shipping_address">Use Different Address</button>
                                                            <button type="button" class="btn-black" id="shipping_address_continue">Continue</button>
                                                        </div>
                                                        <div class="clearfix"></div>

                                                    @endif

                                                </div>


                                                <div id="div_shipping_address_new" @if($data['address_option'] == 'existing') class="d-none" @endif>

                                                    {!! Form::open(array('method' => 'POST', 'id' => 'frm_checkout_address')) !!}


                                                    <div id="billing-form11" class="mb-40">


                                                        <div class="row2">

                                                            @if(!$data['customer'])
                                                            <div class="col-md-12 col-12 mb--20">
                                                                {!! Form::label('email', 'Email Address:') !!}
                                                                {!! Form::text('email', $data['v_shipping_details']['email'], ['type' => 'email', 'required' => 'required', 'class' => 'form-control', 'placeholder' => 'Enter email address ...', 'id' => 'sp_email']) !!}

                                                                <div id="div_sp_email" class="alert alert-info d-none mt--10" role="alert"></div>

                                                            </div>
                                                            @endif

                                                            <div class="col-md-6 col-12 mb--20">
                                                                {!! Form::label('first_name', 'First Name:') !!}
                                                                {!! Form::text('first_name', $data['v_shipping_details']['first_name'],['class'=>'form-control', 'required' => 'required', 'placeholder'=>'Enter first name ...']) !!}
                                                            </div>

                                                            <div class="col-md-6 col-12 mb--20">
                                                                {!! Form::label('last_name', 'Last Name:') !!}
                                                                {!! Form::text('last_name', $data['v_shipping_details']['last_name'],['class'=>'form-control', 'required' => 'required', 'placeholder'=>'Enter last name ...']) !!}
                                                            </div>
                                                            <div class="col-12 mb--20">
                                                                {!! Form::label('company', 'Company:') !!}
                                                                {!! Form::text('company', $data['v_shipping_details']['company'],['class'=>'form-control', 'placeholder'=>'Enter company name ...']) !!}
                                                            </div>

                                                            <div class="col-12 mb--20">
                                                                <label for="address1">Address *</label>
                                                                {!! Form::text('address1', $data['v_shipping_details']['address1'],['class'=>'form-control', 'required' => 'required', 'placeholder'=>'Enter address line 1...', 'id' => 'address1']) !!}

                                                                <div class="pt--10">{!! Form::text('address2', $data['v_shipping_details']['address2'],['class'=>'form-control', 'placeholder'=>'Enter address line 2 ...', 'id' => 'address2']) !!}</div>
                                                            </div>

                                                            <div class="col-12 col-12 mb--20">
                                                                {!! Form::label('country', 'Country:') !!}
                                                                {!! Form::select('country', $data['countries'], $data['v_shipping_details']['country'],['class'=>'form-control', 'required' => 'required', 'onchange="get_states(this.value);"', 'placeholder'=>'Select country ...']) !!}
                                                            </div>

                                                            <div class="col-md-6 col-12 mb--20">
                                                                {!! Form::label('state', 'State:') !!}
                                                                <div id="div_state">

                                                                    @php
                                                                        $show_text_field = true;
                                                                        if(isset($data['address']))
                                                                        {
                                                                            if(is_numeric($data['address']->state))
                                                                                $show_text_field = false;
                                                                        }
                                                                    @endphp

                                                                    @if($show_text_field)
                                                                        {!! Form::text('state', $data['v_shipping_details']['state'], ['class'=>'form-control', 'required' => 'required', 'placeholder'=>'Enter state ...']) !!}
                                                                    @else
                                                                        {!! Form::select('state', $data['states'], $data['v_shipping_details']['state'],['class'=>'form-control', 'required' => 'required', 'placeholder'=>'Enter state ...']) !!}
                                                                    @endif

                                                                </div>
                                                            </div>

                                                            <div class="col-md-6 col-12 mb--20">
                                                                {!! Form::label('city', 'City:') !!}
                                                                {!! Form::text('city', $data['v_shipping_details']['city'],['class'=>'form-control', 'required' => 'required', 'placeholder'=>'Enter city ...']) !!}
                                                            </div>

                                                            <div class="col-md-6 col-12 mb--20">
                                                                {!! Form::label('zip', 'Zip / Post Code:') !!}
                                                                {!! Form::text('zip', $data['v_shipping_details']['zip'],['maxlength' => '9', 'class'=>'form-control', 'required' => 'required', 'placeholder'=>'Enter zip / post code ...']) !!}
                                                            </div>

                                                            <div class="col-md-6 col-12 mb--20">
                                                                {!! Form::label('phone', 'Phone:') !!}
                                                                {!! Form::text('phone', $data['v_shipping_details']['phone'],['class'=>'form-control', 'required' => 'required', 'placeholder'=>'Enter phone ...']) !!}
                                                            </div>

                                                        </div>

                                                    </div>


                                                    <div class="pt--15">

                                                        <div id="sp-shipping-error"></div>

                                                        <button type="submit" class="btn-black">Continue</button>

                                                        @if($data['customer'] && count($data['customer']->addresses) > 0)
                                                            <button type="button" class="btn-blue" id="select_saved_shipping_address">Use From Existing Address</button>
                                                        @endif

                                                    </div>


                                                    {!! Form::close() !!}

                                                </div>


                                            </div>
                                        </div>
                                    </div>
                                    <div class="card">

                                        {!! Form::open(array('route' => 'frontend.save-order', 'method' => 'POST', 'id' => 'frm_checkout_shipping')) !!}

                                        <div class="card-header" id="acc_shipping_method">
                                            <h2 class="mb-0">
                                                <a href="javascript:;" class="checkout-headers" disabled="disabled" data-toggle="collapse" data-target="#acc_body_shipping_method" aria-expanded="true" aria-controls="collapseOne">
                                                    <i class="fa fa-truck" aria-hidden="true"></i> SHIPPING METHOD
                                                </a>
                                            </h2>
                                        </div>

                                        <div id="acc_body_shipping_method" class="collapse" aria-labelledby="acc_shipping_method" data-parent="#accordion_order">
                                            <div class="card-body">
                                                <div class="alert alert-warning d-none" role="alert" id="shipping_alert">
                                                    <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Please select the shipping service to continue.
                                                </div>
                                                <div id="div_shipping_rates">
                                                    @if(isset($data['rates']) && !isset($data['rates']['status']))
                                                        @foreach($data['rates'] as $service)
                                                            <div class="radio">
                                                                <label>
                                                                    <input type="radio" name="shipping_service" value="{{ $service['enc'] }}" @if($service['selected']) checked="checked" @endif> {{ $service['service'] }} (${{ $service['rate'] }})
                                                                </label>
                                                            </div>
                                                        @endforeach
                                                    @elseif(isset($data['rates']) && isset($data['rates']['status']) && $data['rates']['status'] == 0)
                                                        <div class="alert alert-warning" role="alert">{{ $data['rates']['message'] }}</div>
                                                    @else
                                                        Sorry, no quotes are available for this order at this time.
                                                    @endif
                                                </div>

                                                @php
                                                    $notes = '';
                                                    if(isset($data['shipping_details']['notes']))
                                                        $notes = $data['shipping_details']['notes'];
                                                @endphp
                                                <div id="div_shipping_notes">
                                                    <strong>{!! Form::label('notes', 'Shipping / Order Notes:') !!} </strong>
                                                    {!! Form::textarea('notes', $notes, ['rows' => 4, 'class'=>'form-control', 'placeholder'=>'Notes about your order, e.g. special notes for delivery ...']) !!}
                                                </div>

                                                <div class="pt--30" id="btn_checkout_shipping">
                                                    <button type="submit" id="btn-submit-shipping" class="btn-black">Continue</button>
                                                </div>
                                            </div>
                                        </div>

                                        {!! Form::close() !!}

                                    </div>
                                    {{--<div class="card">
                                        <div class="card-header" id="acc_payment_form">
                                            <h2 class="mb-0">
                                                <a href="javascript:;" class="checkout-headers disabled" data-toggle="collapse" data-target="#acc_body_payment_form" aria-expanded="true" aria-controls="collapseOne">
                                                    <i class="fa fa-credit-card" aria-hidden="true"></i> PAYMENT DETAILS
                                                </a>
                                            </h2>
                                        </div>

                                        @php
                                            if((!empty($data['shipping_details']['email']) && isset($data['shipping_rate'])) || $data['checkout_step'] == '3')
                                                $css = '';
                                            else
                                                $css = 'class="collapse"';
                                        @endphp

                                        <div id="acc_body_payment_form" {!! $css !!} aria-labelledby="acc_payment_form" data-parent="#accordion_order">
                                            <div class="card-body">





                                                {!! Form::open(array('route' => 'frontend.process-payment', 'method' => 'POST', 'id' => 'frm_payment')) !!}

                                                    <h4 class="d-none">Credit Card Details</h4>

                                                    <div class="mb-4 d-none"></div>

                                                    @if(session()->get('flash_danger'))
                                                        <div class="alert alert-danger" role="alert">
                                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                            <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
                                                            @if(is_array(json_decode(session()->get('flash_danger'), true)))
                                                                {!! implode('', session()->get('flash_danger')->all(':message<br/>')) !!}
                                                            @else
                                                                {!! session()->get('flash_danger') !!}
                                                            @endif
                                                        </div>
                                                    @endif

                                                <div class="row">
                                                    <div class="col-md-12 col-12 mb--20">
                                                        {!! Form::label('cc_name', 'Name on Card:') !!}
                                                        {!! Form::text('cc_name', null, ['required' => 'required', 'class' => 'form-control', 'placeholder' => 'Name on Card ...', 'id' => 'cc_name']) !!}
                                                    </div>

                                                    <div class="col-md-12 col-12 mb--20">


                                                        {!! Form::label('cc_number', 'Card Number:') !!}
                                                        <div class="input-group">
                                                            {!! Form::text('cc_number', null, ['required' => 'required', 'class' => 'form-control', 'placeholder' => 'Card Number ...', 'id' => 'cc_number']) !!}
                                                            <div class="input-group-append">
                                                                <div class="input-group-text"><i class="fas fa-credit-card" id="fa_cc"></i></div>
                                                            </div>
                                                        </div>
                                                        {!! Form::hidden('cc_type', null, ['id' => 'cc_type']) !!}


                                                    </div>


                                                    <div class="col-md-4 col-12 mb--20">
                                                        {!! Form::label('cc_month', 'Expiry Month:') !!}
                                                        {!! Form::select('cc_month', $data['months'], null, ['class'=>'form-control', 'required' => 'required', 'placeholder'=>'Please Select ...']) !!}
                                                    </div>

                                                    <div class="col-md-4 col-12 mb--20">
                                                        {!! Form::label('cc_year', 'Expiry Year:') !!}
                                                        {!! Form::select('cc_year', $data['years'], null, ['class'=>'form-control', 'required' => 'required', 'placeholder'=>'Please Select ...']) !!}
                                                    </div>

                                                    <div class="col-md-4 col-12 mb--20">
                                                        {!! Form::label('cc_cvv', 'CVC:') !!}
                                                        {!! Form::text('cc_cvv', null,['class'=>'form-control', 'required' => 'required', 'placeholder'=>'Enter CVC ...', 'maxlength' => 4]) !!}
                                                    </div>
                                                </div>

                                                    <hr class="hr-blue">

                                                    <div>
                                                        --}}{{--<button type="button" id="btn_payment" class="btn btn-success btn-block btn-lg">Make Payment and Save Order</button>--}}{{--
                                                        <div class="term-block">
                                                            <input type="checkbox" value="Y" name="terms" id="terms" @if(session()->get('move_to') == 'acc_payment_form') checked="checked" @endif>
                                                            <label for="terms">I’ve read and accept the terms & conditions.</label>
                                                        </div>
                                                        <button type="submit" class="btn btn-success btn-large w-100 btn-place-order" id="btn_place_order"  @if(session()->get('move_to') != 'acc_payment_form') disabled="disabled" @endif>PLACE ORDER</button>
                                                    </div>

                                                    <div class="text-center">
                                                        <hr>
                                                        <img src="vsi/image/payeezy.jpg" vspace="25" class="img-fluid">
                                                    </div>

                                                {!! Form::close() !!}




                                            </div>
                                        </div>
                                    </div>--}}

                                </div>

                            </div>

                            <div class="col-lg-4">
                                <div class="row2">

                                    <!-- Cart Total -->
                                    <div class="col-12">
                                        <div class="checkout-cart-total">
                                            <h2 class="checkout-title">ORDER REVIEW</h2>
                                            <h4>Product <span>Total</span></h4>

                                            <ul>
                                                @php
                                                    $sub_total = 0;
                                                    $bogo_discount = 0;
                                                @endphp
                                                @foreach($data['cart'] as $cart)

                                                    @php
                                                        //$sub_total += $cart->getPriceWithConditions();

                                                        $is_freebie = false;
                                                        $freebie_qty = 0;
                                                        if($cart->attributes->freebie)
                                                        {
                                                            $is_freebie = true;
                                                            $freebie_qty = $cart->attributes->freebie_qty;

                                                            $item_price = 0;
                                                            $total_price = 0;
                                                        }
                                                        else
                                                        {
                                                            $item_price = $cart->getPriceWithConditions();
                                                            $total_price = $cart->getPriceSumWithConditions();
                                                        }

                                                        if($cart->bogo_free)
                                                        {
                                                            $total_price_discount = $cart->bogo_free * $item_price;
                                                            $bogo_discount += $total_price_discount;
                                                            $talal_price_after_bogo = $total_price - $total_price_discount;
                                                        }

                                                        if($cart->bogod_count)
                                                        {
                                                            $discounted_price = ($item_price * $cart->bogod_percent) / 100;
                                                            $total_price_discount = $cart->bogod_count * $discounted_price;
                                                            $bogo_discount += $total_price_discount;
                                                            $talal_price_after_bogo = $total_price - $total_price_discount;
                                                        }

                                                        $sub_total += $total_price;
                                                    @endphp

                                                    <li>
                                                        <span class="left">
                                                            {{ $cart->name }}<br>&bull; <em>{{ $cart->attributes->sku }} &nbsp;
                                                            ({{ $cart->quantity }})
                                                                @if($cart->bogo_free)
                                                                    <br> <small class="red-text">{{ $cart->bogo_free }} free @if($cart->bogo_free > 1) items @else item @endif</small>
                                                                @elseif($cart->bogod_count)
                                                                    <br> <small class="red-text"> {{ $cart->bogod_percent }}% discount on {{ $cart->bogod_count }} @if($cart->bogod_count > 1) items @else item @endif</small>
                                                                @endif
                                                        </span>
                                                        @if($is_freebie)
                                                            <div class="red-text">Free Product</div>
                                                        @else
                                                            @if($cart->bogo_free || $cart->bogod_count)
                                                                <span class="right">${{ number_format($talal_price_after_bogo, 2) }}</span>
                                                                {{--<small class="right red-text">{{ $cart->bogo_free }} free @if($cart->bogo_free > 1) items @else item @endif</small>--}}
                                                            @else
                                                                <span class="right" @if($cart->bogo_free || $cart->bogod_count) class="old-price" @endif>${{ number_format($cart->getPriceSumWithConditions(), 2) }}</span>
                                                            @endif
                                                        @endif
                                                    </li>
                                                @endforeach
                                            </ul>

                                            @php
                                                $discount = 0;

                                                if(request()->session()->get('ses_coupon'))
                                                {
                                                    $coupon = request()->session()->get('ses_coupon');

                                                    if($coupon['type'] == 'amount')
                                                    {
                                                        $discount = $coupon['value'];
                                                    }
                                                    else
                                                    {
                                                        $discount = ($sub_total * $coupon['value']) / 100;
                                                    }
                                                }

                                                if($bogo_discount)
                                                {
                                                    $discount += $bogo_discount;
                                                }

                                                if( request()->session()->get('ses_shipping_rate') )
                                                {
                                                    $shipping_rate = request()->session()->get('ses_shipping_rate');
                                                    if(!is_numeric($shipping_rate))
                                                        $shipping_rate = 0;
                                                }
                                                else
                                                    $shipping_rate = 0;

                                                $grand_total = ($sub_total + $shipping_rate) - $discount;

                                                session()->put('ses_grand_total', $grand_total);
                                            @endphp

                                            <p>Sub Total <span>${{ number_format($sub_total, 2) }}</span></p>
                                            <p>Discount <span>${{ number_format($discount, 2) }}</span></p>
                                            <p>Shipping Fee <span id="sp_shipping_fee">{{ $data['shipping_rate'] ?? "$0.00" }}</span></p>
                                            <h4>Grand Total <span id="sp_grand_total">${{ number_format($grand_total, 2) }}</span></h4>

                                            {{--<hr class="hr-blue">
                                            <div class="term-block">
                                                <input type="checkbox" id="accept_terms2">
                                                <label for="accept_terms2">I’ve read and accept the terms & conditions</label>
                                            </div>
                                            <button type="submit" class="btn btn-success btn-large disabled w-100">Place order</button>--}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

@endpush
@endsection