@extends('layouts.app')
@section('content')
<div class="flex items-center flex-wrap justify-between gap20 mb-30">
    <h3>Add Fund</h3>
    <ul class="breadcrumbs flex items-center flex-wrap justify-start gap10">
        <li>
            <a href="javascript:void(0)"><div class="text-tiny">Users</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <a href="#"><div class="text-tiny">Add Fund</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <div class="text-tiny">ID NUMBER: #{{$satellite_query->id_number}}</div>
        </li>
    </ul>
</div>

<div class="wg-box">
    <form class="form-new-product form-style-1" method="post" action="{{route('shop-bo.account.satellite.add-fund.store',['satellite_id' => Crypt::encrypt($satellite_query->id)])}}">
        @csrf
        @honeypot
        <fieldset>
            <div class="body-title">Current Balance</div>
            <input class="flex-grow" type="text" value="₱{{number_format($satellite_query->wallet->fund??0,2)}}" disabled>
        </fieldset>
        <fieldset>
            <div class="body-title">Amount <span class="tf-color-1">*</span></div>
            <input class="flex-grow  @error('amount') is-invalid @enderror" type="text" placeholder="Amount" name="amount" value="{{old('amount')}}" oninput="this.value=this.value.replace(/[^0-9]/g,'')">
            @error('amount')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </fieldset>
        <div class="bot">
            <div></div>
            <button class="tf-button w208 confirm-form" type="submit" data-confirm-message="Are you sure you want to add fund to this account?">Submit</button>
        </div>
    </form>
</div>
<!-- /new-category -->

@endsection
@section('page_script')
@parent
<script>
    $(".user-menu").addClass("active");
    $(".satellite").addClass("active");
</script>
@endsection
<!-- App js -->