<?php $__env->startSection('content'); ?>
<script type="text/javascript">
    if (window.performance && window.performance.navigation.type == window.performance.navigation.TYPE_BACK_FORWARD) {
        location.reload();
    }
</script>
 <div class="nk-content">
                        <div class="container-fluid">                            <div class="nk-content-body">
                                <div class="buysell widse-xs m-aussto">
                                <br><br><br>

                                    <div class="buysell-block">
                                     <div class="buysell-title text-center"><h4 class="title text-primary">Electricity Bill Recharge</h4></div>
                                        <form method="post" class="buysell-form" action="<?php echo e(route('electricitypost')); ?>">
                                        <?php echo csrf_field(); ?>
                                            <div class="buysell-field form-group">
                                                  <div class="invest-field form-group">
                                                    <div class="form-label-group"><label class="form-label">Choose Amount to Pay</label></div>


                                                     <script type="text/javascript">

                                                        function goDoSomething1(identifier){

                                                  document.getElementById("amount").value = $(identifier).data('amount');
                                                   }

                                                    </script>

                                                    <div class="invest-amount-group g-2">
                                                        <div class="invest-amount-item">
                                                            <input type="radio" class="invest-amount-control" name="iv-amount"  onclick="goDoSomething1(this);"  data-amount="1000" id="iv-amount-1" /><label class="invest-amount-label" for="iv-amount-1"><?php echo e($basic->currency_sym); ?> 1000</label>
                                                        </div>
                                                        <div class="invest-amount-item">
                                                            <input type="radio" class="invest-amount-control" name="iv-amount" onclick="goDoSomething1(this);"  data-amount="1500" id="iv-amount-2" /><label class="invest-amount-label" for="iv-amount-2"><?php echo e($basic->currency_sym); ?> 1500</label>
                                                        </div>
                                                        <div class="invest-amount-item">
                                                            <input type="radio" class="invest-amount-control" name="iv-amount" onclick="goDoSomething1(this);"  data-amount="2000" id="iv-amount-3" /><label class="invest-amount-label" for="iv-amount-3"><?php echo e($basic->currency_sym); ?> 2000</label>
                                                        </div>
                                                        <div class="invest-amount-item">
                                                            <input type="radio" class="invest-amount-control" onclick="goDoSomething1(this);"  data-amount="2500" name="iv-amount" id="iv-amount-4" /><label class="invest-amount-label" for="iv-amount-4"><?php echo e($basic->currency_sym); ?> 2,500</label>
                                                        </div>
                                                        <div class="invest-amount-item">
                                                            <input type="radio" class="invest-amount-control" onclick="goDoSomething1(this);"  data-amount="5000" name="iv-amount" id="iv-amount-5" /><label class="invest-amount-label" for="iv-amount-5"><?php echo e($basic->currency_sym); ?> 5000</label>
                                                        </div>
                                                        <div class="invest-amount-item">
                                                            <input type="radio" class="invest-amount-control" onclick="goDoSomething1(this);"  data-amount="10000" name="iv-amount" id="iv-amount-6" /><label class="invest-amount-label" for="iv-amount-6"><?php echo e($basic->currency_sym); ?> 10,000</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                </div>
                                            </div><br>

                                            <div class="buysell-field form-group">
                                                <div class="form-label-group"><label class="form-label" for="buysell-amount">Or Enter Amount Directly</label></div>
                                                <div class="form-control-group">
                                                    <input type="number" class="form-control form-control-lg form-control-number" id="amount" name="amount" placeholder="0.00" />
                                                    <div class="form-dropdown">
                                                        <div class="text"><?php echo e($basic->currency_sym); ?><span></span></div>

                                                    </div>
                                                </div>
                                                <div class="form-note-group"><span class="buysell-min form-note-alt">Minimum: 1000.00 <?php echo e($basic->currency); ?></span></div>
                                            </div>


                                             <div class="buysell-field form-group">
                                                <div class="form-label-group"><label class="form-label" for="buysell-amount">Enter Meter Number</label></div>
                                                
                                                <div class="form-note text-base text-center">Please Confirm your <a href="#">Meter Number Number</a> well, There will be no refund for wrong Meter Number Input.</div>   
                                                
                                                <div class="form-control-group">
                                                    <input type="number" class="form-control form-control-lg form-control-number" id="buysell-amount" name="number" placeholder="1234567890" />

                                                </div>
                                             </div>
                                               <script type="text/javascript">

                                                 function goDoSomething(identifier){

                                                  document.getElementById("company").innerHTML = $(identifier).data('company');
                                                  document.getElementById("slogan").innerHTML = $(identifier).data('slogan');
                                                  document.getElementById("code").value = $(identifier).data('code');
                                                  document.getElementById("image").innerHTML = "<div class='coin-icon'><div class='user-avatar sm'><img src='"+$(identifier).data('image')+"' width='100' alt='Avatar'></div></div>";
                                                   }

                                                    </script>


                                             <div class="buysell-field form-group">
                                                <div class="form-label-group"><label class="form-label">Select Company</label></div>
                                              <div class="dropdown buysell-cc-dropdown">
                                                    <a href="#" class="buysell-cc-choosen dropdown-indicator" data-toggle="dropdown">
                                                        <div class="coin-item coin-btc">
                                                            <div class="coin-icon" id="image" ><em  class="icon ni ni-bulb" ></em></div>
                                                            <div class="coin-info"><span class="coin-name" id="company">Company</span><span class="coin-text" id="slogan">Select Company</span></div>
                                                        </div>
                                                    </a>
                                                    
                                                    
                                                    <input id="code" name="code" hidden/>
                                                    <div class="dropdown-menu dropdown-menu-auto dropdown-menu-mxh">
                                                        <ul class="buysell-cc-list">
                                                        <?php $__currentLoopData = $power; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $data): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                         <li class="buysell-cc-item"  onclick="goDoSomething(this);"  data-code="<?php echo e($data->code); ?>"  data-company="<?php echo e($data->name); ?>"  data-image="<?php echo e(asset($data->image)); ?>" data-slogan="<?php echo e($data->slogan); ?>" >
                                                                <a href="#" class="buysell-cc-opt" data-currency="eth">
                                                                    <div class="coin-item coin-eth">
                                                                        <div class="coin-icon"><div class="user-avatar sm bg-white"><img src="<?php echo e(asset($data->image)); ?> " width="100"
                             alt="Avatar"></div></div>
                                                                        <div class="coin-info"><span class="coin-name"><?php echo e($data->name); ?></span><span class="coin-text"><?php echo e($data->slogan); ?></span></div>
                                                                    </div>
                                                                </a>
                                                            </li>
                                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>


                                                        </ul>
                                                    </div>
                                                </div>
                                                </div>

                                            <div class="buysell-field form-group">
                                                <div class="form-label-group"><label class="form-label">Select Metter Type</label></div>
                                <div class="form-note text-base text-center">Please Confirm your <a href="#">Meter Type</a> well, There will be no refund for wrong Meter Type Selection.</div>                   
                                                
                                                <div class="form-pm-group">
                                                    <ul class="buysell-pm-list">

                                                        <li class="buysell-pm-item">
                                                            <input class="buysell-pm-control" type="radio" name="metertype" value="01" id="pm-paypal1"  />
                                                            <label class="buysell-pm-label" for="pm-paypal1">
                                                                <span class="pm-name">Prepaid</span><span class="pm-icon"><em class="icon ni ni-signal"></em></span>
                                                            </label>
                                                        </li>
                                                          <li class="buysell-pm-item">
                                                            <input class="buysell-pm-control" type="radio" name="metertype" id="pm-paypal2"  value="02" />
                                                            <label class="buysell-pm-label" for="pm-paypal2">
                                                                <span class="pm-name">Postpaid</span><span class="pm-icon"><em class="icon ni ni-live"></em></span>
                                                            </label>
                                                        </li>

                                                                                                           </ul>
                                                </div>
                                            </div>
                                             <?php if(Auth::user()->setpin == 1): ?>
                                            <div class="buysell-field form-action"><a href="#" class="btn btn-lg btn-block btn-primary" data-toggle="modal" data-target="#enterpin">Continue</a></div>
                                            <?php else: ?>
                                             <div class="buysell-field form-action"><button type="submit" class="btn btn-lg btn-block btn-primary">Continue</button></div>

                                            <?php endif; ?>
                                            <div class="form-note text-base text-center">Note: our tranaction fees included, <a href="#">see our fees</a>.</div>

                                    </div>
                                </div>
                            </div>
                        </div>

         <div class="modal fade" tabindex="-1" id="enterpin">
            <div class="modal-dialog modal-dialog-centered modal-md">
                <div class="modal-content">
                    <div class="modal-body modal-body-md text-center">
                        <div class="nk-modal">
                            <h4 class="nk-modal-title">Enter Transaction Password</h4>
                            <div class="nk-modal-text">
                                <p>
                                    Please enter your Wallet Transaction Password in order complete this transaction or click on the cancel button to discontinue transaction process..
                                </p>
                            </div>
                            <div class="nk-modal-form">
                                <div class="form-group"><input type="password" name="pin" class="form-control form-control-password-big text-center" /></div>
                            </div>
                            <div class="nk-modal-action">
                                <button type="submit" class="btn btn-lg btn-mw btn-primary" >Confirm Process</button>
                                <div class="sub-text sub-text-alt mt-3 mb-4">This transaction will be debited from your deposit wallet balance.</div>
                                <a href="#" class="link link-soft" data-dismiss="modal">Cancel and return</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
 </form>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('include.dashboard', \Illuminate\Support\Arr::except(get_defined_vars(), array('__data', '__path')))->render(); ?>