@include("alliedService.include.header") 
        <!-- Start of Main -->
        <main class="main wishlist-page">
            <!-- Start of Page Header -->
            <div class="page-header">
                <div class="container">
                    <h1 class="page-title mb-0">Budget & duration</h1>
                </div>
            </div>
            <!-- End of Page Header --> 

            <!-- Start of PageContent -->
        <div class="page-content mb-8">
            <div class="container">
            <!-- Promote -->  
            <form id="rzp-footer-form" action="{!!route('dopayment')!!}" autocomplete="off" class="pd-5">
            <div class="row pd-10-100">
                <div class="col-md-6 box-shadow pd-15">  <!-- vendor-map broder-right -->
                    <div class="row">
                       <div class="col-md-3">
                            <div class="mt-1">
                                <img src="{{asset('public/allied_theme/images/uploads/')}}/{{$alliedPostGall->image}}" alt="product" width="70" height="78"> 
                            </div>
                        </div>
                        <div class="col-md-5"> 
                            <b>Sub Category:</b> {{$subCat}}
                        </div>
                        <div class="col-md-4"> 
                           <b>Title:</b> {{$alliedPostTitle}} 
                        </div>
                    </div> 
                    <hr> 
                   <h3 class="text-center mt-4"><i class="fas fa-rupee-sign"></i> <span id="f">
                     {{($adPromotion)?$adPromotion->budget/$adPromotion->days:50}}</span> X <span id="duration">{{($adPromotion)?$adPromotion->days:1}}</span> day(s) = <i class="fas fa-rupee-sign"></i> <span class="dayDuration">{{($adPromotion)?$adPromotion->budget:50}}</span> 
                     <a href="{{URL('/ads')}}/{{$id}}"><i class="fas fa-pencil-alt edit-disabled"></i></a>
                   </h3>
                     
                    <input type="hidden" class="ad_promotion_id" name="id" value="{{($adPromotion)?'venue_'.$adPromotion->id:''}}">
                    <input type="hidden" name="allied_post_id" value="{{$id}}">
                    <input type="hidden" name="amount" id="amount" value="{{$adPromotion->budget}}"/>
                    <div class="form-group">
                        <label>Targeted keywords</label>
                        <div>{{($adPromotion)?$adPromotion->keywords:''}}</div>
                    </div> 
                    <div class="form-group">
                        <label>Locations</label> 
                                            </div> 
                    <div class="row">
                        <div class="col-md-5">
                            <div class="form-group">
                                <label>Audience</label>: {{ucfirst(($adPromotion)?$adPromotion->audience:'')}}
                            </div>  
                        </div> 
                        <div class="col-md-7">
                            <div class="form-group">
                                <label>Start Date</label>: {{($adPromotion)?date('d-M-Y',strtotime($adPromotion->start_date)):''}}
                            </div>     
                        </div>
                    </div>
                    <!-- <div class="form-group">
                        <label>Age</label>: {{($adPromotion)?$adPromotion->age:18}} - 65+
                    </div> --> 
                    <div class="row">
                        <div class="col-md-5">
                            <div class="form-group">
                                <label>Age</label>: {{($adPromotion)?$adPromotion->age:18}} - 65+
                            </div>  
                        </div> 
                        <div class="col-md-7">
                            <div class="form-group">
                                @php  
                                $days=$adPromotion->days.' days'; 
                                $endDate=date('Y-m-d', strtotime($adPromotion->start_date. ' + '.$days)); 
                                @endphp
                                <label>End Date</label>: {{($adPromotion)?date('d-M-Y',strtotime($endDate)):''}}
                            </div>     
                        </div>
                    </div>
                </div>
                 
                <div class="col-md-6 box-shadow pd-0-20">  
                     <h3 class="text-center mt-5 mb-6">Payment</h3>
                     <div class="order-summary">
                        <table class="order-table">
                            <thead>
                                <tr>
                                    <th colspan="2">
                                        <!-- <b>Service</b> -->
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="bb-no">
                                    <td class="product-name"><strong>Title</strong>  
                                        </td>
                                    <td class="product-total">{{ucfirst($alliedPostTitle)}}</td> 
                                </tr>
                                <tr class="bb-no">
                                    <td class="product-name"><strong>Category</strong>  
                                        </td>
                                    <td class="product-total">{{$category}}</td> 
                                </tr>
                                                                <tr class="bb-no">
                                    <td class="product-name"><strong>Sub Category</strong>  
                                        </td>
                                    <td class="product-subcat">{{$subCat}}</td> 
                                </tr>
                                <tr class="cart-subtotal bb-no">
                                    <td>
                                        <b>Subtotal</b>
                                        <div class="font-size-12 mt-1">18% GST</div>
                                    </td>
                                    <td>
                                        <b><i class="fas fa-rupee-sign"></i> {{$adPromotion->budget-$gst}}</b> 
                                        <div class="font-size-12 mt-1"><i class="fas fa-rupee-sign"></i> {{$gst}}</div>
                                    </td>
                                </tr> 
                            </tbody>
                            <tfoot> 
                                <tr class="order-total">
                                    <th>
                                        <b>Total</b>
                                    </th>
                                    <td>
                                        <b><i class="fas fa-rupee-sign"></i> {{$adPromotion->budget}}</b>
                                    </td>
                                </tr>
                            </tfoot>
                        </table> 
                        <div class="form-group place-order pt-6">
                            <button class="btn btn-dark btn-block btn-rounded" id="paybtn" style="width: 100% !important">Make Payment</button>
                        </div>
                    </div>

                    <div id="paymentDetail" style="display: none">
                        <center>
                            <div>paymentID: <span id="paymentID"></span></div>
                            <div>paymentDate: <span id="paymentDate"></span></div>
                        </center>
                    </div>


                </div>
               </div>
               </form>
             <!-- /Promote -->
            </div>
        </div>
        <!-- End of PageContent -->
    </main>
    <!-- End of Main -->
@include("alliedService.include.footer")  
<script>
    $('#rzp-footer-form').submit(function (e) {
        var button = $(this).find('button');
        var parent = $(this);
        button.attr('disabled', 'true').html('Please Wait...');
        $.ajax({
            method: 'get',
            url: this.action,
            data: $(this).serialize(),
            complete: function (r) {
                console.log('complete');
                console.log(r);
            }
        })
        return false;
    })
</script>

<script>
    function padStart(str) {
        return ('0' + str).slice(-2)
    }

    function demoSuccessHandler(transaction) { 
        $("#paymentDetail").removeAttr('style');
        $('#paymentID').text(transaction.razorpay_payment_id);
        var paymentDate = new Date();
        $('#paymentDate').text(
            padStart(paymentDate.getDate()) + '.' + padStart(paymentDate.getMonth() + 1) + '.' + paymentDate.getFullYear() + ' ' + padStart(paymentDate.getHours()) + ':' + padStart(paymentDate.getMinutes())
            );

        $.ajax({
            method: 'post',
            url: "{!!route('dopayment')!!}",
            data: {
                "_token": "{{ csrf_token() }}",
                "razorpay_payment_id": transaction.razorpay_payment_id
            },
            complete: function (r) {
                console.log('complete');
                console.log(r);
            }
        })
    }
</script>
<script>
    var options = {
        key: "{{ env('RAZORPAY_KEY') }}",
        amount: $('#amount').val()*100,
        name: 'Venue.events',
        description: $('.product-subcat').html(),
        image: 'https://www.venue.events/public/allied_theme/images/logo.png', 
        notes: {
            soolegal_order_id: $('.ad_promotion_id').val(),
        },
        handler: demoSuccessHandler
    }
 
    window.r = new Razorpay(options);
    document.getElementById('paybtn').onclick = function () {
        r.open()
    }
</script>