@extends('layout.siafc')
@section('content')
    <script >
       function getBase64Image()
        {
            var files = document.getElementById('logomarca').files; // FileList object

            // Loop through the FileList and render image files as thumbnails.
            for (var i = 0, f; f = files[i]; i++)
            {
                // Only process image files.
                if (!f.type.match('image.*'))
                {
                    continue;
                }

                var reader = new FileReader();

                // Closure to capture the file information.
                reader.onload = (function(theFile) {
                    return function(e) {

                        var str = e.target.result;
                        var res = str.replace("data:image/jpeg;base64,","");
                        var res = str.replace("data:base64,","");
                        $("#tbx_base64").val(res);
                        console.log(e.target)
                    };
                })(f);

                // Read in the image file as a data URL.
                reader.readAsDataURL(f);
            }
        }

    </script>

<script>
   /* alert('Teste')*/


   $( document ).ready(function() {
         $(".dv_form_responsavel").css('display','none');
       @if($responsavelorgao->id != '')
         $(".dv_form_responsavel").css('display','block');
       @endif

       $("#cpf_cnpj").removeAttr('required');
       $("#nome_pessoa").removeAttr('required');
       $("#data_entrada").removeAttr('required');

    })

    function ativaForm(){
        $(".dv_form_responsavel").css('display','block');
        $("#responsavel_id").val('');
        $("#data_entrada").val('');
        $("#data_saida").val('');
        $("#pessoa_id").val('');
        $("#cpf").val('');
        $("#nome_pessoa").val('');
        $("#ddd").val('');
        $("#telefone").val('');
        $("#email").val('');

        $("#cpf_cnpj").attr('required','required');
        $("#nome_pessoa").attr('required','required');
        $("#data_entrada").attr('required','required');


    }

</script>
    <div class="box box-defalt">
        <div class="box-header">
            <h3 class="box-title">Cadastro de Órgão</h3>
            <div class="pull-right box-tools">
                <a href="/siafc/orgao">
                    <button type="button" class="btn pull-right" ><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> Cancelar</button>
                </a>
            </div>
        </div>

        <form method="post" action="/siafc/orgao/salvar">
  		<div class="panel-body">
  			<div class="box box-primary">


                    <div class="box-body">
                        <input type="hidden" name="_token" value="{{csrf_token()}}" />
                    	<input type="hidden" name="orgao[id]" class="form-control" id="orgao_id" value="{{$orgao->id}}">
						<div class="row">

                            <div class="col-md-8">
                                <div class="form-group">
                                    <label for="descricao">Nome *</label>
                                    <input type="nome" name="orgao[nome]" class="form-control" id="orgao_nome"
                                           value="{{$orgao->nome}}" required maxlength="150" >
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="descricao">CNPJ </label>
                                    <input type="cnpj" name="orgao[cnpj]" class="form-control cnpj" id="cnpj"
                                           value="{{$orgao->cnpj}}"  maxlength="60" >
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="descricao">Logomarca </label>
                                    <input type="hidden" name="orgao[tbx_base64]" id="tbx_base64" >
                                    <input type="file" class="form-control" id="logomarca" name="orgao[logomarca]" onchange="getBase64Image()" >
                                </div>
                            </div>

                        </div>
                    </div><!-- /.box-body -->

               
            </div>

		</div>
            @if(Session::has('message'))
                <div class="row">
                    <div class="col-md-12">
                        <div class="alert alert-