
@extends('layouts.app1')
    @section('content')
    <br><br>

<title>{{$settings->site_name}} | Payment</title>


<div class="row card-header align-items-start justify-content-center d-flex">
        <div class="col-sm-16 col-md-8">
                <div class="card">
                     
                        <div class="card-header align-items-start justify-content-center d-flex">
                                <h4 class="pull-left">{{$payment_mode->name}} Payment Details</h4>
                                
                               
                                <ul class="nav nav-pills card-header-pills pull-right">
                                        <li class="nav-item">
                                                <button class="btn btn-sm btn-link btn-round" data-toggle="collapse" data-target="#bpd"><i class="fa fa-chevron-down"></i></button>
                                        </li>
                                </ul>
                        </div>
                         <x-danger-alert/>
					<x-success-alert/>
                        <div id="bpd">
                                <div class="card-body">
                                        <div class="form-group" align="center">
                                             <span style="color:gold">
                                                 You are required to deposit {{Auth::user()->currency}}{{$amount}} for the upgrade of your account to {{$plan->name}}
                                         Please make sure you upload your payment proof for quick payment verification</span><br>
                                            <hr>
                                                <label for="recipient-name" class="form-control-label font-weight-bold">Scan {{$payment_mode->name}} QR Code to copy wallet address</label>
                                                <hr>
                                                <img src="https://chart.googleapis.com/chart?chs=200x200&cht=qr&chl={{$payment_mode->name}}:{{$payment_mode->wallet_address}}" style="width:200px;">
                                                <hr style="color:white">
                                                <div class="input-group mb-3" style="width:80%">
                                                        <input style="color:black" id="myInput" type="text" value="{{$payment_mode->wallet_address}}" class="form-control" readonly>
                                                        <div class="input-group-append">
                                                                <button type="button" onclick="copyWallet()" class="btn btn-success" value="Copy Wallet">Copy Wallet</button>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                                <form method="post" action="{{route('saveupgradedeposit')}}" enctype="multipart/form-data">
                                  @csrf
                                        <div class="form-group" style="border: 0px solid grey;border-radius:5px;padding:15px;">
                                                <p class="form-control-label font-weight-bold text-center" style="color:#17a2b8;font-size:12px">
                                                        If your payment was successful, Please upload payment proof below.
                                                </p>
                                                <hr>
                                                <div class="input-group mb-3">
                                                        <div class="input-group-prepend">
                                                                <label for="upload" class="input-group-text">
                                                                        Upload Proof
                                                                </label>
                                                        </div>
                                                        <input type="file" name="proof" class="form-control" id="upload" required>
                                                        <input type="hidden" name="amount" value="{{$amount}}">
                                                        <input type="hidden" name="paymethd_method" value="{{$payment_mode->name}}">
                                          <input type="hidden" name="upgrade" value="{{$plan->name}}">
                                                </div>
                                                <hr>
                                                <button type="reset" class="btn btn-secondary" data-dismiss="modal">Clear</button>
                                                <button type="submit"  style="float:right" class="btn btn-primary">Submit Payment Proof</button>
                                        </div>
                                </form>
                        </div>
                </div>
        </div>
       




<div class="row">
        <div class="col-sm-16 col-md-16">
                <div class="card">
                        <div class="card-header align-items-start justify-content-between flex">
                                <h4 class="pull-left">Purchase Your Coin From the Dealers below.</h4>
                                <ul class="nav nav-pills card-header-pills pull-right">
                                        <li class="nav-item">
                                                <button class="btn btn-sm btn-link btn-round" data-toggle="collapse" data-target="#buc"><i class="fa fa-chevron-down"></i></button>
                                        </li>
                                </ul>
                        </div>
                        <div id="buc">
                                <div class="card-body">
                                        <h2 style="text-align:center">< slide ></h2>
                                        <div class="form-group" align="center">
                                                <div class="scrollmenu">
                                                        <style>
                                                                th,
                                                                td {
                                                                        background: white;
                                                                        color: black;
                                                                        font-weight: bold;
                                                                        font-size: 40px;
                                                                        float: center;
                                                                        text-align: center;
                                                                        padding: 0px 10px;
                                                                }
                                                        </style>
                                                        <table>
                                                                <tr>
                                                                        <th style="background-color:black;color:white">LUNO</th>
                                                                        
                                                                        <th style="background-color:black;color:white">MOONPAY</th>
                                                                        
                                                                        <th style="background-color:black;color:white">BITCOIN.COM</th>
                                                                       
                                                                </tr>
                                                                <tr>
                                                                        <td><img src="img/coin/luno.png" alt=""></td>
                                                                        
                                                                        <td><img src="img/coin/moonpay.png" alt=""></td>
                                                                        
                                                                        <td><img src="img/coin/bitcoin.png" alt=""></td>
                                                                        
                                                                <tr>
                                                                        <td><a href="https://www.luno.com" target="_blank" class="btn btn-primary">PURCHASE</a></td>
                                                                       
                                                                        <td><a href="https://www.moonpay.io" target="_blank" class="btn btn-primary">PURCHASE</a></td>
                                                                        
                                                                        <td><a href="https://www.bitcoin.com" target="_blank" class="btn btn-primary">PURCHASE</a></td>
                                                                       
                                                                </tr>
                                                        </table>
                                                </div>
                                        </div>
                                </div>
                        </div>
                </div>
        </div>
        <a href="{{ url('dashboard') }}"><button class="btn btn-dark" style="color:white"><i class="fa fa-undo"></i> Back to Account</button></a>
</div>






<script>
  function copyWallet() {
    var copyText = document.getElementById("myInput");
    copyText.select();
    copyText.setSelectionRange(0, 99999);
    document.execCommand("copy");
    Swal.fire('', '<b>{{$payment_mode->name}} Wallet Copied : </b> ' + copyText.value + '', '');
  }
  
  function copyWalleta() {
    var copyText = document.getElementById("myInputa");
    copyText.select();
    copyText.setSelectionRange(0, 99999);
    document.execCommand("copy");
    Swal.fire('', '<b>{{$payment_mode->name}} Wallet Copied : </b> ' + copyText.value + '', '');
  }
</script><br><br>



<div class="row">
  <div class="col-md-12">
    <div class="form-group row">
      <div class="col-6">
        <button type="button" onclick="referralFunction()" class="btn btn-success">Copy Referral Link</button>
      </div>
      <div class="col-10">
        <input type="text" style="color:black" class="form-control" id="referral_link" value="{{Auth::user()->ref_link}}" readonly="">
      </div>
    </div>
  </div>



  <script>
    function referralFunction() {
      var copyReferral = document.getElementById("referral_link");
      copyReferral.select();
      copyReferral.setSelectionRange(0, 99999);
      document.execCommand("copy");
      Swal.fire('', '<b>Referral Link Copied :</b> ' + copyReferral.value + '', '', '');
    }
  </script>


    @endsection
