@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('bootstrap-select/css/bootstrap-select.min.css') }}
{{ HTML::style('WebPro/plugins/dropzone/dropzone.css') }}
{{ HTML::style('image-picker/image-picker.css') }}
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/ezdz@0.4.3/src/jquery.ezdz.css">
<style type="text/css">
	.img-biblioteca { height: 100px; }
	.image_picker_image { height: 100px !important; width: 119px !important; }
	.ModalBiblioteca .modal-dialog { width: 75%; }
	.ModalBiblioteca .modal-dialog .modal-footer { display: unset !important; border-top: unset !important; }
	.image_picker_image { object-fit: contain; }
	.text-count-wrapper-t { display: none; }
	.text-count-wrapper-d { display: none; }
	.ezdz-dropzone {
		width: 150px !important;
		height: 150px !important;
		display: inline-block;
		margin-right: 3%;
	}
	.ezdz-dropzone div {
		/*line-height: 526%;*/
		line-height: normal !important;
		padding-top: 30%;
	}
	.medicion .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
		width: 120px;
	}
	.color-head-modal .modal-header {
		background-color: #363b3f !important;
	}
	[data-sinTL="true"] {
		display: none !important;
	}
	/* EZDZ PARA BIBLIOTECA DE IMÁGENES */
	.archivos .ezdz-dropzone {
		width: 100% !important;
		height: 300px !important;
		border-style: solid !important;
		border-width: 5px !important;
	}
	.archivos .ezdz-dropzone>div {
		padding-top: 8% !important;
	}
	.archivos .ezdz-dropzone i.fa-cloud-upload {
		font-size: 110px !important;
		display: block !important;
	}
	.archivos .ezdz-dropzone span.spFlITitulo{
		display: block !important;
		margin: 0 auto !important;
		font-size: 24px !important;
		background: transparent !important;
		color: #989898 !important;
		font-weight: bold !important;
	}
	.archivos .ezdz-dropzone span.spFlITexto {
		display: block !important;
		margin: 0 auto !important;
		font-size: 18px !important;
		background: transparent !important;
		color: #989898 !important;
		font-weight: bold !important;
	}
	.archivos .ezdz-dropzone.ezdz-reject span.spFlITexto,
	.archivos .ezdz-dropzone.ezdz-reject span.spFlITitulo {
		color: #8b0000 !important;
	}
	.archivos .ezdz-dropzone img {
		max-width: 300px;
		max-height: 215px;
	}
	/**/
	/* EZDZ PARA BIBLIOTECA DE IMÁGENES */
	#cuerpoBibliotecaImagen .ezdz-dropzone {
		width: 100% !important;
		height: 300px !important;
		border-style: solid !important;
		border-width: 5px !important;
	}

	#cuerpoBibliotecaImagen .ezdz-dropzone>div {
		padding-top: 8% !important;
	}

	#cuerpoBibliotecaImagen .ezdz-dropzone i.fa-cloud-upload {
		font-size: 110px !important;
		display: block !important;
	}

	#cuerpoBibliotecaImagen .ezdz-dropzone span.spFlITitulo {
		display: block !important;
		margin: 0 auto !important;
		font-size: 24px !important;
		background: transparent !important;
		color: #989898 !important;
		font-weight: bold !important;
	}

	#cuerpoBibliotecaImagen .ezdz-dropzone span.spFlITexto {
		display: block !important;
		margin: 0 auto !important;
		font-size: 18px !important;
		background: transparent !important;
		color: #989898 !important;
		font-weight: bold !important;
	}

	#cuerpoBibliotecaImagen .ezdz-dropzone.ezdz-reject span.spFlITexto,
	#cuerpoBibliotecaImagen .ezdz-dropzone.ezdz-reject span.spFlITitulo {
		color: #8b0000 !important;
	}
	#cuerpoBibliotecaImagen .ezdz-dropzone img {
		max-width: 300px;
		max-height: 215px;
	}
	/* EZDZ PARA BIBLIOTECA DE IMÁGENES */
	#slBiblioteca {
		display: none !important;
	}
	.ModalBiblioteca {
		z-index: 99999 !important;
	}
	.bootstrap-dialog.type-primary .modal-header {
		background-color: #363b3f;
	}
</style>
@stop

@section('Contenido')
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-users"></i> Gestión de prospectos </h2>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Agregar producto </h3> </div>
			<div class="porlets-content">
				{{ Form::open(array('route' => 'SysWebGClientesProductosAgregar', 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmAgregar', 'files' => true, 'target' => 'upload_iframe')) }}
					<div class="form-group">
						<label class="col-sm-3 control-label"> Nombre del producto/servicio </label>
						<div class="col-sm-9">
							{{ Form::text('nombre', '',  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errnombre"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Descripcion del producto/servicio (Opcional) </label>
						<div class="col-sm-9">
							<textarea class="form-control" name="descripcion"></textarea>
							<span class="text-danger" id="errdescripcion"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Fotografía principal (Opcional) </label>
						<div class="col-sm-9">
							<img class="img-responsive img-thumbnail" src="/SysWeb/SumeClientes/tamnio_producto.jpg" id="imgFotografia" style="cursor: pointer; height: 300px; display: block;">
							<input type="hidden" name="fotografia" value="" id="hdnFotografia">
							<span class="text-danger" id="errfotografia"> </span>
						</div>
					</div>