@extends('layouts/app')
@section('content')

<!-- VISTA PARA CREAR UN PRODCUTO -->

<script src="{{ asset('/vendors/ckeditor/ckeditor.js') }}"></script>

<div class="container">
    <div class="col-md-10 col-md-offset-1">
	@if (isset($success))
		<div class="alert alert-success">
 			Producto creado con éxito.
		</div>
	@endif

	<h2>Nuevo Servicio</h2>
		<div class="panel-body">
			<form class="form-horizontal" method="POST" action="{{route('producto.store')}}" enctype="multipart/form-data">
    		{{ csrf_field() }}

			<div class="form-group{{ $errors->has('nombre') ? ' has-error' : '' }}">
			<label class="control-label col-sm-2" for="nombre">Nombre:</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="nombre" placeholder="Ingresar nombre" name="nombre" required autofocus>

						@if ($errors->has('nombre'))
							<span class="help-block">
								<strong>{{ $errors->first('nombre') }}</strong>
							</span>
						@endif
				</div>
			</div>

			<div class="form-group">
				<label class="control-label col-sm-2" for="tipo_producto">Tipo de Producto</label>
				<div class="col-sm-10 col-lg-2">
					<select class="form-control" id="tipo_producto" name="tipo_producto" required>
					<option></option>
						@foreach($tipos_producto as $tipo_producto)
							<option value="{{$tipo_producto->id}}">{{$tipo_producto->nombre}}</option>
						@endforeach
					</select>

					@if ($errors->has('tipos_producto'))
						<span class="help-block">
							<strong>{{ $errors->first('tipos_producto') }}</strong>
						</span>
					@endif
				</div>
		    </div>

			<div class="form-group{{ $errors->has('precio') ? ' has-error' : '' }}">
				<label class="control-label col-sm-2" for="precio">Precio:</label>
				<div class="col-sm-10">
					<input type="text" class="form-control" id="precio" placeholder="Ingresar precio" name="precio">
						@if ($errors->has('precio'))
							<span class="help-block">
								<strong>{{ $errors->first('precio') }}</strong>
							</span>
						@endif
				</div>
			</div>

			<!-- <div class="form-group">
				<label class="control-label col-sm-2">Gratuito:</label>
				<div class="col-sm-10">
					<input type="hidden" name="gratis" value="0">
					<label class="control-label" for="gratis"><input id="gratis" type="checkbox" name="gratis" value="1"> Si</label>
				</div>
			</div> -->

			<div class="form-group{{ $errors->has('columna1') ? ' has-error' : '' }}">
				<label class="control-label col-sm-2" for="columna1">Descripción:</label>
				<div class="col-sm-10">
				<textarea type="texto" class="ckeditor" name="columna1" id="columna1" rows="10" cols="80"></textarea>
					@if ($errors->has('columna1'))
						<span class="help-block">
							<strong>{{ $errors->first('columna1') }}</strong>
						</span>
					@endif
				</div>
			</div>

			<div class="form-group{{ $errors->has('columna2') ? ' has-error' : '' }}">
				<label class="control-label col-sm-2" for="columna2">Descripción Breve:</label>
				<div class="col-sm-10">
					<input type="texto" class="form-control" id="columna2" placeholder="Descripción Breve del Producto" name="columna2">
						@if ($errors->has('columna2'))
						<span class="help-block">
							<strong>{{ $errors->first('columna2') }}</strong>
						</span>
						@endif
				</div>
			</div>

			<div class="form-group">
				<label class="control-label col-sm-2">Imagen:</label>
				<div class="col-sm-10">
					<input id="foto_producto" type="file" accept="image/*" name="foto_producto">
				</div>
			</div>

  		<div class="form-group">
      		<div class="col-sm-offset-2 col-sm-10">
        		<button type="submit" class="btn btn-default" required>Enviar</button>
      		</div>
  		</div>
  </form>
		<a href="{{route('producto.index')}}" style="float:right;"><button class="btn btn-default">Listado de productos</button></a>
		</div>
	</div>
</div>

@endsection