@extends('layouts.app')
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css">
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-select-bs4/css/select.bootstrap4.min.css">
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/sweetalert2/dist/sweetalert2.min.css">

<style type="text/css">
	.modal-lg{
		max-width: 75%!important;
	}
	.modal-xl{
		min-width: 100%!important;
		min-height: 100%!important;
	}
</style>

@section('title', 'Permissões')
@section('content')
@include('layouts.headers.cards_prod')
	<div class="container-fluid">
		<div class="container">
			<div class="row">
            	@include('admin._caminho')
        	</div> 
			<h3 class="text-center font-weight-bold text-default h1 my-4">Adicionar empresas</h3>

			<form id='adicionar_empresa' class='border border-secondary rounded p-3' method='post' action="{{route('empresa.store')}}" autocomplete="off" enctype='multipart/form-data'>
				{{csrf_field()}}				
				<div class="form-group row mb-5">
					<div class="col-lg-4 col-md-12 col sm-12">
						<label for="nome_empresa" class="label-title text-dark">Nome da empresa</label>
						<input type="text" name="nome_empresa" id="nome_empresa" class="form-control form-control-sm obrigatorio" autofocus='autofocus'>
						<small class="text-danger font-weight-bold d-none">* Obrigatório</small>
					</div>
					<div class="col-lg-4 col-md-12 col sm-12">
						<label for="nome_fantasia" class="label-title text-dark">Nome fantasia</label>
						<input type="text" name="nome_fantasia" id="nome_fantasia" class="form-control form-control-sm obrigatorio">
						<small class="text-danger font-weight-bold d-none">* Obrigatório</small>
					</div>
					<div class="col-lg-4 col-md-12 col sm-12">
						<label for="telefone_empresa" class="label-title text-dark">Telefone</label>
						<input type="text" name="telefone_empresa" id="telefone_empresa" class="form-control form-control-sm obrigatorio">
						<small class="text-danger font-weight-bold d-none">* Obrigatório</small>
					</div>					
				</div>
				<div class="form-group row mb-5">
					<div class="col-lg-4 col-md-12 col sm-12">
						<label for="cpf_cnpj_empresa" class="label-title text-dark">CPF/CNPJ da empresa</label>
						<input type="text" name="cpf_cnpj_empresa" id="cpf_cnpj_empresa" class="form-control form-control-sm obrigatorio">
						<small class="text-danger font-weight-bold d-none">* Obrigatório</small>
					</div>
					<div class="col-lg-4 col-md-12 col sm-12">
						<label for="inscricao_estadual_empresa" class="label-title text-dark">Inscrição estadual</label>
						<input type="text" name="inscricao_estadual_empresa" id="inscricao_estadual_empresa" class="form-control form-control-sm obrigatorio">
						<small class="text-danger font-weight-bold d-none">* Obrigatório</small>
					</div>
					<div class="col-lg-4 col-md-12 col sm-12">
						<label for="inscricao_municipal_empresa" class="label-title text-dark">Inscrição municipal</label>
						<input type="text" name="inscricao_municipal_empresa" id="inscricao_municipal_empresa" class="form-control form-control-sm">
						<small class="text-warning font-weight-bold">* Opcional</small>
					</div>					
				</div>
				<div class="form-group row mb-5">
					<div class="col-lg-4 col-md-12 col sm-12">
						<label for="logradouro_empresa" class="label-title text-dark">Logradouro</label>
						<input type="text" name="logradouro_empresa" id="logradouro_empresa" class="form-control form-control-sm obrigatorio">
						<small class="text-danger font-weight-bold d-none">* Obrigatório</small>
					</div>
					<div class="col-lg-4 col-md-12 col sm-12">
						<label for="bairro_empresa" class="label-title text-dark">Bairro</label>
						<input type="text" name="bairro_empresa" id="bairro_empresa" class="form-control form-control-sm obrigatorio">
						<small class="text-danger font-weight-bold d-none">* Obrigatório</small>
					</div>					
					<div class="col-lg-4 col-md-12 col sm-12">
						<label for="numero_logradouro_empresa" class="label-title text-dark">Número</label>
						<input type="text" name="numero_logradouro_empresa" id="numero_logradouro_empresa" class="form-control form-control-sm obrigatorio">
						<small class="text-danger font-weight-bold d-none">* Obrigatório</small>
					</div>				
				</div>
				<div class="form-group row mb-5">
					<div class="col-lg-3 col-md-12 col sm-12">
						<label for="cep_empresa" class="label-title text-dark">CEP</label>
						<input type="text" name="cep_empresa" id="cep_empresa" class="form-control form-control-sm obrigatorio">
						<small class="text-danger font-weight-bold d-none">* Obrigatório</small>
					</div>
					<div class="col-lg-3 col-md-12 col sm-12">
						<label for="codigo_municipio_empresa" class="label-title text-dark">Código do munícipio</label>
						<input type="text" name="codigo_municipio_empresa" id="codigo_municipio_empresa" class="form-control form-control-sm obrigatorio">
						<div class="row p-0">
							<div class="col-sm-4">
								<small class="text-danger font-weight-bold d-none">* Obrigatório</small>
							</div>
							<div class="col-sm-8">
								<small>
									<a class='text-default text-right' href="https://www.ibge.gov.br/explica/codigos-dos-municipios.php" target='_blank'><i class="fas fa-question-circle"></i> Pesquisar munícipio</a>
								</small>								
							</div>	
						</div>
					</div>
					<div class="col-lg-3 col-md-12 col sm-12">
						<label for="nome_cidade_usuario" class="label-title text-dark">Cidade</label>
						<input type="text" name="nome_cidade_usuario" id="nome_cidade_usuario" class="form-control form-control-sm obrigatorio">
						<small class="text-danger font-weight-bold d-none">* Obrigatório</small>
					</div>
					<div class="col-lg-3 col-md-12 col sm-12">
						<label for="uf_usuario" class="label-title text-dark">Estado</label>
						<select id="estado" name="estado" class='form-control form-control-sm'>
						    <option value="SP">São Paulo</option>
						    <option value="AC">Acre</option>
						    <option value="AL">Alagoas</option>
						    <option value="AP">Amapá</option>
						    <option value="AM">Amazonas</option>
						    <option value="BA">Bahia</option>
						    <option value="CE">Ceará</option>
						    <option value="DF">Distrito Federal</option>
						    <option value="ES">Espírito Santo</option>
						    <option value="GO">Goiás</option>
						    <option value="MA">Maranhão</option>
						    <option value="MT">Mato Grosso</option>
						    <option value="MS">Mato Grosso do Sul</option>
						    <option value="MG">Minas Gerais</option>
						    <option value="PA">Pará</option>
						    <option value="PB">Paraíba</option>
						    <option value="PR">Paraná</option>
						    <option value="PE">Pernambuco</option>
						    <option value="PI">Piauí</option>
						    <option value="RJ">Rio de Janeiro</option>
						    <option value="RN">Rio Grande do Norte</option>
						    <option value="RS">Rio Grande do Sul</option>
						    <option value="RO">Rondônia</option>
						    <option value="RR">Roraima</option>
						    <option value="SC">Santa Catarina</option>
						    <option value="SE">Sergipe</option>
						    <option value="TO">Tocantins</option>
						    <option value="EX">Estrangeiro</option>
						</select>
					</div>					
				</div>
				<div class="form-group row mb-5">
					<div class="col-lg-8 col-md-12 col-sm-12">
						<label for="senha_do_certificado" class="label-title text-dark">Certificado digital</label>
						<div class="custom-file">
						  <label class="custom-file-label" for="certificado_digital">Inserir documento</label>
						  <input type="file" class="custom-file-input obrigatorio" id="certificado_digital" name="certificado_digital">
						  <small class="text-danger font-weight-bold d-none">* Obrigatório</small>
						</div>
					</div>
					<div class="col-lg-4 col-md-12 col-sm-12">
						<label for="senha_do_certificado" class="label-title text-dark">Senha do certificado</label>
						<input type="password" name="senha_do_certificado" id="senha_do_certificado" class='form-control obrigatorio'>
						<small class="text-danger font-weight-bold d-none">* Obrigatório</small>
					</div>
				</div>
				<div class="form-group row mb-5">
					<div class="col-sm-12">
						<label for="assinatura_software_house" class="label-title text-dark">Assinatura da Software House</label>
						<input type="text" name="assinatura_software_house" id="assinatura_software_house" class='form-control form-control-sm' minlength="344">
						<div class="row p-0">
							<div class="col-sm-6">
								<small class="text-danger font-weight-bold d-none" id='assinatura'>* Assinatura digital inválida, diferente de 344 caracteres.</small>
							</div>
							<div class="col-sm-6 text-right">
								<small id='info_assinatura_software_house' style='cursor:pointer;'>
									<i class="fas fa-exclamation-triangle mr-2 text-danger"></i> Como gerar assinatura da software house
								</small>								
							</div>	
						</div>
					</div>
				</div>
				<div class="form-group row mb-5">
					<div class="col-lg-3 col-md-12 col-sm-12">
						<label for="dominio_empresa" class="label-title text-dark">Domínio da empresa</label>
						<input type="text" name="dominio_empresa" id="dominio_empresa" class='form-control form-control-sm'>
						<small class="text-warning font-weight-bold">* Opcional</small>
					</div>
					<div class="col-lg-3 col-md-12 col-sm-12">
						<label for="database_empresa" class="label-title text-dark">Base de dados da empresa</label>
						<input type="text" name="database_empresa" id="database_empresa" class='form-control form-control-sm'>
						<small class="text-warning font-weight-bold">* Opcional</small>
					</div>
					<div class="col-lg-3 col-md-12 col-sm-12">
						<label for="hostname_usuario" class="label-title text-dark">Nome da hospedagem</label>
						<input type="text" name="hostname_usuario" id="hostname_usuario" class='form-control form-control-sm'>
						<small class="text-warning font-weight-bold">* Opcional</small>
					</div>
					<div class="col-lg-3 col-md-12 col-sm-12">
						<label for="username_usuario" class="label-title text-dark">Nome de usuário</label>
						<input type="text" name="username_usuario" id="username_usuario" class='form-control form-control-sm'>
						<small class="text-warning font-weight-bold">* Opcional</small>
					</div>
				</div>
				<div class="form-group row mb-5">
					<div class="col-lg-3 col-md-12 col-sm-12">
						<label for="serie_nfe" class="label-title text-dark">Série da nota fiscal</label>
						<input type="number" min='0' name="serie_nfe" id="serie_nfe" class='form-control form-control-sm obrigatorio'>
						<small class="text-warning font-weight-bold">* Opcional</small>
					</div>
					<div class="col-lg-3 col-md-12 col-sm-12">
						<label for="numero_nfe" class="label-title text-dark">Número atual da NFe</label>
						<input type="number" min='0' name="numero_nfe" id="numero_nfe" class='form-control form-control-sm obrigatorio'>
						<small class="text-warning font-weight-bold">* Opcional</small>
					</div>
					<div class="col-lg-3 col-md-12 col-sm-12">
						<label for="meta_mensal" class="label-title text-dark">Meta mensal</label>
						<input type="text" name="meta_mensal" id="meta_mensal" class='form-control form-control-sm'>
						<small class="text-warning font-weight-bold">* Opcional</small>
					</div>
					<div class="col-lg-3 col-md-12 col-sm-12">
						<label for="meta_diaria" class="label-title text-dark">Meta diária</label>
						<input type="text" name="meta_diaria" id="meta_diaria" class='form-control form-control-sm'>
						<small class="text-warning font-weight-bold">* Opcional</small>
					</div>
				</div>
				<div class="row">
					<button type="submit" class='btn btn-success d-block ml-auto mr-3'>
						<i class="fas fa-plus mr-2"></i> Adicionar
					</button>
				</div>
			</form>			
		</div>
	</div>

	<div class="modal fade" id='modal_atualizar_permissao' aria-hidden='true' data-backdrop='static' tabindex='-1' role='dialog' aria-labelledby='#modal_atualizar_permissao'>
		<div class="modal-dialog modal-dialog-centered modal-lg" role='document'>
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
			          <span aria-hidden="true">&times;</span>
			        </button>
				</div>
				<div class="modal-body">
					<form id="form_atualizar_permissoes">
						{!! csrf_field() !!}
						<input type="hidden" name="id_permissao_fk" id='id_permissao_fk'>
						<div class="form-group">
							<label for='nome_permissao_atualizar'>Atualizar permissão</label>
							<input type="text" name="nome_permissao_atualizar" id="nome_permissao_atualizar" class="form-control obrigatorio_atualizar">
							<small class="font-weight-bold text-danger d-none">* Preenchimento obrigatório</small>
						</div>
						<div class="form-group">
							<label for='descricao_permissao_atualizar'>Atualizar descrição</label>
							<textarea name="descricao_permissao_atualizar" id="descricao_permissao_atualizar" class="form-control obrigatorio_atualizar"></textarea>
							<small class="font-weight-bold text-danger d-none">* Preenchimento obrigatório</small>
						</div>
						<div class="row">
							<button type="submit" class="btn btn-info mr-3 font-weight-bold ml-auto d-block">
								<i class="fas fa-sync-alt mr-2"></i> Atualizar
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="modal_assinatura_software_house" tabindex="-1" aria-labelledby='#modal_assinatura_software_house' aria-hidden="true" data-backdrop="static" role='dialog'>
		<div class="modal-dialog modal-dialog-centered modal-lg" role='document'>
			<div class="modal-content bg-white text-dark">
				<div class="modal-header">
					<h5 class="modal-title" id="info_software_house">Informações adicionais</h5>
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
			          <span aria-hidden="true">&times;</span>
			        </button>
				</div>
				<div class="modal-body">
					<div class="p-2">
						<p>A assinatura software house é essencial para a emissão do cupom fiscal SAT, para obter a assinatura software house de sua empresa é preciso ter em mãos:</p>
						<ul>
							<li>Certificado digital em base 64 e senha - 
								<button class="btn btn-link p-0" id='btn_modal_base_64' data-toogle='modal' data-target='#modal_info_base_64'>
									<i class="fas fa-print mr-2"></i>Como gerar certificado digital em base64
								</button>
							</li>
							<li>CNPJ da software house</li>
							<li>CNPJ da empresa em evidência</li>
							<li>Para gerar a assinatura da software house é necessário o ACBrSatSign - 
								<a href='https://www.projetoacbr.com.br/forum/files/file/387-acbrsatsign/' target='_blank'>download clique aqui</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="modal_info_base_64" aria-hidden='true' data-backdrop='static' aria-labelledby='#modal_info_base_64' tabindex="-1" role='dialog'>
		<div class="modal-dialog modal-lg modal-dialog-centered" role='document'>
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="info_software_house">Informações adicionais</h5>
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
			          <span aria-hidden="true">&times;</span>
			        </button>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-lg-6 col-md-12 col-sm-12">
							<h4 class="text-center font-weight-bold text-default">
								<i class="fab fa-internet-explorer mr-2" style='color:#46a8db!important;'></i>
								No internet explorer
							</h4>
							<ul>
								<li>Clique em <i class="fas fa-cog ml-2"></i></li>
								<li>Selecione <span class='font-weight-bold'>Opções de internet</span></li>
								<li>Clique em <span class='font-weight-bold'>conteúdo</span></li>
								<li>Selecione <span class='font-weight-bold'>certificados</span></li>
								<li>Escolha o certificado digital que será convertido</li>
								<li>Clique em <span class='font-weight-bold'>Avançado</span></li>
								<li>Escolha o formato de exportação em: <span class='font-weight-bold'>Codificado na Base64</span></li>
							</ul>
						</div>
						<div class="col-lg-6 col-md-12 col-sm-12">
							<h4 class="text-center font-weight-bold">
								<i class="fab fa-chrome mr-2"></i>No Google Chrome
							</h4>
							<ul>
								<li>Clique em <i class="fas fa-ellipsis-v"></i></li>
								<li>Selecione <span class='font-weight-bold'>Configurações</span></li>
								<li>Clique em <span class='font-weight-bold'>Avançado</span></li>
								<li>Selecione <span class='font-weight-bold'>Sistema</span></li>
								<li>Clique em <span class='font-weight-bold'>Abre as configurações de proxy do computador</span></li>
								<li>Clique em <span class='font-weight-bold'>conteúdo</span></li>
								<li>Selecione <span class='font-weight-bold'>certificados</span></li>
								<li>Escolha o certificado digital que será convertido</li>
								<li>Clique em <span class='font-weight-bold'>Avançado</span></li>
								<li>Escolha o formato de exportação em: <span class='font-weight-bold'>Codificado na Base64</span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection

@push('js')
<script src="../js/moment.js"></script>
<script src="../js/moment_locale.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.33.1/dist/sweetalert2.min.js"></script>
<script src="{{ asset('argon/vendor/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.flash.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-buttons-bs4/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('argon/vendor/datatables.net-select-bs4/js/dataTables.select.min.js') }}"></script>
<script src="{{ asset('argon/vendor/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('argon/vendor/bootstrap-datepicker/dist/locales/bootstrap-datepicker.pt-BR.min.js') }}"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.colVis.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.2/js/dataTables.responsive.min.js"></script>
<script src="{{ asset('argon') }}/vendor/bootstrap-notify/bootstrap-notify.min.js"></script>
<script type="text/javascript" src="{{asset('js/empresas_admin.js')}}"></script>
@endpush