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

<!-- VISTA PARA CREAR UNA NUEVA SECCIÓN EN EL SLIDER -->

<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">
 			Sección de slider creada con éxito.
		</div>
		@endif

	<h2>Nueva sección de slider</h2>

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

			<!--  Titulo de un slider -->
				<div class="form-group{{ $errors->has('caracteristicas') ? ' has-error' : '' }}">
					<label class="control-label col-sm-2" for="nombre">Titulo opcional:</label>
					<div class="col-sm-10">
						<textarea type="text" class="ckeditor" name="caracteristicas" id="caracteristicas" rows="10" cols="80">
						</textarea>

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


				<!-- Texto de un Slider -->
				<div class="form-group{{ $errors->has('texto') ? ' has-error' : '' }}">
					<label class="control-label col-sm-2" for="texto">Texto opcional:</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>


				<!-- Direccion web de boton 1 slider -->
				<div class="form-group{{ $errors->has('url') ? ' has-error' : '' }}">
					<label class="control-label col-sm-2" for="url">Dirección Web:</label>
					<div class="col-sm-10">
						<input type="texto" class="form-control" id="url" placeholder="Ingresar url" name="url">

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


				<!-- Texto de boton1 slider -->
				<div class="form-group{{ $errors->has('texto_boton') ? ' has-error' : '' }}">
					<label class="control-label col-sm-2" for="texto_boton">Texto botón:</label>
					<div class="col-sm-10">
						<textarea type="texto" class="ckeditor" name="texto_boton" id="texto_boton" rows="10" cols="80">
						</textarea>

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


				<!-- Direccion web de boton 2 slider -->
				<div class="form-group{{ $errors->has('url2') ? ' has-error' : '' }}">
					<label class="control-label col-sm-2" for="url2">Dirección Web 2:</label>
					<div class="col-sm-10">
						<input type="texto" class="form-control" id="url2" placeholder="Ingresar url 2" name="url2">

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


				<!-- Texto de boton2 slider -->
				<div class="form-group{{ $errors->has('texto_boton2') ? ' has-error' : '' }}">
					<label class="control-label col-sm-2" for="texto_boton2">Texto botón 2:</label>
					<div class="col-sm-10">
						<textarea type="texto" class="ckeditor" name="texto_boton2" id="texto_boton2" rows="10" cols="80">
						</textarea>

						@if ($errors->has('texto2'))
							<span class="help-block">
								<strong>{{ $errors->first('texto2') }}</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" 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('slider.index')}}" style="float:right;"><button class="btn btn-default">Ir al listado</button></a>
		</div>
	</div>
</div>

@endsection