@extends('frontend.layouts.app')
@section('content')
    <div class="site-section p-0" data-aos="fade">
        <div class="container rounded bg-white">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h1 class="text-danger">Checkout</h1>
                </div>
            </div>
            @if (session()->has('cancel'))
                <div class="alert alert-danger mt-2">
                    <button type="button" aria-hidden="true" class="close" data-dismiss="alert">
                        <i class="nc-icon nc-simple-remove"></i>
                    </button>
                    <span>
                        <b> Cancel - </b> {{ session()->get('cancel') }}</span>
                </div>
            @endif
            @if (count(Cart::getContent())>0)
                <div class="bg row d-flex justify-content-center pb-5 mt-4">
                    <div class="col-sm-4 col-md-4 ml-1">

                        @foreach (Cart::getContent() as $item)
                            <div class="bg-white p-2 d-flex flex-column" style="border-radius:14px">
                                <div class=" mt-4 "> <img class="img-fluid"
                                        src="{{ getImageFullPath($item->attributes->book_image) }}" width="200" /> </div>
                                <h5 class="mt-3">{{ $item->name }}</h5>
                                <p>{{ $item->attributes->author_name }}</p>
                                <h4 class="green">{{ $item->attributes->currency . '' . $item->price }}</h4>
                            </div>
                        @endforeach

                    </div>
                    <div class="col-sm-5 col-md-6 mobile">

                        <div class="bg-white p-3 d-flex flex-column" style="border-radius:14px">
                            <div class="pt-2">
                                <h5>Payment details</h5>
                            </div>
                            @foreach (Cart::getContent() as $item)
                                <div class="d-flex">
                                    <div class="col-8">{{ $item->name }}</div>
                                    <div class="ml-auto green">{{ $item->attributes->currency . ' ' . $item->price }}</div>
                                </div>
                            @endforeach
                            {{-- <div class="d-flex">
                            <div class="col-8"> Get 50 <span class="green">Discount</span></div>
                            <div class="ml-auto">Rp.125,000</div>
                        </div> --}}
                            <div class="d-flex">
                                <div class="col-8">Subtotal</div>
                                <div class="ml-auto green">
                                    {{ Cart::getContent()[Cart::getContent()->keys()[0]]->attributes->currency . ' ' . Cart::getSubtotal() }}</div>
                            </div>
                            
                            <div class="d-flex">
                                <div class="col-8">Total </div>
                                <div class="ml-auto ">
                                    <b>{{ Cart::getContent()[Cart::getContent()->keys()[0]]->attributes->currency . ' ' . Cart::getTotal() }}</b></div>
                            </div>

                        </div> <a href="{{ route('payment') }}" class=" btn mt-4 btn-danger btn-block"
                            style="border-radius:100px; background-color:red;">checkout</a>

                    </div>
                </div>
            @else
                <div class="bg row justify-content-center pb-5">
                    <div class="col-md-12 text-center">
                        <h3>Empty Cart!</h3>
                    </div>
                   <div class="col-md-12  text-center">
                    <a href="{{ route('video-books') }}" class="btn btn-danger btn-lg">Browse Books</a>

                   </div>
                </div>
            @endif
            
        </div>
    </div>
@endsection