<div class="row">
	<form id='nuevo-proveedor-form' class='form-horizontal' name='' autocomplete='off' method='post' action="<?php echo base_url('proveedores/guardarproveedor');?>" enctype="multipart/form-data" onsubmit="proveedores.guardar(event,'<?php echo (isset($proveedor))?'update':'save';?>')">
		<div class="panel blank-panel">
			<div class="panel-heading">
				<div class="panel-options">
					<ul class="nav nav-tabs" id="n-p-tabsys-navigation">
						<li class="n-p-proveedor-tab active"><a data-toggle="tab" href="#nuevo-proveedor-proveedor-tab"><i class="fa fa-truck"></i> Proveedor</a></li>
						<li class="n-p-contactos-tab"><a data-toggle="tab" href="#nuevo-proveedor-contactos-tab"><i class="fa fa-user"></i> Contactos</a></li>
					</ul>
				</div>
			</div>
		   <div class="panel-body">
				<div class="tab-content">
					<div id="nuevo-proveedor-proveedor-tab" class="tab-pane active">
						<div class="row">
							<div class="col-md-8">
								<div class="form-group">
									<label class="col-md-4 control-label">Nombre o raz&oacute;n social:</label>
									<div class="col-md-8">
										<div class="input-group">
											<span class="input-group-addon"><i class="fa fa-truck"></i></span>
											<input type="text" class="form-control" name="nombre_proveedor" value="<?php echo (isset($proveedor))?$proveedor[0]->nombre_proveedor:'';?>" required>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-4 control-label">Nombre comercial:</label>
									<div class="col-md-8">
										<div class="input-group">
											<span class="input-group-addon"><i class="fa fa-home"></i></span>
											<input type="text" class="form-control" name="razonsocial_proveedor" value="<?php echo (isset($proveedor))?$proveedor[0]->razonsocial_proveedor:'';?>">
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-4 control-label">Actividad economica:</label>
									<div class="col-md-8">
										<div class="input-group">
											<span class="input-group-addon"><i class="fa fa-usd"></i></span>
											<input type="text" class="form-control" name="giro_proveedor" value="<?php echo (isset($proveedor))?$proveedor[0]->giro_proveedor:'';?>" required>
										</div>
									</div>
								</div>
								
							</div>
							<div id="nuevo-proveedor-logo-wrapper" class="col-md-4">
								<h2 class="img-upload-preview" <?php if(isset($proveedor) &&$proveedor[0]->logo_proveedor):?>style="display:none"<?php endif;?>>Elija un logo</h2>
								<img id="nuevo-proveedor-logo" class="img-responsive" <?php if(isset($proveedor) &&$proveedor[0]->logo_proveedor):?>style="display:block"<?php endif;?> src="<?php echo (isset($proveedor))?base_url().$proveedor[0]->logo_proveedor:'';?>" style="max-height:90px; margin:auto;">
								<div id="nuevo-proveedor-logo-change-mask">
									<i class="fa fa-cloud-upload fa-5x"></i>
									<h2>Agregar logo</h2>
								</div>
								<input type="file" id="nuevo-proveedor-logo-file" name="logo_proveedor" value="">
							</div>
						</div>
						<div class="hr-line-dashed"></div>
						
						<div class="form-group">
							<label class="col-md-2 control-label">Contribuyente:</label>
							<div class="col-md-3">
								<div class="input-group">
									<select class="form-control" name="clasificacion_cliente" required>
										<option value="" disabled="disabled" <?php if(!isset($proveedor)) echo 'selected';?>>Seleccione una...</option>
										<option value="0" <?php if(isset($proveedor) && $proveedor[0]->clasificacion_proveedor=='0') echo 'selected';?>>No contribuyente</option>
										<option value="1" <?php if(isset($proveedor) && $proveedor[0]->clasificacion_proveedor=='1') echo 'selected';?>>Otros contribuyente</option>
										<option value="2" <?php if(isset($proveedor) && $proveedor[0]->clasificacion_proveedor=='2') echo 'selected';?>>Mediano contribuyente</option>
										<option value="3" <?php if(isset($proveedor) && $proveedor[0]->clasificacion_proveedor=='3') echo 'selected';?>>Gran contribuyente</option>
									</select>
								</div>
							</div>
							<label class="col-md-1 control-label">N.I.T.:</label>
							<div class="col-md-3">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-list-alt"></i></span>
									<input type="text" class="form-control" name="nit_proveedor" value="<?php echo (isset($proveedor))?$proveedor[0]->nit_proveedor:'';?>">
								</div>
							</div>
							<label class="col-md-1 control-label">N.R.C.:</label>
							<div class="col-md-2" style="padding:0px 15px 0px 5px;">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-list-alt"></i></span>
									<input type="text" class="form-control" name="ncr_proveedor" value="<?php echo (isset($proveedor))?$proveedor[0]->ncr_proveedor:'';?>">
								</div>
							</div>
						</div>
						
						<div class="hr-line-dashed"></div>

						<div class="form-group">
							<label class="col-md-2 control-label">Nacionalidad:</label>
							<div class="col-md-3">
								<div class="input-group">
									<select class="form-control" name="tipo_nacionalidad_proveedor" id="tipo_nacionalidad_proveedor" required>
										<option value="" disabled="disabled" <?php if(!isset($proveedor)) echo 'selected';?>>Seleccione una...</option>
										<option value="0" <?php if(isset($proveedor) && $proveedor[0]->tipo_nacionalidad_proveedor=='0') echo 'selected';?>>Salvadore&ntilde;a</option>
										<option value="1" <?php if(isset($proveedor) && $proveedor[0]->tipo_nacionalidad_proveedor=='1') echo 'selected';?>>Extranjera</option>
									</select>
								</div>
							</div>
							<label class="col-md-2 control-label">Nacionalidad:</label>
							<div class="col-md-3">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-list-alt"></i></span>
									<input type="text" class="form-control" name="nacionalidad_proveedor" id="nacionalidad_proveedor" value="<?php echo (isset($proveedor))?$proveedor[0]->nacionalidad_proveedor:'';?>" required>
								</div>
							</div>
						</div>
						
						<div class="hr-line-dashed"></div>
						
						<div class="form-group">
							<label class="col-md-1 control-label">Tel&eacute;fono:</label>
							<div class="col-md-3">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-phone"></i></span>
									<input type="text" class="form-control" name="telefono_proveedor" value="<?php echo (isset($proveedor))?$proveedor[0]->telefono_proveedor:'';?>">
								</div>
							</div>
							<label class="col-md-1 control-label">Correo:</label>
							<div class="col-md-3">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-envelope-o"></i></span>
									<input type="text" class="form-control" name="email_proveedor" value="<?php echo (isset($proveedor))?$proveedor[0]->email_proveedor:'';?>">
								</div>
							</div>
							<label class="col-md-1 control-label">Web:</label>
							<div class="col-md-3">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-link"></i></span>
									<input type="text" class="form-control" name="web_proveedor" value="<?php echo (isset($proveedor))?$proveedor[0]->web_proveedor:'';?>">
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-1 control-label">Direcci&oacute;n:</label>
							<div class="col-md-11">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-map-marker"></i></span>
									<input type="text" class="form-control" name="direccion_proveedor" value="<?php echo (isset($proveedor))?$proveedor[0]->direccion_proveedor:'';?>">
								</div>
							</div>
						</div>
					</div>
					<!--Contacto-->
					<div id="nuevo-proveedor-contactos-tab" class="tab-pane">
						<div class="form-group">
							<div class="col-md-3" style="padding:0px 15px 0px 5px;">
								<label class="control-label">Nombre:</label>
								<input type="text" id="n-p-nuevo-contacto-nombre" name="nuevo_contacto_nombre" class="form-control nuevo-contacto-input">
							</div>
							<div class="col-md-2" style="padding:0px 15px 0px 5px;">
								<label class="control-label">Tel&eacute;fono:</label>
								<input type="text" id="n-p-nuevo-contacto-tel" name="nuevo_contacto_tel" class="form-control nuevo-contacto-input">
							</div>
							<div class="col-md-3" style="padding:0px 15px 0px 5px;">
								<label class="control-label">Correo:</label>
								<input type="text" id="n-p-nuevo-contacto-correo" class="form-control">
							</div>
							<div class="col-md-3" style="padding:0px 15px 0px 5px;">
								<label class="control-label">Direcci&oacute;n:</label>
								<input type="text" id="n-p-nuevo-contacto-dir" class="form-control">
							</div>
							<div class="col-md-1" style="padding:0px 15px 0px 5px;">
								<button type="button" class="btn btn-info btn-sm m-t-md" onclick="proveedores.agregarContacto()">Agregar</button>
							</div>
						</div>
						<div class="hr-line-dashed"></div>
						
						<div id="n-p-contactos-wrapper" class="row" style="height:225px;overflow-y:scroll;">
							<?php if(isset($proveedor)): if(count($contactos)>0):foreach($contactos as $contacto):?>
							<div class="col-xs-4 p-h-xs ncontacto-item-wrapper">
								<div class="contact-box" style="padding:10px 20px;">
									<div class="n-p-nuevo-contacto-tools">
										<button class="btn btn-xs btn-link"><i class="fa fa-times"></i></button>
									</div>
									<h4 class="n-p-contacto-item-nombre"><?php echo $contacto->nombre;?></h4>
									<p>
										<i class="fa fa-phone"></i> <span class="n-p-contacto-item-tel"><?php echo $contacto->tel;?></span><br>
										<?php if($contacto->mail):?>
										<i class="fa fa-envelope"></i> <span class="n-p-contacto-item-correo"><?php echo $contacto->mail;?></span><br>
										<?php endif; if($contacto->dir):?>
										<i class="fa fa-map-marker"></i> <span class="n-p-contacto-item-dir"><?php echo $contacto->dir;?></span>
										<?php endif;?>
									</p>
								</div>
							</div>
							<?php endforeach;endif;endif;?>	
							<!--<div class="col-xs-4 p-h-xs ncontacto-item-wrapper">
								<div class="contact-box" style="padding:10px 20px;">
									<div class="n-p-nuevo-contacto-tools">
										<button class="btn btn-xs btn-link"><i class="fa fa-times"></i></button>
									</div>
									<h4 class="n-p-contacto-item-nombre">Ronald Sifredo Amaya</h4>
									<p>
										<i class="fa fa-map-marker"></i><span class="n-p-contacto-item-dir"> Riviera State 32/106</span><br>
										<i class="fa fa-phone"></i> 7<span class="n-p-contacto-item-tel">908-7100</span><br>
										<i class="fa fa-envelope"></i><span class="n-p-contacto-item-correo"> ronald@xypnos.com.sv</span>
									</p>
								</div>
							</div>-->
						</div>
						<input type="hidden" id="n-p-contactos-field" data-valided="false" name="contactos" value="">
					</div>
				</div>
			</div>
			<div class="form-group m-n" style="text-align:center;">
					<?php if(isset($proveedor)):?>
					<input type="hidden" name="id_proveedor" id="nuevo-proveedor-id" value="<?php echo $proveedor[0]->id_proveedor;?>">
					<?php endif;?>
				<button type="button" class="btn btn-danger btn-rounded" onclick="Custombox.close();">Cancelar</button>
				<button class="btn btn-primary btn-rounded">Guardar Proveedor</button>
			</div>
		</div>
	</form>
</div>
<script>
	var $inputImage = $("#nuevo-proveedor-logo-file");
	$("#nuevo-proveedor-logo-change-mask").on("click",function(){
		$inputImage .click();
	});

	$("#tipo_nacionalidad_proveedor").on("change",function(){
		if($("#tipo_nacionalidad_proveedor").val()==0){
			$("#nacionalidad_proveedor").val("Salvadoreña").focus();
		}else{
			$("#nacionalidad_proveedor").val("").focus();
		}
	});
	
	if (window.FileReader) {
		$inputImage.change(function() {
			$inputImage.attr("disabled", true);
			
			var fileReader = new FileReader(),
					files = this.files,
					file;

			if (!files.length) {
				return;
			}

			file = files[0];

			if (/^image\/\w+$/.test(file.type)) {
				fileReader.readAsDataURL(file);
				fileReader.onload = function (e) {
					$(".img-upload-preview").css("display","none");
					$("#nuevo-proveedor-logo").css("display","block");
					$("#nuevo-proveedor-logo").attr("src",fileReader.result);
					
					$("#nuevo-proveedor-logo-change-mask > h2").text("Cambiar logo")
					
					$inputImage.attr("disabled", false);
				};
			} else {
				showMessage("Por favor seleccione una imagen.");
			}
		});
	} else {
		$inputImage.addClass("hide");
	}
	
	$("#nuevo-proveedor-contactos-wrapper").slimScroll({
        height: '500px'
	});
	$("#n-p-contactos-wrapper").on("click",".ncontacto-item-wrapper .n-p-nuevo-contacto-tools >button",function(){
		proveedores.quitarContacto($(this).closest(".ncontacto-item-wrapper"));
	})
</script>
		