@extends('front.layouts.app')

@section('content')

    <section class="subscribe-wrapper py-5">
        <div class="container">
            @if (isset($data))
                <div class="row justify-content-center ">
                    <div class="col-sm-8">
                        <div class="summary-box ">
                            <h4 class="font-weight-bold mb-4">Subscription</h4>

                            <div class="mb-5">
                                <strong>{{ $data->state }}</strong> <span class="text-muted">| {{ $data->hours }}
                                    hours</span><br>
                                <small class="text-muted">{{ $data->bar_number }}</small>
                            </div>

                            @foreach ($data->price_list as $item)
                                <div class="d-flex justify-content-between">
                                    <div>
                                        <div class="item-label">{{ $item['name'] }}</div>
                                        <div class="text-muted-small">Qty {{ $item['qty'] }}</div>
                                    </div>
                                    <div class="text-right">
                                        <div class="item-label">{{ $item['amount_display'] }}</div>
                                        <div class="text-muted-small">{{ $item['unit_amount_display'] }} each</div>
                                    </div>
                                </div>
                                <hr class="my-3">
                            @endforeach

                            <div class="d-flex justify-content-between">
                                <div class="font-weight-bold">Total due today</div>
                                <div class="font-weight-bold">{{ $data->finalTotalPriceDisplay }}</div>
                            </div>

                            <a href="{{ $data->checkoutLink }}" class="btn btn-primary btn-block mt-5">Pay Now</a>
                        </div>
                    </div>
                </div>
            @else
                <div class="expired-msg">
                    Payment completed please proceed to app login from <a href="{{ env('CL_APP_URL') }}">here</a>
                </div>
            @endif
        </div>
    </section>


@endsection