<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="{{ asset('./img/icon.png') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('./css/index.css') }}">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js" integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css" integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />
<title>ArquivosGED</title>
<style>
</style>
</head>
<body>
<div id="loadingGif">
<img src="{{ asset('./img/carrega.gif') }}"><br>
{% if p != ""%}
<y>{{p}}</y>
{% endif %}
</div>
<div class="herder">
<form method="post" action="" enctype="multipart/form-data">
<hr>
<h2 style="text-align:center;">Cadastre (Maximo 10 Anexo)</h2>
<hr>
<div class = 'flex_date'>
<div class="sele">
<label>Nome:</label>
<input class="form-control" type="text" name="nome" id="nome" placeholder="*Campo obrigatório" required>
</div>
<div class="sele">
<label>Assunto:</label>
<input class="form-control" type="text" name="assunto" id="assunto" placeholder="*Campo obrigatório" required>
</div>
<div class="sele">
<label>Caixa:</label>
<select id="select-state" placeholder="Pesquise" name="caixas">
<option value="" selected>Selecione</option>
{% for caixas in caixass %}
<option value="{{ caixas.id }}">{{ caixas.nome }}</option>
{% endfor %}
</select>
</div>
</div>
<br>
<div class = 'flex_date'>
<div class="sele">
<label>Tipo:</label><br>
<select class="form-control" type="text" name="tipos" id="tipos" required>
{% for use in user.tipoAcesso['new'] %}
{% for tip in tips %}
{% if use == tip.id %}
<option value="{{ tip.id }}">{{ tip.nome }}</option>
{% endif %}
{%endfor%}
{% endfor %}
</select>
</div>
<div class="sele">
<label class="label">Data do Documento: </label>
<input class="form-control" type="date" name="dateD" id="dateD">
</div>
<div class="sele">
<label class="label">Data do Vencimento: </label>
<input class="form-control" type="date" name="dateV" id="dateV">
</div>
</div>
<br>
<div class = 'flex_date'>
<div class="dat">
<div data-mdb-input-init class="form-outline">
<label class="form-label" for="textAreaExample">Palavras Chave:</label>
<textarea class="form-control" id="textAreaExample1" rows="4" name="text"></textarea>
</div>
</div>
<div class="dat">
<div data-mdb-input-init class="form-outline">
<label class="form-label" for="textAreaExample">Descrição:</label>
<textarea class="form-control" id="textAreaExample1" rows="4" name="desc"></textarea>
</div>
</div>
</div>
<br>
<input type="file" name="file[]" multiple class="form-control" required>
<h6 style="text-align:center;"><b>Arquivos sera assinado automaticamente</b></h6>
<br>
<br>
</div>
<div style="text-align: center;color: white;">
<button type="submit" class="btn btn-primary" name="botao" style="color: white;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-floppy-fill" viewBox="0 0 16 16">
<path d="M0 1.5A1.5 1.5 0 0 1 1.5 0H3v5.5A1.5 1.5 0 0 0 4.5 7h7A1.5 1.5 0 0 0 13 5.5V0h.086a1.5 1.5 0 0 1 1.06.44l1.415 1.414A1.5 1.5 0 0 1 16 2.914V14.5a1.5 1.5 0 0 1-1.5 1.5H14v-5.5A1.5 1.5 0 0 0 12.5 9h-9A1.5 1.5 0 0 0 2 10.5V16h-.5A1.5 1.5 0 0 1 0 14.5z"/>
<path d="M3 16h10v-5.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5zm9-16H4v5.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5zM9 1h2v4H9z"/>
</svg> <b>Salvar</b></button>
</div>
</form>
</body>
<script>
document.getElementById('loadingGif').style.display = "none";
setTimeout(function() {
},3000);
</script>
<script>
$(document).ready(function () {
$('select').selectize({
sortField: 'text'
});
});
</script>
</html>