@extends('layouts.app', ['pageSlug' => 'listofpayment'])

@section('content')
<div class="splynx_top_nav">
    <div style="float: left">
        <ul class="splynx_breadcrumbs">
            <li><span>List of payments / Add</span></li>
        </ul>
    </div>
    <div class="clearfix"></div>
</div>
<div class="spl-page-panel">
    <div class="row">
        <div class="col-lg-12">
            Add List Payments
        </div>
    </div>
    <br>
    <div class="col-lg-8 panel panel-default">
        <div class="panel-body p-3">
            <form class="form-horizontal" role="form" action="{{route('pay-extension.listpayment.save')}}" method="POST">
                @csrf
                <fieldset>
                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        <label for="date">Date</label>
                    </label>
                    <div class="col-lg-8 col-md-9">
                        <input type="text" name="date" id="date" class="form-control input-sm text ui-widget-content ui-corner-all download_date" autocomplete="off" style="width:100%;">
                        <span class="fa fa-fw fa-calendar input-suff-span"></span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Amount
                    </label>
                    <div class="col-lg-8 col-md-9">
                        <input type="number" style="width: 100%;" original-value="" required="" class="form-control input-sm" autocomplete="off" name="amount" id="amount" value="" min="0">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-lg-4 col-md-3">
                        Reference
                    </label>
                    <div class="col-lg-8 col-md-9">
                        <input type="text" style="width: 100%;" original-value="" required="" class="form-control input-sm" autocomplete="off" name="ref" id="ref" value="">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-lg-12 col-md-12">
                        <input type="submit" value="Add" class="btn btn-primary btn-sm pull-right">
                    </div>
                </div>

            </fieldset>

            </form>
        </div>
    </div>
</div>
@endsection
@section('script')
<script>
   $(document).ready(function(){
       $( ".download_date" ).datepicker({
            dateFormat : 'yy-mm-dd'
        });
   });
 </script>
@endsection