@extends('cfp.layouts.master')
@section('content')
    <div class="content">
        <div class="row">
            <div class="col-12">
                <div class="block block-rounded block-bordered block-fx-shadow">
                    <div class="block-header block-header-default">
                        <h3 class="block-title">Deposit ZP</h3>
                    </div>
                    <div class="block-content p-4">
                        @include('cfp.components.error_alert')
                        <form class="w-100" method="post" action="{{ route("cfp.api.code.deposit") }}">
                            @csrf
                            <div class="form-group">
                                <label for="userId">User ID</label>
                                <input name="userId" class="form-control form-control-alt" id="userId" type="text" placeholder="Enter customer's user id ..." value="{{ old("userId") }}" />
                            </div>
                            <div class="form-group">
                                <label for="zp">ZP Ammount</label>
                                <input name="zp" class="form-control form-control-alt" id="zp" type="number" placeholder="Enter the ZP ammount ..." min="1" max="999999" value="{{ old("zp") }}">
                            </div>
                            <div class="form-group">
                                <label for="cost">Cost</label>
                                <input name="cost" class="form-control form-control-alt money" id="cost" type="text" placeholder="Enter how much money customer paid ..." value="{{ old("cost") }}" />
                            </div>
                            <div class="form-group">
                                <input type="submit" class="btn btn-success btn-block" value="Deposit ZP" />
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script src="{{ asset("assets/js/lib/jquery.mask.min.js") }}" type="text/javascript"></script>
@endsection