@extends('member.layout.main')
@section('content')
<div class="row">
    <div class="col-lg-12" style="padding-left: 4px;padding-right: 4px;">
        <div class="card m-b-30" style="border-radius: 5px;">
            <div class="card-header">
                <h5 class="card-title" style="font-weight: bold; padding-top: 15px; font-size: 20px;">Pack to Earning</h5>
                <p style="padding-top:10px;padding-bottom: 0px; margin-bottom: 0px;color: #fff;">Transferable Balance: @if($pk_data->uppro > 0) <a style="color:#7af6ff;">{{$pk_data->uppro > 0}}</a> @else <a style="color:red">0</a> @endif</p>
            </div>

            <div class="card-body" style="padding-bottom: 50px;">
                <form action="{{url('cashconv')}}" method="post">@csrf

                    <div class="row">
                        <div class="col-md-4">
                            <input style="margin-bottom: 10px;height: 38px;" type="number" class="form-control" name="amount" min="100" placeholder="Amount (Min: 100)" required>
                        </div>

                        <div class="col-md-4">
                            <input style="margin-bottom: 10px;height: 38px;" type="password" class="form-control" id="pin" name="pin" placeholder="Security PIN" required>
                        </div>

                        <div class="col-md-6">
                            <button style="height: 38px;background: #ec1666;color: #fff;" type="submit" class="btn">Confirm Now</button>
                        </div>
                    </div>

                </form>
            </div>

        </div>
    </div> 

        
</div>
@endsection