@extends('layouts.app')
@section('metades')
<meta name="description" content="{{!empty($data && $data['metaDescription'])?$data['metaDescription']:''}}" />
<meta name="author" content="{{!empty($data && $data['metaDescription'])?$data['metaTitle']:''}}" />
<meta name="keywords" content="{{!empty($data && $data['metaDescription'])?$data['metaKeyword']:''}}" />
@endsection
@section('title')
<title>Online Payment / Spordec</title>

@endsection

@section('content')

<div class="homeBanner innerbanner012">
    <div class="bxslider1">
        <div class="bannerImage inneraccobnr15" style="background: #000">

            <!--  <div class="bannerCaption midCentre">
                    <h2>MAKE EVERY MINUTE <br/>ON FIELD COUNT</h2>
                </div> -->
        </div>

    </div>
</div>
<!--homeBanner ends-->
<div class="checkout_wrapper">
    <div class="container">

        <h2>Order Info</h2>
                <div class="row" style="display:none">
            <!-- last development -->

            <div class="col-md-6 ">
                <div class="checkoutleft56">

                    <div class="row">
                        <div class="col-md-12">
                            <div class="checktitle">
                                <h2>

                                    <span>{{!empty($gamesDetails)?substr($gamesDetails['labelName'],0,1):''}}</span>{{!empty($gamesDetails)?substr($gamesDetails['labelName'],1):''}}
                                </h2>
                            </div>

                            <div class="checkout_left04">
                                <ul>
                                    <!--<li><i class="ti-target"></i> {{!empty($gamesDetails)?$gamesDetails['labelName']:''}}</li>-->
                                    <li><i class="ti-target"></i> {{!empty($slotList)?date("D, jS M",
                                        strtotime($slotList[0]['slotDate'])):''}}</li>
                                    <li><i class="ti-target"></i>
                                        @if(!empty($slotList))
                                        @foreach($slotList as $key=>$val)
                                        {{date("g A", strtotime($val['slotStartTime']))}} to {{date("g A",
                                        strtotime($val['slotEndTime']))}}</br>
                                        @endforeach
                                        @endif
                                    </li>
                                    <li><i class="ti-target"></i> INR {{$totalPrice}}</li>
                                    <li><i class="ti-target"></i> Fitness cover</li>
                                </ul>
                            </div>

                        </div>

                        <!--   <div class="col-md-4">
                                <div class="closebox56">
                                    <span>x</span>
                                </div>
                            </div> -->

                    </div>

                </div>

                <div class="courtprice15">
                    <span>Court Price <i class="ti-help-alt"></i></span>
                    <span>INR {{$totalPrice}}</span>
                </div>



            </div>

            <div class="col-md-6 checkoutrt01">
                <h2>Order Info</h2>

                <div class="checkright89 infobox25">
                    <table width="100%">

                        <tr>
                            <th style="width: 70%; font-weight: 400;">
                                {{!empty($gamesDetails)?$gamesDetails['labelName']:''}}</th>
                            <th style="width: 30%; font-weight: 400; text-align: right">INR {{$totalPrice}}</th>

                        </tr>

                    </table>


                    <div class="coupon">
                        <div class="coupon_input">
                            <input name="coupon_amount" id="coupon_amount" placeholder="Apply Coupon Code" type="text"
                                class="ng-pristine">
                        </div>

                        <div class="btnbox">
                            <button type="button" onclick="applycoupon()"><i class="ti-angle-double-right"></i></button>
                        </div>
                    </div>
                    <p class="error mb0" style="color: #ec3d25;display:none">Invalid Coupon</p>

                    <table class="billdetls" width="100%" id="c_div">


                        <tr>
                            <td style="width: 60%">Coupon</td>
                            <td style="width: 40%">0/-</td>
                        </tr>


                        <tr>
                            <td style="width: 60% ; border-top:1px solid #000; color: #000; font-weight: 500;">Total
                                Amount

                            </td>
                            <td style="width: 40%; border-top:1px solid #000; color: #000; font-weight: 500; color: #ff5000;"
                                id="total_amount">INR {{$totalPrice}}</td>
                        </tr>

                    </table>


                    <div class="fitness458">
                        <label class="checkbox_cont"> Football fitness cover approved
                            <input class="tandc" type="checkbox" value="1">
                            <span class="checkmark"></span>
                        </label>
                    </div>

                    <div class="fitness458">
                        <label class="checkbox_cont"> By continuing, you agree to our <a href="#">Terms of services</a>
                            <input class="tandc" type="checkbox" value="2">
                            <span class="checkmark"></span>
                        </label>
                    </div>





                    <div class="ordersubmt45">

                        <button id="inactivepo" style="background: #b9b9b9 !important;" class="btn02"><span>INR
                                {{$totalPrice}}</span> <span style="background: #b9b9b9 !important;">Place
                                Order</span></button>
                        <form action="{{route('payment')}}" name="payment" method="get">
                            <input name="p" value="{{$_GET['p']}}" type="hidden">
                            <input name="g" value="{{$_GET['g']}}" type="hidden">
                            <input name="coupon_code" id="couponCode"
                                value="{{!empty($_GET['couponCode'])?$_GET['couponCode']:''}}" type="hidden">
                            <input name="slot" value="{{$_GET['slot']}}" type="hidden">
                            <button id="activepo" onclick="order()" style="display:none;" class="btn02"><span>INR
                                    {{$totalPrice}}</span> <span>Place Order</span></button>

                        </form>
                    </div>






                </div>

            </div>
        </div>




        <!-- New Html here -->
        <div class="row">
            <div class="col-md-6 ">
                <div class="checkoutleft56">

                    <div class="row">
                        <div class="col-md-12">

                            <div class="checkout_left04">
                                <div class="topleft456">
                                    <div class="top889">
                                        <span>{{$gamesDetails['propertiesName']}}</span>
                                        <small>{{$gamesDetails['propertiesLocationName']}}</small>
                                    </div>
                                    <div class="price52"><i class="fa fa-inr"></i> <span>{{$totalPrice}}</span> </div>
                                </div>

                                <div class="chekleftbtm456">
                                    <ul>
                                        <li><i class="fa fa-calendar"></i> <span>{{!empty($slotList)?date("D, jS M",
                                                strtotime($slotList[0]['slotDate'])):''}}</span></li>
                                        @if(!empty($slotList))
                                        @foreach($slotList as $key=>$val)
                                        <li><i class="fa fa-clock-o"></i> <span>{{date("g A",
                                                strtotime($val['slotStartTime']))}} to {{date("g A",
                                                strtotime($val['slotEndTime']))}}</span></li>
                                        @endforeach
                                        @endif

                                    </ul>

                                    <div class="fitcover">* Fitness Cover</div>
                                </div>

                            </div>

                        </div>

                        <!--   <div class="col-md-4">
                                <div class="closebox56">
                                    <span>x</span>
                                </div>
                            </div> -->

                    </div>

                </div>





            </div>

            <div class="col-md-6 checkoutrt01">


                <div class="checkright89 infobox25">


                    <div class="toprightinfo466">

                        <div class="coupon">
                            <div class="coupon_input">
                                <input name="coupon_amount" id="coupon_amount" placeholder="Apply Coupon Code"
                                    type="text" class="ng-pristine">
                            </div>
                            <div class="btnbox">
                                <button type="button" onclick="applycoupon()"><i
                                        class="ti-angle-double-right"></i></button>
                            </div>
                        </div>

                        <p class="error mb0" style="color: #ec3d25;display:none">Invalid Coupon</p>
                        <table class="billdetls" width="100%" id="c_div">
                            <tr>
                                <td style="width: 60%">Coupon</td>
                                <td style="width: 40%">0/-</td>
                            </tr>
                        </table>
                    </div>



                    <div class="topleft456">
                        <div class="top889 total45">
                            <span>Total Amount</span>
                        </div>
                        <div class="price52 toal789"><i class="fa fa-inr"></i> <span>{{$totalPrice}}</span> </div>
                    </div>


                    <div class="fitness458">
                        <label class="checkbox_cont"> Football fitness cover approved
                            <input type="checkbox" value="1">
                            <span class="checkmark"></span>
                        </label>
                    </div>

                    <div class="fitness458">
                        <label class="checkbox_cont"> By continuing, you agree to our <a href="#">Terms of services</a>
                            <input type="checkbox" value="2">
                            <span class="checkmark"></span>
                        </label>
                    </div>


                    <div class="paymentmethod56">
                        <h4>Payment Method to use</h4>

                        <ul>
                            <li><label class="radiocontainer"><small>Cash Pay</small>
                                    <input type="radio" name="radio" value="cash">
                                    <span class="checkmark"></span>
                                </label></li>

                            <!-- <li><label class="radiocontainer"><small>Online Pay</small>
                                    <input type="radio" name="radio" value="online">
                                    <span class="checkmark"></span>
                                </label></li> -->
                        </ul>

                    </div>



                    <div class="ordersubmt45">
                        <form action="{{route('payment')}}" name="payment" method="get">
                            <input name="p" class="p" value="{{$_GET['p']}}" type="hidden">
                            <input name="g" class="g" value="{{$_GET['g']}}" type="hidden">
                            <input name="coupon_code" id="couponCode" class="couponCode" value="{{!empty($_GET['couponCode'])?$_GET['couponCode']:''}}" type="hidden">
                            <input name="slot" class="slot" value="{{$_GET['slot']}}" type="hidden">
							<input name="totalamount" class="totalamount" value="{{$totalPrice}}" type="hidden">
							<input name="discountamount" class="discountamount" value="0" type="hidden">
                        <button type="submit" class="btn02" id="cash"><span>INR {{$totalPrice}}</span> <span>Place Order</span></button>
						<button type="button" class="btn02" id="rzp-button1" style="display:none"><span>INR {{$totalPrice}}</span> <span>Place Order</span></button>
						</form>
                    </div>






                </div>

            </div>
        </div>

        <!-- New Html here -->







        <div class="checkoutbtm45">
            <h3><span>Booking Policies</span></h3>

            <h5>Reschedule Policy</h5>
            <p>
                In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the
                visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used
                as a placeholder before final copy is available.
            </p>

            <p>
                In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the
                visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used
                as a placeholder before final copy is available.
            </p>

            <p>
                In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the
                visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used
                as a placeholder before final copy is available.
            </p>

            <p>
                In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the
                visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used
                as a placeholder before final copy is available.
            </p>

            <p>
                In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the
                visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used
                as a placeholder before final copy is available.
            </p>



        </div>
    </div>
</div>
<!-- Checkout ends -->


<script src="https://checkout.razorpay.com/v1/checkout.js"></script>

<script>
    $("input[name='radio']").change(function(){ 
if($(this).val() == 'online'){
	$('#rzp-button1').css('display', 'block');
	$('#cash').css('display', 'none');
	
}else{
$('#cash').css('display', 'block');	
$('#rzp-button1').css('display', 'none');
}
    
});
var price=00;
console.log(price);
var options = {
    "key": "rzp_test_Wu9R5nncuQ50fO", // Enter the Key ID generated from the Dashboard
    "amount": price, // Amount is in currency subunits. Default currency is INR. Hence, 50000 refers to 50000 paise
    "currency": "INR",
    "name": "Turf",
    "description": "Simple & Fast Pay",
    "image": "{{asset('assets/main-logo.png')}}",
    "id": "1234", //This is a sample Order ID. Pass the `id` obtained in the response of Step 1
    "handler": function (response){
		
		
		var p=$('.p').val();
		var g=$('.g').val();
		var couponCode=$('.couponCode').val();
		var slot=$('.slot').val();
		var totalamount=$('.totalamount').val();
		var discountamount=$('.discountamount').val();
		
			$.ajax({
                url: "{{ route('payment') }}",
                data: {_token: "{{ csrf_token() }}", p : p, g: g, slot: slot, coupon_code: couponCode, discountamount:discountamount , totalamount:totalamount, razorpay_payment_id:response.razorpay_payment_id},
                type: "GET",
                success: function(res) { 
                    window.location.href=res;
						console.log(res);
			   
                }
            });
		
		console.log(response);
        
    },
    "prefill": {
        "name": "{{Session::get('user')->name}}",
        "email": "{{Session::get('user')->email}}",
        "contact": ""
    },
    "notes": {
        "address": "Razorpay Corporate Office"
    },
    "theme": {
        "color": "#3399cc"
    }
};
var rzp1 = new Razorpay(options);
rzp1.on('payment.failed', function (response){ 
        alert(response.error.code);
        alert(response.error.description);
        alert(response.error.source);
        alert(response.error.step);
        alert(response.error.reason);
        alert(response.error.metadata.order_id);
        alert(response.error.metadata.payment_id);
});
document.getElementById('rzp-button1').onclick = function(e){
    rzp1.open();
    e.preventDefault();
}
</script>







<script>
    function order() {}

    function applycoupon() {
        $('.error').hide();

        $.ajax({
            url: '