<?php include("conexao.php");
      $conn = selectAllFinanc(); 
?>

<link rel="stylesheet" href="<?php echo base_url(); ?>assets/js/jquery-ui/css/smoothness/jquery-ui-1.9.2.custom.css"/>
<script type="text/javascript" src="<?php echo base_url() ?>assets/js/jquery-ui/js/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>assets/js/jquery.validate.js"></script>
<script src="<?php echo base_url() ?>assets/js/sweetalert2.all.min.js"></script>
<link rel="stylesheet" href="<?php echo base_url() ?>assets/trumbowyg/ui/trumbowyg.css">
<input id="sendOsId" type="hidden" name="sendOsId" value="<?php echo $result->idOs ?>"  />
<script type="text/javascript" src="<?php echo base_url() ?>assets/trumbowyg/trumbowyg.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>assets/trumbowyg/langs/pt_br.js"></script>
<input id="urlAtual" type="hidden" name="urlAtual" value="<?php echo current_url() ?>"  />	

<style>
    .ui-datepicker {
        z-index: 99999 !important;
    }

    .trumbowyg-box {
        margin-top: 0;
        margin-bottom: 0;
    }

    textarea {
        resize: vertical;
    }
</style>


<style>
    /* Hiding the checkbox, but allowing it to be focused */
    .badgebox {
        opacity: 0;
    }

    .badgebox+.badge {
        /* Move the check mark away when unchecked */
        text-indent: -999999px;
        /* Makes the badge's width stay the same checked and unchecked */
        width: 27px;
    }

    .badgebox:focus+.badge {
        /* Set something to make the badge looks focused */
        /* This really depends on the application, in my case it was: */

        /* Adding a light border */
        box-shadow: inset 0px 0px 5px;
        /* Taking the difference out of the padding */
    }

    .badgebox:checked+.badge {
        /* Move the check mark back when checked */
        text-indent: 0;
    }
</style>
<div class="row-fluid" style="margin-top:0">
<div class="span12">
        <div class="widget-box">
          <div class="widget-title">
                <span class="icon">
                    <i class="fas fa-diagnoses"></i>
                </span>
            <h5>Ordem de Serviço</h5>
            </div>
            <div class="widget-content nopadding tab-content">
                <div class="span12" id="divProdutosServicos" style=" margin-left: 0">
                    <ul class="nav nav-tabs">
                        <li class="active" id="tabDetalhes"><a href="#tab1" data-toggle="tab">Detalhes da OS</a></li>
                        <li id="tabProdutos"><a href="#tab2" data-toggle="tab">Produtos</a></li>
                        <li id="tabServicos"><a href="#tab3" data-toggle="tab">Serviços</a></li>
                        <li id="tabAnexos"><a href="#tab4" data-toggle="tab">Anexos</a></li>
                        <li id="tabAnotacoes"><a href="#tab5" data-toggle="tab">Dados Restritos</a></li></ul>
					
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab1">
                            <div class="span12" id="divCadastrarOs">
                                <form action="<?php echo current_url(); ?>" method="post" id="formOs">
                                    <?php echo form_hidden('idOs', $result->idOs) ?>
                                    <div class="span12" style="padding: 1%; margin-left: 0">
                                      <h3>N° OS:
                                            <?php echo $result->idOs; ?>
                                      </h3>
                                      <div class="span6" style="margin-left: 0">
                                            <label for="cliente">Cliente<span class="required">*</span></label>
                                          <input id="cliente" class="span12" type="text" name="cliente"
                                                   value="<?php echo $result->nomeCliente ?>"/>
                                            <input id="clientes_id" class="span12" type="hidden" name="clientes_id"
                                                   value="<?php echo $result->clientes_id ?>"/>
                                            <input id="valorTotal" type="hidden" name="valorTotal" value=""/>
                                            <?php if ($this->permission->checkPermission($this->session->userdata('permissao'), 'eCliente')) {
    echo '<a title="Editar Cliente" class="btn btn-mini btn-info" href="' . base_url() . 'index.php/clientes/editar/' . $result->idClientes . '"><i class="fas fa-edit"></i> Cliente</a>';
} ?>
                                          <span class="buttons">
                                            <?php if ($this->permission->checkPermission($this->session->userdata('permissao'), 'eOs')) {
    $this->load->model('os_model');
    $zapnumber = preg_replace("/[^0-9]/", "", $result->celular_cliente);
    
    if (!empty($zapnumber)) {
    }        echo '<td nowrap><a class="btn btn-mini btn-success" style="margin-right: 1%" title="Enviar Msg WhatsApp" id="enviarWhatsApp" href="whatsapp://send?phone=55' . $zapnumber . '"><i class="fab fa-whatsapp"></i> Chamar</a>'  . '</td>';
} ?></span><a title="Visualizar OS" class="btn btn-mini btn-inverse"
                       href="<?php echo site_url() ?>/os/visualizar/<?php echo $result->idOs; ?>"><i
                                class="fas fa-eye"></i></a> 
										  
										  <a target="_blank" title="Imprimir OS" class="btn btn-mini btn-inverse"
                       href="<?php echo site_url() ?>/os/imprimir/<?php echo $result->idOs; ?>"><i
                                class="fas fa-print"></i></a>
										  
										  <a target="_blank" title="Concordância termos de serviço" class="button btn btn-mini btn-inverse" href="<?php echo site_url() ?>/os/imprimirTermica/<?php echo $result->idOs; ?>"><span class="button__text">Concorcância </span></a>
                    
                       <?php if ($this->permission->checkPermission($this->session->userdata('permissao'), 'eOs')) {
    $this->load->model('os_model');
    $zapnumber = preg_replace("/[^0-9]/", "", $result->celular_cliente);
    $troca = [$result->nomeCliente, $result->idOs, $result->status, 'R$ ' . number_format($totalProdutos + $totalServico, 2, ',', '.'), strip_tags($result->descricaoProduto), ($emitente ? $emitente[0]->nome : ''), ($emitente ? $emitente[0]->telefone : ''), strip_tags($result->observacoes), strip_tags($result->defeito), strip_tags($result->laudoTecnico), date('d/m/Y', strtotime($result->dataFinal)), date('d/m/Y', strtotime($result->dataInicial)), $result->garantia . ' dias'];
    $texto_de_notificacao = $this->os_model->criarTextoWhats($texto_de_notificacao, $troca);
    if (!empty($zapnumber)) {
        echo '<a title="Feedback WhatsApp" class="btn btn-mini btn-success" id="enviarWhatsApp" target="_blank" href="https://api.whatsapp.com/send?phone=55' . $zapnumber . '&text=' . $texto_de_notificacao . '" '.($zapnumber == '' ? 'disabled' : '').'><i class="fab fa-whatsapp"></i> Feedback</a>';
    }
} ?>     							  
										  
		

             
                    </ul></div>
									

                                        <div class="span6">
                                            <label for="tecnico">Técnico / Responsável<span
                                                        class="required">*</span></label>
                                            <input id="tecnico" class="span12" type="text" name="tecnico"
                                                   value="<?php echo $result->nome ?>"readonly=""/>
                                            <input id="usuarios_id" class="span12" type="hidden" name="usuarios_id"
                                                   value="<?php echo $result->usuarios_id ?>"/>
                                        </div>
                                    </div>
                                    <div class="span12" style="padding: 1%; margin-left: 0">
                                        <div class="span3">
                                            <label for="status"><h4>Status da OS<span class="required">*</span></label>
                                            <select class="span12" name="status" id="status" value="">
                                            
                                            
                                                <option <?php if ($result->status == 'Orçamento') {
    echo 'selected';
} ?> value="Orçamento">Orçamento
                                                </option>
                                                 <option <?php if ($result->status == 'Entregue') {
    echo 'selected';
} ?> value="Entregue">Entregue
                                                </option>
                                                <option <?php if ($result->status == 'Aberto') {
    echo 'selected';
} ?> value="Aberto">Aberto
                                                </option>
                                                <option <?php if ($result->status == 'Garantia Apple') {
    echo 'selected';
} ?> value="Garantia Apple">Garantia Apple
                                                </option>
                                                <option <?php if ($result->status == 'Aguardando Peças') {
    echo 'selected';
} ?> value="Aguardando Peças">Aguardando Peças
                                                </option>
                                                <option <?php if ($result->status == 'Enviado Dudu') {
    echo 'selected';
} ?> value="Enviado Dudu">Enviado Dudu
                                                </option>
                                                <option <?php if ($result->status == 'Autorizado') {
    echo 'selected';
} ?> value="Autorizado">Autorizado
                                                </option>
                                                                       <option <?php if ($result->status == 'Em Andamento') {
    echo 'selected';
} ?> value="Em Andamento">Em Andamento
                                                </option>
                                                <option <?php if ($result->status == 'Orç. Finalizado') {
    echo 'selected';
} ?> value="Orç. Finalizado">Orç Finalizado
                                                </option>
                                                <option <?php if ($result->status == 'Sem Reparo') {
    echo 'selected';
} ?> value="Sem Reparo">Sem Reparo
                                                </option>
                                                <option <?php if ($result->status == 'Concluido') {
    echo 'selected';
} ?> value="Concluido">Concluido
                                                </option>
                                                


                                            </select>
                                        </div>
                                        <div class="span3">
                                            <label for="dataInicial">Data de  Entrada<span class="required"> da OS*</span></label>
                                            <input id="dataInicial" autocomplete="off" class="span12 datepicker2"
                                                   type="text" name="dataInicial"
                                                   value="<?php echo date('d/m/Y', strtotime($result->dataInicial)); ?>"readonly=""/>
                                        </div>
                                        <div class="span3">
                                            <label for="dataFinal">Data de Atualização da OS<span class="required">*</span></label>
                                            <input id="dataFinal" autocomplete="off" class="span12 datepicker2"
                                                   type="text" name="dataFinal"
                                                   value="<?php echo date('d/m/Y'); ?>"/>
                                        </div>
                                      <div class="span3">
                                            <label for="garantia"><h4>Garantia (dias)</label>
                                            <input id="garantia" type="number" min="0" max="9999" class="span12"
                                                   name="garantia" value="<?php echo $result->garantia ?>"/>
                                        <?php echo form_error('garantia'); ?></div></div>
									
									<div class="span12 well" style="padding: 1%; margin-left: 0">
                                    
                                    <div class="span3">
                                            <label for="marca">Equipamento</label>
                                            <?php
                                            $js = array(
                                                'id' => 'marcas',
                                                'class' => 'span12'
                                            );
                                            $options = array($result->idMarcas => $result->marca) + $marcas;
                                            echo form_dropdown('marca', $options, 0, $js);
                                            ?>
											
									  </div> 

                                       
                                        <div class="span3">
                                            <label for="modelo">Modelo</label>
                                            <select name="modelo" id="modelos" class="span12">
                                                <option value="<?php echo $result->idModelos ?>"><?php echo $result->modelos ?></option>
                                            </select>
                                        </div>
                                        <div class="span3">
                                            <label for="equipamento">Cor</label>
                                            <?php
                                            $js = array(
                                                'id' => 'equipamento',
                                                'class' => 'span12'
                                            );
                                            $options = array($result->idEquipamentos => $result->equipamento) + $equipamentos;
                                            echo form_dropdown('equipamento', $options, 0, $js);
                                            ?>
                                        </div>                                       
                                        
                                        <div class="span3">
                                            <label for="Serie">Nº de Série/IMEI</label>
                                            <input id="Serie" type="text" class="span12" name="Serie" value="<?php echo $result->nr_serie ?>"  />
                                            <?php if ($this->permission->checkPermission($this->session->userdata('permissao'), 'eCliente')) {
    echo '<a title="Checar Garantia" target="_blank" class="button btn btn-mini btn-warning" href="https://checkcoverage.apple.com/br/pt/?sn=' . $result->nr_serie . '"><i class="fas fa-check"></i> Checar Garantia</a>';
} ?>
											<?php if ($this->permission->checkPermission($this->session->userdata('permissao'), 'eCliente')) {
    echo '<a title="IMEI INFO" target="_blank" class="button btn btn-mini btn-warning" href="https://www.imei.info/pt/?imei=' . $result->nr_serie . '"><i class="fas fa-check"></i> IMEI INFO</a>';
} ?>
											
                                        </div>
 
										<div class="span2" style="margin-left: 0;">
                                            <label for="acessorio">Acessórios</label>
                                            <select class="span12" name="acessorio" id="acessorio" value="">
                                                <option <?php if($result->acessorio == 'selecione'){echo 'selected';} ?> value="selecione">Selecione</option>
                                                <option <?php if($result->acessorio == 'Sim'){echo 'selected';} ?> value="Sim">Sim</option>
                                                <option <?php if($result->acessorio == 'Não'){echo 'selected';} ?> value="Não">Não</option>
                                            </select>
                                        </div>
                                        <div id="descAcessorioSim" class="span10" style="margin-left: 1; display: none;">
                                            <label for="descAcessorio">Descrição dos Acessórios</label>
                                            <input class="span12" type="text" class="form-control" name="descAcessorio" value="<?php echo $result->descAcessorio ?>">
                                        </div>
                                        <div id="descAcessorioNao" class="span10" style="margin-left: 1; display: none;">
                                            <label for="descAcessorio">Descrição dos Acessórios</label>
                                            <input class="span12" type="text" class="form-control" readonly="readonly" name="descAcessorio" value="Nenhum acessório foi entregue com o equipamento.">
                                        </div>
                                    </div>

									
                                    <div class="span6" style="padding: 1%; margin-left: 0">
                                      <h4>Descrição do iDevice </h4>
                                      <h4>
                                        <textarea class="span12" name="descricaoProduto" id="descricaoProduto"
                                                  cols="10" rows="8"><?php echo $result->marca; ?>  <?php echo $result->modelos; ?>  <?php echo $result->equipamento; ?>  <?php echo $result->nr_serie; ?></textarea>
                                      </h4>
                                  </div>
                                    <div class="span6" style="padding: 1%; margin-left: 0">
                                      <h4>Defeito Relatado   </textarea></h4>
									  <div class="span12 well" style="padding: 1%; margin-left: 0">
											<div class="span6"> 
											<h5>Está Ligando?</h5>
											<label for="ligaS" class="btn btn-default" style="margin-top: 5px;">Sim
											  <input type="checkbox" id="ligaS" name="ligaS" class="badgebox" value="1" <?= ($result->ligaS == 1) ? 'checked' : '' ?>>
											<span class="badge">&check;</span></label>
											<label for="ligaN" class="btn btn-default" style="margin-top: 5px;">Não
											  <input type="checkbox" id="ligaN" name="ligaN" class="badgebox" value="1" <?= ($result->ligaN == 1) ? 'checked' : '' ?>>
											  <span class="badge">&check;</span></label>
											</div>
											<h5>Está Quebrado?</h5>
											<label for="quebraS" class="btn btn-default" style="margin-top: 5px;">Sim
											  <input type="checkbox" id="quebraS" name="quebraS" class="badgebox" value="1" <?= ($result->quebraS == 1) ? 'checked' : '' ?>>
											<span class="badge">&check;</span></label>
											<label for="quebraN" class="btn btn-default" style="margin-top: 5px;">Não
											  <input type="checkbox" id="quebraN" name="quebraN" class="badgebox" value="1" <?= ($result->quebraN == 1) ? 'checked' : '' ?>>
											  <span class="badge">&check;</span></label><textarea class="span12" name="defeito" id="defeito" cols="10"rows="3"><?php echo $result->defeito ?></textarea>
									  </div>
											<!--Anotações--><a href="#modal-anotacao" id="btn-anotacao" role="button" data-toggle="modal"class="btn btn-success"><i class="fas fa-plus"></i> Adicionar Dado Restrito</a>
											
									</div>
                                    <div class="span6" style="padding: 1%; margin-left: 0">
                                      <h4>Laudo Técnico 
                                        <textarea class="span12" name="observacoes" id="observacoes" cols="10"
                                                  rows="5"><?php echo $result->observacoes ?></textarea>
                                      </h4>
                                    </div>
                                  <div class="span6" style="padding: 1%; margin-left: 0">
                                      <h4>Serviço Realizado
                                        <textarea class="span12" name="laudoTecnico" id="laudoTecnico" cols="10"
                                                  rows="5"><?php echo $result->laudoTecnico ?></textarea>
                                      </h4>
                                  </div>
                                    <div class="span12" style="padding: 1%; margin-left: 0">
                                      <div class="span6 offset3" style="text-align: center">
                                            <?php if ($result->faturado == 0) { ?>
                                                <a href="#modal-faturar" id="btn-faturar" role="button"
                                                   data-toggle="modal" class="btn btn-success"><i
                                                            class="fas fa-cash-register"></i> Faturar</a>
                                                <?php
                                            } ?>
                                            <button class="btn btn-primary" id="btnContinuar"><i
                                                        class="fas fa-sync-alt"></i> Atualizar
                                            </button>
                                            <a target="_blank" title="Imprimir OS" class="btn btn-inverse"
                       href="<?php echo site_url() ?>/os/imprimir/<?php echo $result->idOs; ?>"><i
                                class="fas fa-print"></i> Imprimir A4</a>
                                            <a href="<?php echo base_url() ?>index.php/os" class="btn"><i
                                                        class="fas fa-backward"></i> Voltar</a>
                                      </div>
                                  </div>
                                </form>
                            </div>
                      </div>
                        <!--Produtos-->
                        <div class="tab-pane" id="tab2">
                            <div class="span12 well" style="padding: 1%; margin-left: 0">
                                <form id="formProdutos" action="<?php echo base_url() ?>index.php/os/adicionarProduto"
                                      method="post">
                                    <div class="span6">
                                        <input type="hidden" name="idProduto" id="idProduto"/>
                                        <input type="hidden" name="idOsProduto" id="idOsProduto"
                                               value="<?php echo $result->idOs; ?>"/>
                                        <input type="hidden" name="estoque" id="estoque" value=""/>
                                        <label for="">Produto</label>
                                        <input type="text" class="span12" name="produto" id="produto"
                                               placeholder="Digite o nome do produto"/><a href="<?php echo base_url(); ?>index.php/produtos/adicionar" class="btn btn-success"><i class="fas fa-plus"></i> Adicionar Produto</a>
                                    </div>
                                    <div class="span2">
                                        <label for="">Preço</label>
                                        <input type="text" placeholder="Preço" id="preco" name="preco"
                                               class="span12 money"/>
                                    </div>
                                    <div class="span2">
                                        <label for="">Quantidade</label>
                                        <input type="text" placeholder="Quantidade" id="quantidade" name="quantidade"
                                               class="span12"/>
                                    </div>
                                    <div class="span2">
                                        <label for="">.</label>
                                        <button class="btn btn-success span12" id="btnAdicionarProduto"><i
                                                    class="fas fa-plus"></i> Adicionar
                                        </button>
                                    </div>
                                </form>
                            </div>
                            <div class="span12" id="divProdutos" style="margin-left: 0">
                                <table class="table table-bordered" id="tblProdutos">
                                    <thead>
                                    <tr>
                                        <th>Produto</th>
                                        <th>Quantidade</th>
                                        <th>Preço unit.</th>
                                        <th>Ações</th>
                                        <th>Sub-total</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <?php
                                    $total = 0;
                                    foreach ($produtos as $p) {
                                        $total = $total + $p->subTotal;
                                        echo '<tr>';
                                        echo '<td>' . $p->descricao . '</td>';
                                        echo '<td>' . $p->quantidade . '</td>';
                                        echo '<td>' . ($p->preco ?: $p->precoVenda) . '</td>';
                                        echo '<td><a href="" idAcao="' . $p->idProdutos_os . '" prodAcao="' . $p->idProdutos . '" quantAcao="' . $p->quantidade . '" title="Excluir Produto" class="btn btn-danger"><i class="fas fa-trash-alt"></i></a></td>';
                                        echo '<td>R$ ' . number_format($p->subTotal, 2, ',', '.') . '</td>';
                                        echo '</tr>';
                                    } ?>
                                    <tr>
                                        <td colspan="4" style="text-align: right"><strong>Total:</strong></td>
                                        <td><strong>R$
                                                <?php echo number_format($total, 2, ',', '.'); ?><input type="hidden"
                                                                                                        id="total-venda"
                                                                                                        value="<?php echo number_format($total, 2); ?>"></strong>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!--Serviços-->
                        <div class="tab-pane" id="tab3">
                            <div class="span12" style="padding: 1%; margin-left: 0">
                                <div class="span12 well" style="padding: 1%; margin-left: 0">
                                    <form id="formServicos"
                                          action="<?php echo base_url() ?>index.php/os/adicionarServico" method="post">
                                        <div class="span6">
                                            <input type="hidden" name="idServico" id="idServico"/>
                                            <input type="hidden" name="idOsServico" id="idOsServico"
                                                   value="<?php echo $result->idOs; ?>"/>
                                            <label for="">Serviço</label>
                                            <input type="text" class="span12" name="servico" id="servico"
                                                   placeholder="Digite o nome do serviço"/><a href="<?php echo base_url() ?>index.php/servicos/adicionar" class="btn btn-success"><i class="icon-plus icon-white"></i> Adicionar Serviço</a>
                                        </div>
                                        <div class="span2">
                                            <label for="">Preço</label>
                                            <input type="text" placeholder="Preço" id="preco_servico" name="preco"
                                                   class="span12 money"/>
                                        </div>
                                        <div class="span2">
                                            <label for="">Quantidade</label>
                                            <input type="text" placeholder="Quantidade" id="quantidade_servico"
                                                   name="quantidade" class="span12"/>
                                        </div>
                                        <div class="span2">
                                            <label for="">.</label>
                                            <button class="btn btn-success span12"><i class="fas fa-plus"></i> Adicionar
                                            </button>
                                        </div>
                                    </form>
                                </div>
                                <div class="span12" id="divServicos" style="margin-left: 0">
                                   <table width="100%" class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>Serviço</th>
                                                <th width="8%">Quantidade</th>
                                                <th width="10%">Preço</th>
                                                <th width="6%">Ações</th>
                                                <th width="10%">Sub-totals</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php
                                            $totals = 0;
                                            foreach ($servicos as $s) {
                                                $preco = $s->preco ?: $s->precoVenda;
                                                $subtotals = $preco * ($s->quantidade ?: 1);
                                                $totals = $totals + $subtotals;
                                                echo '<tr>';
                                                echo '<td>' . $s->nome . '</td>';
                                                echo '<td><div align="center">' . ($s->quantidade ?: 1) . '</div></td>';
                                                echo '<td><div align="center">R$ ' . $preco  . '</div></td>';
                                                echo '<td><div align="center"><span idAcao="' . $s->idServicos_os . '" title="Excluir Serviço" class="btn btn-danger servico"><i class="fas fa-trash-alt"></i></span></div></td>';
                                                echo '<td><div align="center">R$: ' . number_format($subtotals, 2, ',', '.') . '</div></td>';
                                                echo '</tr>';
                                            } ?>
                                            <tr>
                                                <td colspan="4" style="text-align: right"><strong>Total:</strong></td>
                                                <td>
                                                    <div align="center"><strong>R$
                                                            <?php echo number_format($totals, 2, ',', '.'); ?><input type="hidden" id="total-servico" value="
												<?php echo number_format($totals, 2); ?>"></strong></div>
                                                </td>
                                            </tr>
                                        </tbody>
                                  </table>
                                </div>
                            </div>
                        </div>
                        <!--Anexos-->
                        <div class="tab-pane" id="tab4">
                    <div class="span12 well" style="padding: 1%; margin-left: 0" id="form-anexos">
                        <form id="formAnexos" enctype="multipart/form-data" action="javascript:;" accept-charset="utf-8"
                            s method="post">
                            <div class="span10">
                                <input type="hidden" name="idOsServico" id="idOsServico"
                                    value="<?php echo $result->idOs; ?>" />
                                <label for="">Anexo</label>
                                <input type="file" class="span12" name="userfile[]" multiple />
                            </div>
                            <div class="span2">
                                <label for="">&nbsp;</label>
                                <button class="btn btn-success span12"><i class="fas fa-paperclip"></i> Anexar</button>
                            </div>
                        </form>
                    </div>
                    <div class="span12" id="divAnexos" style="margin-left: 0">

                        <?php
                                    foreach ($anexos as $a) {
                                        if ($a->thumb == null) {
                                            $thumb = base_url() . 'assets/img/icon-file.png';
                                            $link = base_url() . 'assets/img/icon-file.png';
                                        } else {
                                            $thumb = $a->url . '/thumbs/' . $a->thumb;
                                            $link = $a->url . '/' . $a->anexo;
                                        }
                                        echo '<div class="span3" style="min-height: 230px; margin-left: 0; overflow-y:hiden;  padding: 5px;">
										<a style="min-height: 200px; border: 1px solid #bbbbbb;" href="#modal-anexo" imagem="' . $a->idAnexos . '" link="' . $link . '" role="button" class="btn anexo span12" data-toggle="modal">
										<img src="' . $thumb . '" alt="">
										</a>
										<span>' . $a->anexo . '</span>
										</div>';
                                    } ?>
                    </div>
                </div>

                        <!--Anotações-->
                        <div class="tab-pane" id="tab5">
                            <div class="span12" style="padding: 1%; margin-left: 0">

                                <div class="span12" id="divAnotacoes" style="margin-left: 0">

                                    <a href="#modal-anotacao" id="btn-anotacao" role="button" data-toggle="modal"
                                       class="btn btn-success"><i class="fas fa-plus"></i> Adicionar Dado Restrito</a>
                                    <hr>
                                    <table class="table table-bordered">
                                        <thead>
                                        <tr>
                                            <th>Dados Restrito</th>
                                            <th>Data/Hora</th>
                                            <th>Ações</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <?php
                                        foreach ($anotacoes as $a) {
                                            echo '<tr>';
                                            echo '<td>' . $a->anotacao . '</td>';
                                            echo '<td>' . date('d/m/Y H:i:s', strtotime($a->data_hora)) . '</td>';
											echo '<td><span idAcao="' . $a->idAnotacoes . '" title="Excluir Anotação" class="btn btn-danger anotacao"><i class="fas fa-trash-alt"></i></span></td>';
                                            
											echo '</tr>';
                                        }
                                        if (!$anotacoes) {
                                            echo '<tr><td colspan="2">Nenhuma anotação cadastrada</td></tr>';
                                        }

                                        ?>
                                        
                                        </tbody>
                                    </table>
                                    
                                    
                                </div>

                            </div>
                        </div>
                        
                        <!--Dados Restritos-->
                        
                        
                        <div class="tab-pane" id="tab6">
                            <div class="span12" style="padding: 1%; margin-left: 0">

                                <div class="span12" id="dadosRestritos" style="margin-left: 0">

                                    <div class="span6" style="padding: 1%; margin-left: 0">
                                      <h4>Dados Restritos</h4> 
                                        </label>
                                        <textarea class="span12" name="dadosRestritos" id="dadosRestritos" cols="30"
                                                  rows="5"><?php echo $result->dadosRestritos ?></textarea> 
             
                                                  
                                         </tbody>
                                    </table>
                                  </div>

                            </div>
                        </div>
                        
                        
                        <!-- Fim tab Dados Restritos -->
                        
                    </div>
                </div>
              </div>
        </div>
    </div>
</div>

<!-- Modal visualizar anexo -->
<div id="modal-anexo" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Visualizar Anexo</h3>
    </div>
    <div class="modal-body">
        <div class="span12" id="div-visualizar-anexo" style="text-align: center">
            <div class='progress progress-info progress-striped active'>
                <div class='bar' style='width: 100%'></div>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Fechar</button>
        <a href="" id-imagem="" class="btn btn-inverse" id="download">Download</a>
        <a href="" link="" class="btn btn-danger" id="excluir-anexo">Excluir Anexo</a>
    </div>
</div>

<!-- Modal cadastro anotações -->
<div id="modal-anotacao" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <form action="#" method="POST" id="formAnotacao">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 id="myModalLabel">Adicionar Dados Restrito</h4>
        </div>
        <div class="modal-body">
            <div class="span12" id="divFormAnotacoes" style="margin-left: 0"></div>
            <div class="span12" style="margin-left: 0">
                <label for="anotacao">Esses dados serão excluidos após o fechamento dessa OS </label>
                <textarea class="span12" name="anotacao" id="anotacao" cols="30" rows="3"></textarea>
                <input type="hidden" name="os_id" value="<?php echo $result->idOs; ?>">
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true" id="btn-close-anotacao">Fechar</button>
            <button class="btn btn-primary">Adicionar</button>
        </div>
    </form>
</div>

<!-- Modal Faturar-->
<div id="modal-faturar" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <form id="formFaturar" action="<?php echo current_url() ?>" method="post">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 id="myModalLabel">Faturar OS</h4>
        </div>
        <div class="modal-body">
            <div class="span12 alert alert-info" style="margin-left: 0"> Obrigatório o preenchimento dos campos com
                asterisco.
            </div>
            <div class="span12" style="margin-left: 0">
                <label for="descricao">Tipo da entrada</label>
                <input class="span12" id="descricao" type="text" name="descricao"
                       value="FATURA OS <?php echo $result->idOs ; echo date(' \a\s H:i'); ?> "readonly=""/>
            </div>
            <div class="span12" style="margin-left: 0">
                <div class="span12" style="margin-left: 0">
                    <label for="cliente">Descrição/Cliente*</label>
                    <input class="span12" id="cliente" type="text" name="cliente"
                           value="<?php echo $result->nomeCliente ?>"readonly=""/>
                    <input type="hidden" name="clientes_id" id="clientes_id" value="<?php echo $result->clientes_id ?>">
                    <input type="hidden" name="os_id" id="os_id" value="<?php echo $result->idOs; ?>">
                </div>
            </div>
            <div class="span12" style="margin-left: 0"></div>
            <div class="span12" style="margin-left: 0">
                <div class="span4" style="margin-left: 0">
                    <label for="valor">Valor*</label>
                    <input type="hidden" id="tipo" name="tipo" value="receita"/>
                    <input class="span12 money" id="valor" type="text" name="valor"
                           value="<?php echo number_format($total, 2); ?> "/>
                </div>
			
                <div class="span4">
                    <label for="vencimento">Data Vencimento*</label>
                    <input class="span12 datepicker2" autocomplete="off" id="vencimento" type="text" name="vencimento" value="<?php echo date('d/m/Y'); ?>"readonly="" />
                </div>
            </div>
            <div class="span12" style="margin-left: 0">
                <div class="span4" style="margin-left: 0">
                    <label for="recebido">Recebido?</label>
                    &nbsp &nbsp &nbsp &nbsp <input id="recebido" type="checkbox" name="recebido" value="1"/>
                </div>
                <div id="divRecebimento" class="span8" style=" display: none">
                    <div class="span6">
                        <label for="recebimento">Data Recebimento</label>
                        <input class="span12 datepicker2" autocomplete="off" id="recebimento" type="text"
                               name="recebimento" value="<?php echo date('d/m/Y'); ?>"readonly="" />
                    </div>
                    <div class="span6">
                        <label for="formaPgto">Forma Pgto</label>
                        <select name="formaPgto" id="formaPgto" class="span12">
                            <option value="Cartão">Cartão</option>
                            <option value="Dinheiro">Dinheiro</option>
                            <option value="Pix">Pix</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true" id="btn-cancelar-faturar">Cancelar</button>
                <button class="btn btn-primary">Faturar</button>
            </div>
    </form>
</div>


<script type="text/javascript" src="<?php echo base_url() ?>assets/js/jquery.validate.js"></script>
<script src="<?php echo base_url(); ?>assets/js/maskmoney.js"></script>

<script type="text/javascript">
    $(document).ready(function () {

        $(".money").maskMoney();

        $('#recebido').click(function (event) {
            var flag = $(this).is(':checked');
            if (flag == true) {
                $('#divRecebimento').show();
            } else {
                $('#divRecebimento').hide();
            }
        });

        $(document).on('click', '#btn-faturar', function (event) {
            event.preventDefault();
            valor = $('#total-venda').val();
            total_servico = $('#total-servico').val();
            valor = valor.replace(',', '');
            total_servico = total_servico.replace(',', '');
            total_servico = parseFloat(total_servico);
            valor = parseFloat(valor);
            $('#valor').val(valor + total_servico);
        });

        $("#formFaturar").validate({
            rules: {
                descricao: {
                    required: true
                },
                cliente: {
                    required: true
                },
                valor: {
                    required: true
                },
                vencimento: {
                    required: true
                }

            },
            messages: {
                descricao: {
                    required: 'Campo Requerido.'
                },
                cliente: {
                    required: 'Campo Requerido.'
                },
                valor: {
                    required: 'Campo Requerido.'
                },
                vencimento: {
                    required: 'Campo Requerido.'
                }
            },
            submitHandler: function (form) {
                var dados = $(form).serialize();
                $('#btn-cancelar-faturar').trigger('click');
                $.ajax({
                    type: "POST",
                    url: "<?php echo base_url(); ?>index.php/os/faturar",
                    data: dados,
                    dataType: 'json',
                    success: function (data) {
                        if (data.result == true) {

                            window.location.reload(true);
                        } else {
                            Swal.fire({
                                type: "error",
                                title: "Atenção",
                                text: "Ocorreu um erro ao tentar faturar OS."
                            });
                            $('#progress-fatura').hide();
                        }
                    }
                });

                return false;
            }
        });

        $("#produto").autocomplete({
            source: "<?php echo base_url(); ?>index.php/os/autoCompleteProduto",
            minLength: 2,
            select: function (event, ui) {
                $("#idProduto").val(ui.item.id);
                $("#estoque").val(ui.item.estoque);
                $("#preco").val(ui.item.preco);
                $("#quantidade").focus();
            }
        });

        $("#servico").autocomplete({
            source: "<?php echo base_url(); ?>index.php/os/autoCompleteServico",
            minLength: 2,
            select: function (event, ui) {
                $("#idServico").val(ui.item.id);
                $("#preco_servico").val(ui.item.preco);
                $("#quantidade_servico").focus();
            }
        });
		
		$(function () {
            $('#marcas').change(function () {
                $('#modelos').html("<option>Carregando...</option>");
                var id_marcas = $('#marcas').val();
                $.post("<?php echo base_url(); ?>index.php/os/buscaModelosbyMarcas", {
                    id_marcas: id_marcas
                }, function (data) {
                    $('#modelos').html(data);
                });
            });
        });
		
		if ( $("#acessorio").val() == "Sim") {
              $( "#descAcessorioSim > input" ).attr('name','descAcessorio');
              $( "#descAcessorioSim" ).show();
              $( "#descAcessorioNao > input" ).attr('name','');
              $( "#descAcessorioNao" ).hide();
          } else {
              $( "#descAcessorioNao > input" ).attr('name','descAcessorio');
              $( "#descAcessorioNao" ).show();
              $( "#descAcessorioSim > input" ).attr('name','');
              $( "#descAcessorioSim" ).hide();
          }
		  
		  
		  $( "#acessorio" ).change(function() {
          if ( $(this).val() == "Sim") {
              $( "#descAcessorioSim > input" ).attr('name','descAcessorio');
              $( "#descAcessorioSim" ).show();
              $( "#descAcessorioNao > input" ).attr('name','');
              $( "#descAcessorioNao" ).hide();
          } else {
              $( "#descAcessorioNao > input" ).attr('name','descAcessorio');
              $( "#descAcessorioNao" ).show();
              $( "#descAcessorioSim > input" ).attr('name','');
              $( "#descAcessorioSim" ).hide();
          }
        });


        $("#cliente").autocomplete({
            source: "<?php echo base_url(); ?>index.php/os/autoCompleteCliente",
            minLength: 2,
            select: function (event, ui) {
                $("#clientes_id").val(ui.item.id);
            }
        });

        $("#tecnico").autocomplete({
            source: "<?php echo base_url(); ?>index.php/os/autoCompleteUsuario",
            minLength: 2,
            select: function (event, ui) {
                $("#usuarios_id").val(ui.item.id);
            }
        });

        $("#termoGarantia").autocomplete({
            source: "<?php echo base_url(); ?>index.php/os/autoCompleteTermoGarantia",
            minLength: 1,
            select: function (event, ui) {
                if (ui.item.id) {
                    $("#garantias_id").val(ui.item.id);
                }
            }
        });

        $('#termoGarantia').on('change', function () {
            if (!$(this).val() && $("#garantias_id").val()) {
                $("#garantias_id").val('');
                Swal.fire({
                    type: "success",
                    title: "Sucesso",
                    text: "Termo de garantia removido"
                });
            }
        });

        $("#formOs").validate({
            rules: {
                cliente: {
                    required: true
                },
                tecnico: {
                    required: true
                },
                dataInicial: {
                    required: true
                },
                dataFinal: {
                    required: true
                }
            },
            messages: {
                cliente: {
                    required: 'Campo Requerido.'
                },
                tecnico: {
                    required: 'Campo Requerido.'
                },
                dataInicial: {
                    required: 'Campo Requerido.'
                },
                dataFinal: {
                    required: 'Campo Requerido.'
                }
            },
            errorClass: "help-inline",
            errorElement: "span",
            highlight: function (element, errorClass, validClass) {
                $(element).parents('.control-group').addClass('error');
            },
            unhighlight: function (element, errorClass, validClass) {
                $(element).parents('.control-group').removeClass('error');
                $(element).parents('.control-group').addClass('success');
            }
        });

        $("#formProdutos").validate({
            rules: {
                produto: {
                    required: true
                },
                preco: {
                    required: true
                },
                quantidade: {
                    required: true
                }
            },
            messages: {
                produto: {
                    required: 'Insira o produto'
                },
                preco: {
                    required: 'Insira o preço'
                },
                quantidade: {
                    required: 'Insira a quantidade'
                }
            },
            submitHandler: function (form) {
                var quantidade = parseInt($("#quantidade").val());
                var estoque = parseInt($("#estoque").val());

                <?php if (!$configuration['control_estoque']) {
                                            echo 'estoque = 1000000';
                                        }; ?>

                if (estoque < quantidade) {
                    Swal.fire({
                        type: "error",
                        title: "Atenção",
                        text: "Você não possui estoque suficiente."
                    });
                } else {
                    var dados = $(form).serialize();
                    $("#divProdutos").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>");
                    $.ajax({
                        type: "POST",
                        url: "<?php echo base_url(); ?>index.php/os/adicionarProduto",
                        data: dados,
                        dataType: 'json',
                        success: function () {
                            $("#divProdutos").load("<?php echo current_url(); ?> #divProdutos");
                            $("#quantidade").val('');
                            $("#preco").val('');
                            $("#produto").val('').focus();
                        },
                        error: function () {
                            $("#divProdutos").load("<?php echo current_url(); ?> #divProdutos");
                            Swal.fire({
                                type: "error",
                                title: "Atenção",
                                text: "Ocorreu um erro ao tentar adicionar produto."
                            });
                        },
                        complete: function () {
                            $("#idProduto").val('');
                        }
                    });
                    return false;
                }
            }
        });

        $("#formServicos").validate({
            rules: {
                servico: {
                    required: true
                },
                preco: {
                    required: true
                },
                quantidade: {
                    required: true
                },
            },
            messages: {
                servico: {
                    required: 'Insira um serviço'
                },
                preco: {
                    required: 'Insira o preço'
                },
                quantidade: {
                    required: 'Insira a quantidade'
                },
            },
            submitHandler: function (form) {
                var dados = $(form).serialize();

                $("#divServicos").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>");
                $.ajax({
                    type: "POST",
                    url: "<?php echo base_url(); ?>index.php/os/adicionarServico",
                    data: dados,
                    dataType: 'json',
                    success: function () {
                        $("#divServicos").load("<?php echo current_url(); ?> #divServicos");
                        $("#quantidade_servico").val('');
                        $("#preco_servico").val('');
                        $("#servico").val('').focus();
                    },
                    error: function () {
                        $("#divServicos").load("<?php echo current_url(); ?> #divServicos");
                        Swal.fire({
                            type: "error",
                            title: "Atenção",
                            text: "Ocorreu um erro ao tentar adicionar serviço."
                        });
                    },
                    complete: function () {
                        $("#idServico").val('');
                    }
                });
                return false;
            }
        });

        $("#formAnotacao").validate({
            rules: {
                anotacao: {
                    required: true
                }
            },
            messages: {
                anotacao: {
                    required: 'Insira a anotação'
                }
            },
            submitHandler: function (form) {
                var dados = $(form).serialize();
                $("#divFormAnotacoes").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>");

                $.ajax({
                    type: "POST",
                    url: "<?php echo base_url(); ?>index.php/os/adicionarAnotacao",
                    data: dados,
                    dataType: 'json',
                    success: function (data) {
                        if (data.result == true) {
                            $("#divAnotacoes").load("<?php echo current_url(); ?> #divAnotacoes");
                            $("#anotacao").val('');
                            $('#btn-close-anotacao').trigger('click');
                            $("#divFormAnotacoes").html('');
                        } else {
                            Swal.fire({
                                type: "error",
                                title: "Atenção",
                                text: "Ocorreu um erro ao tentar adicionar anotação."
                            });
                        }
                    }
                });
                return false;
            }
        });

        $("#formAnexos").validate({
            submitHandler: function (form) {
                //var dados = $( form ).serialize();
                var dados = new FormData(form);
                $("#form-anexos").hide('1000');
                $("#divAnexos").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>");
                $.ajax({
                    type: "POST",
                    url: "<?php echo base_url(); ?>index.php/os/anexar",
                    data: dados,
                    mimeType: "multipart/form-data",
                    contentType: false,
                    cache: false,
                    processData: false,
                    dataType: 'json',
                    success: function (data) {
                        if (data.result == true) {
                            $("#divAnexos").load("<?php echo current_url(); ?> #divAnexos");
                            $("#userfile").val('');

                        } else {
                            $("#divAnexos").html('<div class="alert fade in"><button type="button" class="close" data-dismiss="alert">×</button><strong>Atenção!</strong> ' + data.mensagem + '</div>');
                        }
                    },
                    error: function () {
                        $("#divAnexos").html('<div class="alert alert-danger fade in"><button type="button" class="close" data-dismiss="alert">×</button><strong>Atenção!</strong> Ocorreu um erro. Verifique se você anexou o(s) arquivo(s).</div>');
                    }
                });
                $("#form-anexos").show('1000');
                return false;
            }
        });

        $(document).on('click', 'a', function (event) {
            var idProduto = $(this).attr('idAcao');
            var quantidade = $(this).attr('quantAcao');
            var produto = $(this).attr('prodAcao');
            var idOS = "<?php echo $result->idOs; ?>"

            if ((idProduto % 1) == 0) {
                $("#divProdutos").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>");
                $.ajax({
                    type: "POST",
                    url: "<?php echo base_url(); ?>index.php/os/excluirProduto",
                    data: "idProduto=" + idProduto + "&quantidade=" + quantidade + "&produto=" + produto + "&idOs=" + idOS,
                    dataType: 'json',
                    success: function (data) {
                        if (data.result == true) {
                            $("#divProdutos").load("<?php echo current_url(); ?> #divProdutos");

                        } else {
                            Swal.fire({
                                type: "error",
                                title: "Atenção",
                                text: "Ocorreu um erro ao tentar excluir produto."
                            });
                        }
                    }
                });
                return false;
            }

        });

        $(document).on('click', '.servico', function (event) {
            var idServico = $(this).attr('idAcao');
            var idOS = "<?php echo $result->idOs; ?>"

            if ((idServico % 1) == 0) {
                $("#divServicos").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>");
                $.ajax({
                    type: "POST",
                    url: "<?php echo base_url(); ?>index.php/os/excluirServico",
                    data: "idServico=" + idServico + "&idOs=" + idOS,
                    dataType: 'json',
                    success: function (data) {
                        if (data.result == true) {
                            $("#divServicos").load("<?php echo current_url(); ?> #divServicos");

                        } else {
                            Swal.fire({
                                type: "error",
                                title: "Atenção",
                                text: "Ocorreu um erro ao tentar excluir serviço."
                            });
                        }
                    }
                });
                return false;
            }
        });

        $(document).on('click', '.anexo', function (event) {
            event.preventDefault();
            var link = $(this).attr('link');
            var id = $(this).attr('imagem');
            var url = '<?php echo base_url(); ?>index.php/os/excluirAnexo/';
            $("#div-visualizar-anexo").html('<img src="' + link + '" alt="">');
            $("#excluir-anexo").attr('link', url + id);

            $("#download").attr('href', "<?php echo base_url(); ?>index.php/os/downloadanexo/" + id);

        });

        $(document).on('click', '#excluir-anexo', function (event) {
            event.preventDefault();

            var link = $(this).attr('link');
            var idOS = "<?php echo $result->idOs; ?>"

            $('#modal-anexo').modal('hide');
            $("#divAnexos").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>");

            $.ajax({
                type: "POST",
                url: link,
                dataType: 'json',
                data: "idOs=" + idOS,
                success: function (data) {
                    if (data.result == true) {
                        $("#divAnexos").load("<?php echo current_url(); ?> #divAnexos");
                    } else {
                        Swal.fire({
                            type: "error",
                            title: "Atenção",
                            text: data.mensagem
                        });
                    }
                }
            });
        });

        $(document).on('click', '.anotacao', function (event) {
            var idAnotacao = $(this).attr('idAcao');
            var idOS = "<?php echo $result->idOs; ?>"

            if ((idAnotacao % 1) == 0) {
                $("#divAnotacoes").html("<div class='progress progress-info progress-striped active'><div class='bar' style='width: 100%'></div></div>");
                $.ajax({
                    type: "POST",
                    url: "<?php echo base_url(); ?>index.php/os/excluirAnotacao",
                    data: "idAnotacao=" + idAnotacao + "&idOs=" + idOS,
                    dataType: 'json',
                    success: function (data) {
                        if (data.result == true) {
                            $("#divAnotacoes").load("<?php echo current_url(); ?> #divAnotacoes");

                        } else {
                            Swal.fire({
                                type: "error",
                                title: "Atenção",
                                text: "Ocorreu um erro ao tentar excluir serviço."
                            });
                        }
                    }
                });
                return false;
            }
        });

        $(".datepicker").datepicker({
            dateFormat: 'dd/mm/yy'
        });

        $('.editor').trumbowyg({
            lang: 'pt_br'
        });
    });
</script>
