@extends('template.template')

@section('scriptsHeader')

<link rel="stylesheet" href="{!! asset("libs/css/select2.css")!!}" media="screen">
<meta name="csrf-token" content="{{ csrf_token() }}" />


<style>

.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 2em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
} 


.help-block {
  color: red;
}

.required { border: 1px solid #f00; }




.modal-static { 
    position: fixed;
    top: 50% !important; 
    left: 50% !important; 
    margin-top: -100px;  
    margin-left: -100px; 
    overflow: visible !important;
}

.modal-static,
.modal-static .modal-dialog,
.modal-static .modal-content {
    width: 300px; 
    height: 225px; 

}



.modal-static .modal-dialog,
.modal-static .modal-content {
    padding: 0 !important; 
    margin: 0 !important;
}

.modal-static .modal-content .icon {
}

</style>
@stop


@section('conteudoPagina')

  <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
    
    <input class="hidden" id="idTipoDocumento" value=""/>

    <div class="panel panel-default">
      <div id="alertaGravacao">
      </div>     
      <div class="panel-heading">Tipo Documentos Entidade</div>
      <div class="panel-body">
        <form class="editForm">
          <div class="row">
            <div class="col-md-12">
              <h4>Dados gerais</h4>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label>Nome Tipo Documento Entidade</label>
                <input id="nomeTipoDocumento" name="nomeTipoDocumento" class="form-control input-sm" value="">
                <p class="help-block hidden" id="nomeTipoDocumentoError">Introduza o nome do tipo documento ntidade</p>
              </div>
            </div>

            <div class="col-md-3">
                  <div class="form-group">
                    <label>Estado Entidade</label>
                    <select  id="estadoDocumento" name="estadoDocumento" class="form-control input-sm">
                      <option value="1">Activo</option><option selected value="0">Inactivo</option>                    </select>
                    <p class="help-block hidden" id="estadoDocumentoError">Este tipo de documento é um tipo pré-definido. Não poderá mudar o seu estado!</p>
                  </div>
                </div>
          </div>
     
          </form>
      </div>
      
      <div class="panel-footer right">
        <!-- <a class="btn btn-default" onclick="getOrdem();"> Testa Ordem</a> -->
        
        <a class="btn btn-success btn-sm" onclick="alteraTipoDocumento();"> Alterar</a>  <!-- Cancelar button-->
      </div>




    </div>
  </div>



<!-- Modal for processing task async for new itens -->
<div class="modal modal-static fade" id="processing-modal" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="text-center">
                    <img src=<br />
<b>Fatal error</b>:  Call to undefined function asset() in <b>/home/sgpsenviroil/public_html/resources/views/tiposdocumentosentidade/tipodocumentosentidade.blade.php</b> on line <b>234</b><br />