@extends('layout.master')
@section('content')

<div class="row">
	<div class="col-md-12">
		
		<div class="card">

            <div class="card-header">
                <h4 class="card-title">Nuevo Recibo</h4>
            </div>

            <div class="card-body">
                <form method="POST" action="{{ route('recibo.store') }}">
                    @csrf

                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="cliente">Nombre del Cliente</label>
                                <input name="cliente" type="text" class="form-control" placeholder="Nombre del Cliente" required>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="cantidad">Cantidad</label>
                                <input 
                                    name="cantidad" 
                                    type="number" 
                                    class="form-control" 
                                    placeholder="Cantidad" 
                                    required 
                                    step="0.01" 
                                    min="0" 
                                    max="9999999.99"
                                >
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="concepto">Concepto</label>
                                <input name="concepto" type="text" class="form-control" placeholder="Concepto" required>
                            </div>
                        </div>
                    </div>

                    <button type="submit" class="form-control btn btn-success btn-fill pull-right">Guardar Recibo</button>
                    <div class="clearfix"></div>

                </form>

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

@endsection