@extends('app')
@section('main-content')	
	<div class="container">
		<h3>
			Responder Ticket
		</h3>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>

		<form method="POST" action="/pedidos/responder" enctype="multipart/form-data" accept-charset="UTF-8">
			<div class="well" style="margin-bottom: 15px;">
				<p class="pull-right">Realizo la solicitud el <b>{{$ticket->fecha_solicitud}}</b></p><br>
				<b>{{$ticket->nombre_solicitante}}</b> 
					de la empresa <b>{{$ticket->clientes->empresa}}</b>.
				<br>
				@if(!empty($ticket->ciudad)){{'En la ciudad de'}} <b>{{$ticket->ciudad}}</b>@endif
				{{'solicita el documento'}} <b>{{$ticket->documento}}</b>
				@if(!empty($ticket->fecha_expedicion)){{', Expedido el'}} <b>{{$ticket->fecha_expedicion}}</b>@endif
				{{'de la entidad '}}<b>{{$ticket->origen->nombre}}</b>
				{{', Magistrado'}} {{$ticket->magistrado}}<br>

			</div>
			@foreach($procesos as $proceso)
				<div class="well">
					<p class="pull-right">{{$proceso->fecha}}</p>
					<p><b>Responde  {{$proceso->user->name}}</b></p>
					{!!$proceso->respuesta!!}


					@if(!empty($proceso->noticias->first()->id))<a href="/noticia/descargar/{{$proceso->noticias->first()->id}}">Se envia un documento con el id <b>{{$proceso->noticias->first()->id}} </b> con titulo: <i> {{$proceso->noticias->first()->titulo}}</i></a> @endif


				</div>
			@endforeach	
			<br>
			<input type="hidden" value="{{$ticket->id}}" name="id">
			<label>Estado</label>
			<select class="form-control" name="estado" id="estado">
				<option hidden></option>
				@foreach($estados as $estado)
				<option value="{{$estado->id}}" @if($ticket->estado->id == $estado->id){{"selected"}}@endif>{{$estado->descripcion}}</option>
				@endforeach
			</select>
		    <br>
		    <label>Añadir Respuesta</label>
			<textarea class="form-control" name="respuesta" rows="7"></textarea> <!-- disable editor add class="mceNoEditor--> 
			<br>

				<div id="contenido" class="row"	style="display:none;">

					<h3 class="pull-right">Añadir Documento</h3><br>

						<div class="tab-pane " >

							<div class="col-md-8 col-md-offset-2">
								<label>Legislacion</label>
								<select  name="idlegislacion" id="idlegislacion" class="form-control select2 " data-placeholder="Seleccione" style="width:100%;"> 
									<option value='' disabled selected></option>
									@foreach($legislaciones as $legislacion)
										<option value="{{$legislacion->id}}">{{$legislacion->descripcion}}</option>
									@endforeach
								</select>
								
								<br><br>					
									<label>Tipos de Documento</label>
									<select name="idtipo"  id="idtipo" class="form-control select2 validar" data-placeholder="Seleccione una opción" style="width:100%;"></select>
									
								<br><br>
									<label>Entidad Origen</label> 

									<select name="identidad" id="identidad"  class="form-control input-md select2 validar" data-placeholder="Seleccione una opción" style="width:100%;"></select>

								<br><br>
									<label>Titulo</label>  
									<input id="titulo" name="titulo" type="text"   class="form-control input-md validar">
								<br>
									<label>Numero</label>  
									<input id="numero" name="numero" type="text"   class="form-control input-md numero_noticia" >

								<br>
									<label>Fecha Expedicion</label>  
									<input id="fecha_expedicion" name="fecha_expedicion" type="text" class="form-control datepicker" >  

								<br>
									<label>Subir Archivo</label>  
									<input id="archivo" name="archivos" type="file" class="file-loading">  
							</div>	
							<div class="form-group">									
								<div class="modal fade" id="subirImagen" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
									<div class="modal-dialog" role="document">
										<div class="modal-content">
										  <div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
											<h4 class="modal-title" id="myModalLabel">Seleccionar Imagen a Subir</h4>
										  </div>
										  <div class="modal-body">											
												<input id="imagen" name="imagen" type="file" accept="image/*"class="file-loading">  											
										  </div>
										  <div class="modal-footer">
											<button type="button" class="btn btn-default" data-dismiss="modal">Seleccionar</button>
										  </div>
										</div>
									</div>
								</div>
							</div>	
						</div>

				</div> <!-- fin contenido-->

			<div class="row">
		    <center>
		    <input type="hidden" name="adicionar_documento" id="adicionar_documento">
			<br><input type="submit" class="btn btn-primary"><br><br><br><br><br>
			</center>
			</div>

		</form>	
		
	</div>



		<script type="text/javascript">
		    jQuery(document).ready(function ($) {
		        $('#tabs').tab();
		    });
		</script>
		<script type="text/javascript">



		$( "#estado" ).change(function() {
			if($("#estado").val() === '7'){
				$("#adicionar_documento").val("1");
				$("#contenido").show("slow");
			 }
			 else{
			 	$("#adicionar_documento").val("");
			 	$("#contenido").hide("slow");
			 }
		});
		</script> 



@endsection