@extends('layouts.app')
@section('style')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endsection
@section('content')
    <div class="col-12 col-md-6 overflow-page">
        <div class="row">
            <!-- register-header -->
            <div class="col-12 news-header px-5 text-primary text-opensans d-flex align-items-center">
                <span class="px-3">Account Details</span>
            </div>
            <style>

            </style>
            <!-- register-content -->
            <div class="col-12 news-content panel-content-h">
                <!-- register -->
                <div class="col-12 py-4">
                    <!-- register-title -->
                    <div class="px-4 notice-footer text-center mb-5">
                        <p class="text-white text-bold p-0 m-0">SHOP</p>
                        <p class="text-secondary login-options p-0 m-0">Buy Donation Points</p>
                    </div>

                    <div class="panel-content p-5 my-4">
                        <p class="text-primary text-center text-opensans">
                            {{$store['item']}}
                        </p>

                            <div class="d-flex justify-content-center align-items-center mb-4">
                                <center> <div id="paypal-button"></div></center>
                            </div>

                    </div>


                </div>
            </div>

        </div>
    </div>
@endsection
@section('js')
    <script src="https://www.paypalobjects.com/api/checkout.js"></script>
    <script>
        var
            api1 = '{{$Payment->paypalClientID}}',
            typeprod = '{{$Payment->paypalEnv}}',
            idproduct = '{{$store['id']}}',
            price_p = '{{$store["price"]}}';
    </script>
    <script src="{{asset('js/hazem.js')}}"></script>
@endsection