@extends('layout.front.app',[
    'title' => Config::get('constants.SITE_NAME')
])
@section('content')
<style>
.error {
    color: #ff0000;
    font-size: 15px;
    width:100%;
}
form.user .form-control-user{
    border-radius: 0px;
}
.requiredcls{
    color: #ff0000;
}

</style>
<div class="register-page">

    <div class="">
        @if($invlaidBankDetail)
        <div class="form-group" style="background:red;">
            <marquee direction="left"  style="color:white;">
            You are enter invalid bank details for the withdrawal amount so please check and send the request again. (आप निकासी राशि के लिए अमान्य बैंक विवरण दर्ज कर रहे हैं, इसलिए कृपया जांच करें और फिर से अनुरोध भेजें।)
            </marquee>
        </div>
        @endif

        <div class="card o-hidden border-0 shadow-lg my-5">
            <div class="card-body p-0" id="purchasePinMainDiv">
                <!-- Nested Row within Card Body -->
                <!-- <div class="row"> -->
                    <div class="col-lg">
                        <div class="p-3">
                       
                            <div class="text-center">
                                <h1 class="reg-text">PURCHASE TICKET</h1>
                                @include('layout.component.alert-dismissible')
                            </div>
                            
                            
                            @if(!$isPurchased)
                                @if($isTicketAvailable)
                                    @if($isDisablePurcahseButton)
                                      
                                        <div style="font-size:large;text-align:center;color: green;font-weight: bold;">The tickets will be available after 8 AM</div>
                                    @else   
                                    <div class="text-center">
                                        @include('layout.component.alert-dismissible')
                                        
                                    </div>
                                        <!-- <a class="small" style="color:white;" href="{{ route('purchase-pin') }}">
                                        <button type="button" class="btn btn-primary-black btn-user btn-block">
                                            Purchase your ticket
                                        </button>
                                        </a> -->

                                    
                                        @if($walletAmount >= $purchaseAmount)
                                        <form id="purchaseByWalletForm" class="user userForm" method="GET">
                                        <input type="hidden" value="{{ route('purchase-pin-by-wallet') }}" id="purchasePinByWalletUrl" />
                                        <div class="trading-video">
                                            <video autoplay loop muted="" controls>
                                                 <source src="{{ asset('images/trading.mp4') }}" type="video/mp4">
                                            </video>
                                        </div>
                                        <button type="submit" class="add-money-btn btn-user" id="purchaseByWalletBtn">
                                                Purchase Ticket
                                            </button>
                                            <div style="color:green; display:none; text-align:center;" id="pleaseWaitMsg"><b>Please Wait...</b></div><br/><br/>
                                        </form>
                                        @else
                                        <div class="my-atmcard">
                                            <h3>Low Balance</h3>
                                            <p>Please Recharge Your Wallet</p>
                                        </div>
                                        <a class="small" style="color:white;" href="{{ route('add-amount') }}">
                                        <button type="button" class="add-money-btn btn-user">
                                            Add Money
                                        </button>
                                        </a>
                                        @endif

                                    @endif
                               
                                @else 
                                    @if($isDisablePurcahseButton)
                                        <div style="font-size:large;text-align:center;color: green;font-weight: bold;">The tickets will be available after 08:00 AM</div>
                                    @else   
                                        <div class="sold-out-box">
                                            <img src="{{ asset('images/sold-out.png') }}" alt="">
                                            <div  class="text" >
                                                All tickets sold out.<br/> try it After Tomorrow 08:00 AM
                                            </div>
                                        </div>
                                        
                                    @endif
                                @endif
                            @else
                            <div id="QrCodeDiv">
                             <div style="font-weight: bold;">Hello, please pay the ticket amount by scanning the QR code. you can also pay using the UPI id which is mentioned below. <br/> Please take your payment screenshot and attach it with next step form.</div>
                             
                             <!-- <br/>
                            <div class="qr_upi">UPI : {{ Config::get('constants.UPI_ID') }}</div> -->
                            <!-- <br/>
                            <div class="qr_or"><b>OR</b></div> -->
                            <div class="qr_or"><b><i class="fa fa-inr" aria-hidden="true"></i> {{ Config::get('constants.TICKET_PURCHASE_AMOUNT') }}/-</b></div>
                            <img style="width: 100%;" src="{{ asset('images/qr_code.jpeg') }}" />
                            <button type="button" class="btn btn-primary-black btn-user btn-block" onclick="skipQrcode();">
                               Continue
                            </button>
                            </div>
                          
                            @endif

                            <form name="registrationForm" class="user userForm" enctype="multipart/form-data" method="POST" action="{{ route('purchase-ticket-form') }}" style="display:none;">
                                @csrf
                                
                                <div class="form-group">
                                    <label for="mobile">Attached Payment Screenshot<span class="requiredcls">*</span></label>
                                    <input type="file" onchange="readURL(this);" name="payment_schreenshot" class="form-control"  id="payment_schreenshot" />
                                    <img id="imagePre" src="#" alt="your image" style="width: 250px; display:none;" />
                                </div>

                                <div class="form-group">
                                    <input type="checkbox" class="checkbox" id="agree_policy" name="agree_policy">
                                    <label for="agree">Privacy Policy <br/> whatever money you send to Totalcare, you send it to help people. You will also get some help in this, but it is not necessary that you will always get money. But you can help anyone at any time by giving some money. This is not an NGO, but through ordinary people you will be able to help someone in need, if you agree, then please agree to the privacy policy.</label>
                                </div>
                                
                                <button type="submit" class="btn btn-primary-black btn-user btn-block" id="registrationButton">Purchase Now</button>
                                <div style="color:green; display:none; text-align:center;" id="pleaseWaitMsg"><b>Please Wait...</b></div><br/><br/>
                                <button type="button" class="btn btn-warning btn-user btn-block" onclick="goBack();">Go To Payment Screen</button>
                            </form>

                            
                        </div>
                    </div>
                <!-- </div> -->
            </div>
            <div class="card-body p-3" id="purchasePinThankYouDiv" style="text-align:center; display:none;">
                <div class="thank-you">
                    <img src="{{ asset('images/thankyou.gif') }}" width="100"/> 
                    
                    <div  class="thankyou-txt">Thank you for purchase ticket, your ticket ID is : 
                        <div id="purchaseTicketId"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

@stop