@extends('plantilla.main')
@section('scripts')
    
@endsection
@section('title',"Clientes")
@section('contenido_title',"Catálogo de Clientes")
@section('contenido')
    
<div class="formulario" id="formulario">
    <div class="card">
        <div class="card-header">
            <h4 class="text-center">Agregar Cliente</h4>
        </div>
        <div class="card-body">
            <form action="{{route('cliente.store')}}" method="POST">
                {{ csrf_field() }}
                <div class="form-row">
                    <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="cliente"><strong>Empresa</strong></label>
                        <input type="text" name="cliente" class="form-control {{ $errors->has('cliente') ? 'is-invalid' : '' }}" placeholder="Ingrese el nuevo cliente" value="{{ old('cliente') }}" required autofocus>
                        {!! $errors->first('cliente','<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="comision"><strong>Comisión</strong></label>
                        <div class="input-group-prepend" id="percent">
                            <input type="text" name="comision" aria-describedby="percent" class="form-control {{ $errors->has('comision') ? 'is-invalid' : '' }}" placeholder="Indicar porcentaje de la comisión" value="{{ old('comision') }}">
                            <span class="input-group-text">%</span>
                        </div>
                        {!! $errors->first('comision','<div class="invalid-feedback">:message</div>') !!}
                    </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('cliente.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