@extends('BaseSistemaWeb')

@section('CSS')
@stop


@section('Contenido')
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-video-camera"></i> Editar Videoconferencia de zoom</h2>
	</div>
</div>

<div class="row">
	<div class="col-md-7">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Editar zoom </h3> </div>
			<div class="porlets-content">
				<form class="form-horizontal row-border" id="frmEditarZoom">
					<div class="form-group">
						<label class="col-sm-3 control-label"> Asunto de la videoconferencia </label>
						<div class="col-sm-9">
							<input type="text" name="asunto" class="form-control" value="{{$VideoconfZoom->asunto}}" required>
							<span class="text-danger" id="errasunto"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Descripción </label>
						<div class="col-sm-9">
							<textarea name="descripcion" class="form-control" rows="5" required>{{$VideoconfZoom->descripcion}}</textarea> <br>
							<span class="text-danger" id="errdescripcion"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Tipo de videoconferenicia </label>
						<div class="col-sm-9">
							<td>
								<select class="" name="tipo" id="tipo" required>
                                    <option value="">Selecciona el tipo de Zoom</option>
									<option value="ZS" {{$VideoconfZoom->tipo === 'ZS' ? "selected": ""}} >Videoconferencia SEMANAL</option>
                                    <option value="ZM" {{$VideoconfZoom->tipo === 'ZM' ? "selected": ""}} >Videoconferencia MENSUAL</option>
								</select>
							</td>
							<span class="text-danger" id="errtipo"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">Fecha y hora </label>
						<div class="col-sm-9">
							<input
                                type="datetime-local"
                                id="fecha-y-hora"
                                name="fecha_y_hora"
                                value="{{$VideoconfZoom->fecha}}"
                                required
                                />
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Configuraciones adicionales </label>
						<div class="col-sm-9">
							<textarea name="configuraciones" class="form-control" rows="5" required>{{$VideoconfZoom->configuraciones}}</textarea> <br>
							<span class="text-danger" id="errconfiguraciones"> </span>
						</div>
					</div>
					<div class="bottom">
                        <input class="btn btn-warning" id="btnEditar" type="submit" value="Editar">
						<a class="btn btn-default" href="{{URL::route('SysWebSoporteVideoconferenciasZoomListar')}}">Cancelar</a>
					</div>
				</form>
		</div>
	</div>
</div>
@stop

@section('JS')
@stop

@section('JSOr')
$("#frmEditarZoom").submit(function(e){
	e.preventDefault();
	var frmEditarZoom = new FormData(document.getElementById("frmEditarZoom"));
	$.ajax({
		type: "POST",
		url: "{{ URL::route('SysWebSoporteVideoconferenciasZoomEditar', [$VideoconfZoom->id]) }}",
		data: frmEditarZoom,
		cache: false,
		contentType: false,
		processData: false,
		dataType: "json",
		success: function(data){ 
            if(data.success){
                new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
                setTimeout( function(){ window.location.href = "{{ URL::route('SysWebSoporteVideoconferenciasZoomListar') }}"; }, 2000 );
            }else{
                new PNotify({ title: "Realizado", text: data.mensaje, type: "error" });
            }
		},
		error: function(jqXHR, textStatus, errorThrown){
			console.log(jqXHR.responseText);
            new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
		}
	}); 
});
@stop