@extends('layouts.guest')
@section('content')

<section class="py-4 content">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>
                    CHECKOUT: Review Items <i class="fa fa-shopping-cart"></i>
                    <a href="{{route('basket')}}" class="btn btn-link btn-lg text-underline" style="display:inline;width:100px">Edit <i class="fa fa-edit"></i></a>
                </h2>
            </div>
        </div>
       
        <div class="row">
            <div class="col-sm-9 mb-5">
                <div class="row">
                    @php
                        $total = 0;
                    @endphp
                    @if ($result_items->total() == 0)
                        <div class="col-sm-4">
                            <h5 class="text-muted">No item found in basket</h5>
                            <a href="{{route('all.books')}}" class="btn btn-primary text-white text-uppercase">Shop books</a>
                        </div>
                    @endif
                    @php
                        $i = 0;
                    @endphp
                    @php 
                        $ids = []; 
                    @endphp
                    @foreach ($result_items as $item)
                    @php
                        $book = json_encode($item->product);

                        $book = json_decode($book);
                        $total = $total + $book->price;
                    @endphp
                        @if (!empty($book->slug) && !in_array($book->slug,$ids))
                        @php
                            $i++;
                        @endphp
                        <div class="col-sm-12 col-lg-4 slick-slider1 mb-4">
                            @include('includes.books')
                        </div>
                        @endif
                        @php array_push($ids, $book->slug); @endphp
                    @endforeach
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card">
                    <div class="card-header bg-primary-dark" style="padding:20px">
                        <h5 style="margin-bottom:0px" class="text-white">Your Sub-total</h5>
                    </div>
                    <div class="card-body">
                        <p class="text-dark text-black">Sub-total: $@php echo number_format($total, 2) @endphp</p>
                        <p class="text-dark text-black">Items: {{$i}}</p>
                        
                        <h6 class="text-dark text-black">TOTAL:$@php echo number_format($total, 2) @endphp</h6>
                        @php
                        $array = array(array('metaname' => 'color', 'metavalue' => 'blue'),
                                        array('metaname' => 'size', 'metavalue' => 'big'));
                        @endphp
                        <hr>
                        @if($total > 0)
                        
                        @php 
                        $naira = $total * $one_dollar; 
                        @endphp
                        <h6 class="">Pay with Paystack &#8358; <img src="{{url('paystack-logo.png')}}" style="widthL80px" alt=""></h6>
                        <a href="{{route('paystack.pay', with($naira))}}" class="btn btn-primary w-100 font-weight-bold text-white" type="submit" value="Pay Now!">
                            PAY &#8358;{{number_format($naira, 2)}}
                        </a>
                        <hr><span class="text-center d-block text-muted">OR</span>
                        
                        <hr>
                        <h4 class="text-primary">Bank Transfer</h4>
                        <table class="table table-striped">
                            <tr>
                                <th>Bank name:</th><td><h5>UBA</h5></td>
                            </tr>
                            <tr>
                                <th>Account name:</th><td><h5>Global Education Revolution</h5></td>
                            </tr>
                            <tr>
                                <th>Account number:</th><td><h5>1 0 2 3 6 7 5 1 2 1</h5></td>
                            </tr>
                        </table>
                        <strong>NOTE</strong>
                        <p class="text-black">Transfer the above amount using USSD or mobile transfer into the account above. Then, send the following details to customer support:</p>
                        <ol style="font-size:14px">
                            <li>your username</li>
                            <li>your account number from which the payment was made.</li>
                            <li>your account name</li>
                            <li>your bank</li>
                        </ol>
                        {{-- <hr>
                        <h6 class="">Pay with Flutter-Wave <img src="{{url('flutter-logo.png')}}" style="widthL80px" alt=""></h6>
                        <form method="POST" action="{{ route('pay') }}" id="paymentForm">
                            {{ csrf_field() }}
                            <input type="hidden" name="amount" value="{{$total}}" /> <!-- Replace the value with your transaction amount -->
                            <input type="hidden" name="payment_method" value="both" /> <!-- Can be card, account, both -->
                            <input type="hidden" name="description" value="Books" /> <!-- Replace the value with your transaction description -->
                            <input type="hidden" name="country" value="NG" /> <!-- Replace the value with your transaction country -->
                            <input type="hidden" name="currency" value="USD" /> <!-- Replace the value with your transaction currency -->
                            <input type="hidden" name="email" value="{{Auth::user()->email}}" /> <!-- Replace the value with your customer email -->
                            <input type="hidden" name="firstname" value="{{Auth::user()->firstname}}" /> <!-- Replace the value with your customer firstname -->
                            <input type="hidden" name="lastname" value="{{Auth::user()->lastname}}" /> <!-- Replace the value with your customer lastname -->
                            <input type="hidden" name="metadata" value="{{ json_encode($array) }}" > <!-- Meta data that might be needed to be passed to the Rave Payment Gateway -->
                            <input type="hidden" name="phonenumber" value="{{Auth::user()->phone}}" /> <!-- Replace the value with your customer phonenumber -->
                            <input type="submit" value="Pay ${{$total}}" class="btn btn-warning w-100 text-white text-uppercase font-weight-bold"  />
                        </form> --}}
                        @endif

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection