@extends('frontend.layouts.amp')

@section('title', 'Payment Details - ' . app_name())

@section('content')


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


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

                    <!-- Checkout Form s-->
                    <div class="checkout-page">
                        <div class="row2 row-40">

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

                                @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

                                                <table class="table table-hover">
                                                    @if($data['order']->order_status != 3)
                                                        <tr>
                                                        <th class="text-red">Order Status:</th>
+                                                            <td class="text-red">{{ \App\Models\Order::$statuses[$data['order']->order_status] }}</td>
                                                        </tr>
                                                    @endif
                                                    <tr>
                                                        <th width="30%">Sub Total:</th>
                                                        <td>${{ number_format($data['order']->sub_total,2) }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Shipping Charges:</th>
                                                        <td>${{ number_format($data['order']->shipping_fee,2). ' ('. $data['order']->shipping_service .')' }}</td>
                                                    </tr>
                                                    <tr>
                                                        <th>Discount:</th>
                                                        <td>${{ number_format($data['order']->discount,2) }}</td>
                                                    </tr>
                                                    <tr>
                                                       <th class="text-red">Grand Total:</th>
+                                                        <td class="text-red">${{ number_format($data['order']->grand_total,2) }}</td>
                                                    </tr>
                                                </table>



                                    @if($data['order']->order_status == 3)

                                <hr class="hr-blue">

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

                                                    {!! Form::hidden('order_id', $data['order']->id) !!}
                                                    <h4 class="d-none">Credit Card Details</h4>

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



                                                <div class="row">
                                                <div class="enter-to-win-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>
                                                        <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>
                                                        <amp-img src="vsi/image/payeezy.jpg" height="90" width="310" class="img-fluid"> </amp-img>    
                                                    </div>                                                </div>

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


                                    @else

                                        <div class="alert alert-warning" 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>
                                            You can only pay for oders which are pending for payment.
                                        </div>


                                    @endif

                            </div>

                            <div class="col-md-4">
                                <h5>SHIPPING ADDRESS</h5>
                                <div class="table-responsive pt-3">
                                    <table class="table table-hover">
                                        <tbody>
                                        @if($data['order']->customer_id > 0)
                                            <tr>
                                                <td width="70%">{{ \App\Models\Customer::getCustomerName($data['order']->customer_id) }}</td>
                                            </tr>
                                        @endif
                                        <tr>
                                            <td width="70%">{{ $data['order']->email ?? 'N/A' }}</td>
                                        </tr>
                                        <tr>
                                            <td>{{ $data['order']->first_name . ' ' . $data['order']->last_name }}</td>
                                        </tr>
                                        @if($data['order']->company)
                                        <tr>
                                            <td>{{ $data['order']->company ?? 'N/A' }}</td>
                                        </tr>
                                        @endif
                                        <tr>
                                            <td>
                                                {{ $data['order']->address1 }},

                                                @if($data['order']->address2)
                                                    {{ $data['order']->address2 ?? 'N/A' }},
                                                @endif

                                                {{ $data['order']->city }}, {{ $data['order']->zip_code }}, @if(is_numeric($data['order']->state))
                                                    {{ \App\Models\State::get_state_name($data['order']->state) }},
                                                @else
                                                    {{ $data['order']->state }},
                                                @endif
                                                {{ \App\Models\Country::get_country_name($data['order']->country) }}

                                            </td>
                                        </tr>
                                        <tr>
                                            <td>{{ $data['order']->phone ?? 'N/A' }}</td>
                                        </tr>
                                        @if($data['order']->notes)
                                        <tr>
                                            <td>{{ $data['order']->notes ?? 'N/A' }}</td>
                                        </tr>
                                        @endif
                                        <tr>
                                            <td class="text-center"><a class="btn btn-sm btn-info" href="{{ route('frontend.checkout') }}">Change Address</a></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

@endsection