@extends('BaseSistemaWeb')

@section('CSS')
@stop


@section('Contenido')
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-video-camera"></i> Publicar 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"> Publicar zoom </h3> </div>
			<div class="porlets-content">
				<form class="form-horizontal row-border" id="frmAgregarZoom">
					<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" placeholder="" 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" placeholder="" required></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">Videoconferencia SEMANAL</option>
                                    <option value="ZM">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"
                                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" placeholder="{'id_reunion': '0123456789', 'clave_acceso': '012345'}" required></textarea> <br>
							<span class="text-danger" id="errconfiguraciones"> </span>
						</div>
					</div>
					<div class="bottom">
                        <input class="btn btn-primary" id="btnAgregar" type="submit" value="Agregar">
						<a class="btn btn-default" href="{{URL::route('SysWebSoporteVideoconferenciasZoomListar')}}">Cancelar</a>
					</div>
				</form>
		</div>
	</div>
</div>
@stop

@section('JS')
@stop

@section('JSOr')
$("#frmAgregarZoom").submit(function(e){
	e.preventDefault();
	var frmAgregarZoom = new FormData(document.getElementById("frmAgregarZoom"));
	$.ajax({
		type: "POST",
		url: "{{ URL::route('SysWebSoporteVideoconferenciasZoomAgregar') }}",
		data: frmAgregarZoom,
		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){
            new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
		}
	});
});
@stop