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

<!-- VISTA EN LA QUE SE CREAN NUEVOS SERVICIOS -->

<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">
 				Servicio Adicional creado con exito.
			</div>
		@endif

		<h2>Nuevo Servicio</h2>

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

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

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

					<div class="form-group{{ $errors->has('texto') ? ' has-error' : '' }}">
						<label class="control-label col-sm-2" for="texto">Texto:</label>
						<div class="col-sm-10">

							<textarea type="texto" class="ckeditor" name="texto" id="texto" rows="10" cols="80"></textarea>

							@if ($errors->has('texto'))
								<span class="help-block">
									<strong>{{ $errors->first('texto') }}</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" class="costo">
						<label class="control-label col-sm-2">Valor:</label>
						<div class="col-sm-4">
							<input class="form-control" type="number" name="valor" placeholder="Ingresar Valor del Servicio" placeholder="0">
						</div>
					</div>

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

  					<div class="form-group">
      					<div class="col-sm-offset-2 col-sm-10">
        					<button type="submit" class="btn btn-success">Enviar</button>
      					</div>
  					</div>
  			</form>
			<a href="{{route('servicio.index')}}" style="float:right;"><button class="btn btn-default">Ir al listado</button></a>
		</div>
	</div>
</div>

@endsection