@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;">Cash Transfer</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/send')}}" method="post">@csrf
                
                    <div class="row">

                        <div class="col-md-4">
                            <select style="margin-bottom: 5px;height: 38px;" class="select2-single" id="username" name="username" required> 
                                <option value="">Select an Agent</option>
                                @foreach($agents as $agnt)
                                <option value="{{$agnt->username}}">{{$agnt->username}}</option>
                                @endforeach
                            </select>
                        </div>

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

                        <div class="col-md-4">
                            <input style="margin-bottom: 5px;margin-top: 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;margin-top: 10px;background: #ec1666;color: #fff;" type="submit" class="btn">Confirm Now</button>
                        </div>
                    </div>

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

          
</div>
@endsection