@extends('plantilla.main')
@section('scripts')
    
@endsection
@section('title',"Percepción")
@section('contenido_title',"Catálogo de Percepciones")
@section('contenido')

    
<div class="formulario" id="formulario">
    <div class="card">
        <div class="card-header">
            <h4 class="text-center">Agregar percepción</h4>
        </div>
        <div class="card-body">
            <form action="{{route('percepcion.store')}}" method="POST">
                {{ csrf_field() }}
                <div class="form-group">
                        <label for="percepcion"><strong>Percepción</strong></label>
                        <input type="text" name="percepcion" class="form-control {{ $errors->has('percepcion') ? 'is-invalid' : '' }}" placeholder="Ingrese la percepción" value="{{ old('percepcion') }}" required autofocus>
                        {!! $errors->first('percepcion','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                <div class="form-row">
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="gravado"><strong>Gravado</strong></label>
                        <input type="number" name="gravado" class="form-control {{ $errors->has('gravado') ? 'is-invalid' : '' }}" placeholder="Ingrese el gravado" value="{{ old('gravado') }}" required>
                        {!! $errors->first('gravado','<div class="invalid-feedback">:message</div>') !!}
                    </div>
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="tipo"><strong>Tipo de percepción</strong></label>
                        <select class="custom-select" name="tipo">
                            @foreach ($tipopercepciones as $tipo)
                                <option value="{{$tipo->CNTIPOPERCEPCION}}">{{$tipo->DXTIPOPERCEPCION}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <button type="submit" class="btn btn-success btn-block" data-placement="bottom" title="Agregar">
                            <i class="fas fa-check"></i> Agregar
                        </button>
                    </div>
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <a href="{{route('percepcion.index')}}" class="btn btn-info btn-block" data-placement="bottom" title="Cancelar">
                            <i class="fas fa-ban"></i> Cancelar
                        </a>
                    </div>
                </div>
            </form>
        </div>
        </div>
    </div>
</div>
@endsection