@extends('vendor.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;">Payout Request</h5>
                <p style="padding-top:10px;padding-bottom: 0px; margin-bottom: 0px;color: azure;">Available Cash: @if(is_null($vendor_data->cash_bal)) <a style="color:red">0</a> @else <a style="color:#fff400;">{{$vendor_data->cash_bal}}</a> @endif</p>
            </div>

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

                    <div class="row">

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

                        <div class="col-md-4">
                            <input style="margin-bottom: 10px;height: 38px;background: transparent;" type="text" class="form-control" id="vat" placeholder="Payout Charge 10%" readonly>
                        </div>

                        <div class="col-md-4">
                            <input style="margin-bottom: 10px;height: 38px;background: transparent;" type="text" class="form-control" id="net_amount" placeholder="Net Amount" readonly>
                        </div>

                        <div class="col-md-4">
                            <select style="width: 100%;margin-bottom: 10px;height: 38px;" name="gateway" class="form-control" required>
                                <option value="">Choose Method...</option>
                                <option value="BKash">BKash</option>
                                <option value="Nagod">Nagod</option>
                                <option value="Rocket">Rocket</option>

                            </select>
                        </div>

                        <div class="col-md-4">
                            <input style="margin-bottom: 10px;height: 38px;background: transparent;" type="number" class="form-control" id="account" name="account" placeholder="Account Number" 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