@extends('layouts.index')
@section('contenido')
<div class="content">
	<div class="card">
		<div class="card-header header-elements-inline">
			<h5 class="card-title">NUEVA BONIFICACIÓN</h5>
			<div class="header-elements">
				<div class="list-icons">
				    <a class="list-icons-item" data-action="collapse"></a>
				</div>
			</div>
		</div>

		<div class="card-body">
			<form action="{{ route('bonificacion.guardar') }}" method="POST">
                @csrf
                <fieldset>
                    <div class="collapse show">
                        <div class="form-group">
                            <label>Ingrese el nombre de la bonificación(Ej: 2+1)*</label>
                            <input type="text" class="form-control" name="nombre" placeholder="" required>
                        </div>
                    </div>
					<div class="collapse show">
                        <div class="form-group">
                            <label>Cantidad base(Ej: 2)*</label>
                            <input type="number" class="form-control" name="cantidad_base" placeholder="" required>
                        </div>
                    </div>
					<div class="collapse show">
                        <div class="form-group">
                            <label>Bonificación (Ej: 1)*</label>
                            <input type="number" class="form-control" name="bonificacion" placeholder="" required>
                        </div>
                    </div>
                </fieldset>

				<div class="text-right">
					<button type="submit" class="btn btn-primary">Guardar bonificación<i class="icon-floppy-disk ml-2"></i></button>
				</div>
            </form>

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

@endsection

@section('javascript')
<script>
    jQuery( document ).ready(function() {

    });
</script>
@endsection
