@extends('member.layout.main')
@section('content')
<div class="row">
    <div class="col-lg-3" >
        <div class="card border m-b-20" style="border-radius: 5px;">
            <div class="card-body" style="padding-top: 5px;padding-bottom: 5px;">
                <div class="row align-items-center">
                    <div class="col-12">
                        <h5 style="font-weight:bold;color: #fff;margin-top: 1rem!important;margin-bottom: 2px;">Buy Pack </h5> 
                        <span style="color:#fff;" class="font-16 my-3">
                            Available Balance: @if($member_data->credit > 0)<a style="color:#4fffea;">{{$member_data->credit}}</a> @else <a style="color:red;">0.00</a> @endif
                        </span>
                    </div>
                </div>
                <div class="row align-items-center">
                    <div class="col-12">
                        <img style="width:100%;padding-top: 20px;" src="{{URL::to($pak_data->image)}}">
                        <p style="color:#fff;" class="font-16 my-3">
                            {{$pak_data->title}}<br>
                            Price: <a style="color:#4fffea;">{{$pak_data->price}}</a>
                        </p>

                        <input type="hidden" name="price" id="price" value="{{$pak_data->price}}">

                        <form action="{{url('buypk')}}" method="post">@csrf
                            <input type="hidden" name="pak_id" value="{{$pak_data->id}}">

                            <select style="height: 32px; border: 1px solid #e0e0e0; border-radius: 20px; width: 100%; background: #083555; color: #ffffff; text-align: center; margin-bottom: 8px;" class="select" name="btype" id="btype" required>
                                <option value="">Order Type</option>
                                <option value="1">Pre Order</option>
                                <option value="2">Paid Order</option>
                            </select>

                            <input style="border-radius: 20px;width: 100%;text-align: center;margin-bottom: 10px;height: 30px;background: #216ca224;border: 1px solid #ffffff;color: white;" type="text" name="qty" id="bqty" min="1" value="1" placeholder="QTY" required>

                            <button id="ST" type="submit" style="width: 100%; margin-bottom: 15px;height: 30px;background: #ff7b7b;color: #000;border-radius: 20px;font-size: 12px;line-height: 10px; padding: 2px 15px; font-weight: 600;" class="btn">PAY: <span style="font-family: system-ui;">৳</span><span id="payamnt">1000</span></button>

                            <button id="FS" type="submit" style="width: 100%; margin-bottom: 15px;height: 30px;background: #ff7b7b;color: #000;border-radius: 20px;font-size: 12px;line-height: 10px; padding: 2px 15px; font-weight: 600;display: none;" class="btn">PAY: <span style="font-family: system-ui;">৳</span><span id="payamnts">{{$pak_data->price}}</span></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

@endsection