<?
require "proteger.php";

$var_pagina = "redes_sociais";
$titulo_pagina = "Redes sociais";
$btn_voltar = $_SESSION['retorno'][$var_pagina];

if(!libera($var_pagina, "form"))
	die(reload(ROOT."/?meio=aviso", 0));
?>
<fieldset>
	<legend><?= $titulo_pagina ?> - Insere</legend>
    <div class="content">
    	<form action="<?= $var_pagina ?>_func.php" method="post" class="post" enctype="multipart/form-data">
        	<div class="row">
				<div class="col-md-5">
					<label><strong>Nome da rede social</strong>*</label>
					<input type="text" name="titulo" class="form-control" required autofocus>
				</div>
				<div class="col-md-7">
					<label><strong>URL da rede social</strong>*</label>
					<input type="text" name="url" class="form-control" required>
				</div>
            </div>
			<div class="row">
				<div class="col-md-3">
					<label><strong>Tipo de ícone</strong>*</label>
					<select name="tipo" class="form-control" required>
						<option value=""></option>
						<option value="1">Ícone interno</option>
						<option value="2">Imagem externa</option>
					</select>
				</div>
				<div class="col-md-9">
					<div class="block">
						<div id="tipo_1" class="tipo hide">
							<div class="row m-0">
								<div class="col-md-4">
									<label><strong>Ícone interno</strong>*</label>
									<div class="input-group">
										<input type="text" name="icone" class="icone form-control" required>
										<div class="input-group-append">
											<span class="input-group-text" style="background-color: #FFF;"></span>
										</div>
									</div>
								</div>
								<div class="col-md-4">
									<label><strong>Cor de fundo</strong>*</label>
									<div class="input-group">
										<div class="input-group-prepend bg-transparent radius">
											<span class="input-group-text"></span>
										</div>
										<input type="text" name="cor_fundo" class="form-control color" required>
									</div>
								</div>
								<div class="col-md-4">
									<label><strong>Cor do ícone</strong>*</label>
									<div class="input-group">
										<div class="input-group-prepend bg-transparent radius">
											<span class="input-group-text"></span>
										</div>
										<input type="text" name="cor_icone" class="form-control color" required>
									</div>
								</div>
							</div>
						</div>
						<div id="tipo_2" class="tipo hide">
							<div class="row m-0">
								<div class="col">
									<label><strong>Imagem externa</strong>* <span>[JPG|PNG]</span></label>
									<div class="input-group">
										<input type="file" name="arqicone" class="form-control" required accept=".jpg,.png">
										<div class="input-group-append">
											<span class="input-group-text">
												<img src="" onerror="this.src='<?= PLUGINS ?>/assets/img/grey.gif'" id="img" height="20">
											</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
            <div class="row divider">
            	<div class="col-md-12">
                	<input type="hidden" name="funcao" value="insere">
                    <button type="submit" class="btn btn-success"><i class="fa fa-hdd-o"></i> Gravar</button>
                </div>
            </div>
        </form>
    </div>
</fieldset>