@extends('layouts.app')

@section('content')
<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <!-- BEGIN CONTENT BODY -->
    <div class="page-content">
        <!-- BEGIN PAGE HEADER-->
        <!-- BEGIN PAGE BAR -->
        <div class="page-bar">
            <ul class="page-breadcrumb">
                <li>
                    <a href="{{ url('/home') }}">Home</a>
                    <i class="fa fa-circle"></i>
                </li>
                <li>
                    <span>Cliente</span>
                </li>
            </ul>
        </div>
        <!-- END PAGE BAR -->
        <!-- BEGIN PAGE TITLE-->
        <h1 class="page-title"> Cadastrar cliente</h1>
        <!-- END PAGE TITLE-->
        <!-- END PAGE HEADER-->

        <!-- PAGE -->
        <div class="row">
            <div class="col-md-12">
                <div class="tab-pane">
                    <div class="portlet light bordered">
                        <div class="portlet-body form">
                            <!-- BEGIN FORM-->
                            <form action="" class="horizontal-form" method="post" id="formCliente">
                                {{ csrf_field() }}
                                <div class="form-body">
                                    <h3 class="form-section" style="margin-top: 0;">Dados</h3>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">Razão social</label>
                                                <span class="required"> * </span>
                                                <input type="text" class="form-control" name="razao_social" maxlength="150">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">Nome fantasia</label>
                                                <span class="required"> * </span>
                                                <input type="text" class="form-control" name="nome_fantasia" maxlength="150">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="control-label">CNPJ</label>
                                                <span class="required"> * </span>
                                                <input type="text" class="form-control" name="cnpj" id="cnpj" maxlength="18">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="control-label">Inscrição estadual</label>
                                                <span class="required"> * </span>
                                                <input type="text" class="form-control" name="inscricao_estatual" id="inscricao_estatual" maxlength="12">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="control-label">Segmento</label>
                                                <span class="required"> * </span>
                                                <select class="form-control" name="segmento">
                                                    <option value=""></option>
                                                    <option value="cobranca">Cobrança</option>
                                                    <option value="concessionaria">Concessionárias de Veículos</option>
                                                    <option value="consorcio">Consórcio</option>
                                                    <option value="cosmeticos">Cosméticos</option>
                                                    <option value="educacional">Educacional</option>
                                                    <option value="farmaccutico">Farmacêutico</option>
                                                    <option value="fintech">Fintech</option>
                                                    <option value="locadora">Locadora de Veículos</option>
                                                    <option value="logistica">Logística e Distribuição</option>
                                                    <option value="seguradora">Seguradora</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="control-label">Vendedor</label>
                                                <span class="required"> * </span>
                                                <input type="text" class="form-control" name="vendedor" maxlength="100">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="control-label">Origem</label>
                                                <span class="required"> * </span>
                                                <select class="form-control" name="origem" onchange="setRespresentante()">
                                                    <option value=""></option>
                                                    <option value="carteiraEmpresa">Carteira Empresa</option>
                                                    <option value="representante">Representante</option>
                                                    <option value="vendaExterna">Venda Externa</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="control-label">Representante</label>
                                                <span class="required representante" style="display: none"> * </span>
                                                <input type="text" class="form-control" name="representante" maxlength="100">
                                            </div>
                                        </div>
                                    </div>
                                    <!--/row-->

                                    <h3 class="form-section">Endereço</h3>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">Endereço</label>
                                                <span class="required"> * </span>
                                                <input type="text" class="form-control" name="endereco" maxlength="150">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="control-label">Número</label>
                                                <span class="required"> * </span>
                                                <input type="text" class="form-control" name="numero" id="numero" maxlength="6">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="control-label">Complemento</label>
                                                <input type="text" class="form-control" name="complemento" maxlength="50">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="control-label">CEP</label>
                                                <span class="required"> * </span>
                                                <input type="text" class="form-control" name="cep" id="cep" maxlength="9">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="control-label">Bairro</label>
                                                <span class="required"> * </span>
                                                <input type="text" class="form-control" name="bairro" maxlength="100">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="control-label">Cidade</label>
                                                <span class="required"> * </span>
                                                <input type="text" class="form-control" name="cidade" maxlength="100">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="control-label">UF</label>
                                                <span class="required"> * </span>
                                                <select class="form-control" name="uf">
                                                    <option value=""></option>
                                                    @foreach( $estados as $estado )
                                                    <option value="{{$estado->uf}}">{{$estado->uf}}</option>
                                                    @endforeach  
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/row-->

                                    <h3 class="form-section">Dados do plano</h3>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                    <label class="control-label">Modulos</label>
                                                    </div>
                                                </div>
                                                <!-- <span class="required"> * </span> -->
                                                <!-- <div class="mt-checkbox-inline">
                                                    @foreach( $modulos as $modulo )
                                                    <label class="mt-checkbox mt-checkbox-outline">
                                                        <input type="checkbox" name="modulo[]" value="{{$modulo->id}}"> {{$modulo->nome}}
                                                        <span></span>
                                                    </label>
                                                    @endforeach
                                                </div> -->
                                                <div class="row">
                                                    <div class="col-md-4">
                                                    <select id="modulos" name="modulo[]" multiple="multiple" class="form-control" size="1">
                                                        @foreach( $modulos as $modulo )
                                                        <option value="{{$modulo->id}}">{{$modulo->nome}}</option>
                                                        @endforeach
                                                    </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/row-->

                                    <div id="token_facebook" style="display: none;">
                                    <h3 class="form-section">Token Facebook</h3>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">Token</label>
                                                <input type="text" class="form-control" name="token_facebook">
                                            </div>
                                        </div>
                                    </div>
                                    </div>
                                    <!--/row-->

                                    <h3 class="form-section">Licenças</h3>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                    <label class="control-label">Quantidade</label>
                                                    </div>
                                                </div>
                                               
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <input type="number" class="form-control" name="quantidade_licenca" id="quantidade_licenca" value="5" min="5" max="100">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/row-->

                                    <h3 class="form-section">Pacote Contratado</h3>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                    <label class="control-label">Quantidade</label>
                                                    </div>
                                                </div>
                                               
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <input type="number" class="form-control" name="pacote_contratado" id="pacote_contratado" value="999999">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/row-->

                                    <h3 class="form-section">Dados do projeto</h3>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="control-label">Data da venda</label>
                                                <!-- <span class="required"> * </span> -->
                                                <div class="input-group date date-picker">
                                                    <input type="text" class="form-control" name="dataVenda" id="dataVenda" onchange="setVencimentoContrato()">
                                                    <span class="input-group-btn">
                                                        <button class="btn default" type="button">
                                                            <i class="fa fa-calendar"></i>
                                                        </button>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="control-label">Status atual</label>
                                                <!-- <span class="required"> * </span> -->
                                                <select class="form-control" name="statusAtual">
                                                    <option value=""></option>
                                                    <option value="ativo">Ativo</option>
                                                    <option value="implantacao">Implantação</option>
                                                    <option value="cancelado">Cancelado</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="control-label">Período de teste</label>
                                                <!-- <span class="required"> * </span> -->
                                                <select class="form-control" name="periodoTeste">
                                                    <option value=""></option>
                                                    <option value="NENHUM">NENHUM</option>
                                                    <option value="30">30 dias</option>
                                                    <option value="60">60 dias</option>
                                                    <option value="90">90 dias</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/row-->

                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="mt-repeater">
                                                <h3 class="form-section">Links relacionados
                                                    <a style="margin-top: -10px;" href="javascript:;" data-repeater-create="" class="btn btn-info mt-repeater-add pull-right">
                                                    <i class="fa fa-plus"></i> Adicionar Links
                                                    </a>
                                                </h3>
                                                <div data-repeater-list="listaLinks">
                                                    <div data-repeater-item="" class="row " style="padding-bottom: 0px;">
                                                        <div class="col-md-11 nopadding" style="padding-bottom: 10px;">
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">URL</label>
                                                                    <input type="text" class="form-control" name="url"> 
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">Descrição</label>
                                                                    <input type="text" class="form-control" name="descricao">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-1">
                                                            <label class="control-label" style="width: 37px;">&nbsp;</label>
                                                            <a href="javascript:;" data-repeater-delete="" class="btn btn-danger">
                                                                    <i class="fa fa-close"></i>
                                                            </a>
                                                        </div>
                                                        <div class="col-md-12"><hr></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/row-->

                                    <!-- INTEGRACAO -->
                                    <!-- init row -->
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="mt-repeater">
                                                <h3 class="form-section">Integração
                                                    <a style="margin-top: -10px;" href="javascript:;" data-repeater-create="" class="btn btn-info mt-repeater-add pull-right">
                                                    <i class="fa fa-plus"></i> Adicionar Integração
                                                    </a>
                                                </h3>
                                                <div data-repeater-list="listaIntegracao">
                                                    <div data-repeater-item="" class="row " style="padding-bottom: 0px;">
                                                        <div class="col-md-11 nopadding" style="padding-bottom: 10px;">
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">Empresa</label>
                                                                    <input type="text" class="form-control" name="empresa"> 
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">Tipo integração</label>
                                                                    <input type="text" class="form-control" name="integracao">
                                                                </div>
                                                            </div>
                                                             <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">Url Servidor</label>
                                                                    <input type="text" class="form-control" name="url">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">Token</label>
                                                                    <input type="text" class="form-control" name="token">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="form-group">
                                                                    <label class="control-label">Account id</label>
                                                                    <input type="text" class="form-control" name="account_id">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-1">
                                                            <label class="control-label" style="width: 37px;">&nbsp;</label>
                                                            <a href="javascript:;" data-repeater-delete="" class="btn btn-danger">
                                                                    <i class="fa fa-close"></i>
                                                            </a>
                                                        </div>
                                                        <div class="col-md-12"><hr></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/row -->
                                    <!--/INTEGRACAO -->

                                    <!-- DADOS DO SERVIDOR -->
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="mt-repeater">
                                                <h3 class="form-section">Dados do servidor
                                                    <a style="margin-top: -10px;" href="javascript:;" data-repeater-create="" class="btn btn-info mt-repeater-add pull-right">
                                                    <i class="fa fa-plus"></i> Adicionar Servidor
                                                    </a>
                                                </h3>
                                                <div data-repeater-list="listaServidor">
                                                    <div data-repeater-item="" class="row listaServidor" style="padding-bottom: 0px;">
                                                        <div class="col-md-11 nopadding" style="padding-bottom: 10px;">
                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    <label class="control-label">Host</label>
                                                                    <input type="text" class="form-control" name="db_host"> 
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    <label class="control-label">Usuário</label>
                                                                    <input type="text" class="form-control" name="db_user"> 
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    <label class="control-label">Porta</label>
                                                                    <input type="text" class="form-control" name="db_port"> 
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    <label class="control-label">DataBase</label>
                                                                    <input type="text" class="form-control" name="db_name"> 
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    <label class="control-label">Senha</label>
                                                                    <input type="text" class="form-control" name="db_pass"> 
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    <label class="control-label">Servidor de banco de dados</label>
                                                                    <div class="mt-radio-inline">
                                                                        <label class="mt-radio mt-radio-outline">
                                                                            <input type="radio" name="banco" value="true" > SIM
                                                                            <span></span>
                                                                        </label>
                                                                        <label class="mt-radio mt-radio-outline">
                                                                            <input type="radio" name="banco" value="false" checked> NÃO
                                                                            <span></span>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12">
                                                                <div class="form-group">
                                                                    <label class="control-label">Descrição</label>
                                                                    <textarea rows="2" class="form-control" name="descricao" style="resize: none"></textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-1">
                                                            <label class="control-label" style="width: 37px;">&nbsp;</label>
                                                            <a href="javascript:;" data-repeater-delete="" class="btn btn-danger">
                                                                    <i class="fa fa-close"></i>
                                                            </a>
                                                        </div>
                                                        <div class="col-md-12"><hr></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/row-->
                                    <!--/DADOS DO SERVIDOR -->

                                    <h3 class="form-section">Dados de faturamento</h3>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="control-label">Vencimento da fatura</label>
                                                <!-- <span class="required"> * </span> -->
                                                <select class="form-control" name="dataVencimento">
                                                    <option value=""></option>
                                                    @foreach( $dias as $dia )
                                                    <option value="{{$dia}}">{{$dia}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="control-label">Cobrança</label>
                                                <!-- <span class="required"> * </span> -->
                                                <div class="mt-radio-inline">
                                                    <label class="mt-radio mt-radio-outline">
                                                        <input type="radio" name="cobranca" value="true" checked> SIM
                                                        <span></span>
                                                    </label>
                                                    <label class="mt-radio mt-radio-outline">
                                                        <input type="radio" name="cobranca" value="false"> NÃO
                                                        <span></span>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/row-->
                    
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="mt-repeater">
                                                <h3 class="form-section">Contatos
                                                    <a style="margin-top: -10px;" href="javascript:;" data-repeater-create="" class="btn btn-info mt-repeater-add pull-right">
                                                    <i class="fa fa-plus"></i> Adicionar Contato
                                                    </a>
                                                </h3>
                                                <div data-repeater-list="listaContato">
                                                    <div data-repeater-item="" class="row " style="padding-bottom: 0px;">
                                                        <div class="col-md-11 nopadding" style="padding-bottom: 10px;">
                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    <label class="control-label">Nome</label>
                                                                    <span class="required"> * </span>
                                                                    <input type="text" class="form-control" name="nome">
                                                                </div> 
                                                            </div>
                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    <label class="control-label">E-mail</label>
                                                                    <span class="required"> * </span>
                                                                    <input type="email" class="form-control" name="email">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4">
                                                                <label class="control-label">Área</label>
                                                                <input type="text" class="form-control" name="area">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-11 nopadding" style="padding-bottom: 10px;">
                                                            <div class="col-md-4">
                                                                <div class="form-group">
                                                                    <label class="control-label">Telefone 1</label>
                                                                    <span class="required"> * </span>
                                                                    <input type="text" class="form-control telefone" name="telefone_1"> 
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4">
                                                                <label class="control-label">Telefone 2</label>
                                                                <input type="text" class="form-control telefone" name="telefone_2">
                                                            </div>
                                                            <div class="col-md-4">
                                                                <label class="control-label">Ramal</label>
                                                                <input type="text" class="form-control ramal" name="ramal">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-11 nopadding">
                                                            <div class="col-md-12">
                                                                <div class="form-group">
                                                                    <label class="control-label">Descrição</label>
                                                                    <!-- <span class="required"> * </span> -->
                                                                    <textarea rows="2" class="form-control" name="descricao" style="resize: none"></textarea>
                                                                </div> 
                                                            </div>
                                                        </div>
                                                        <div class="col-md-1">
                                                            <label class="control-label" style="width: 37px;">&nbsp;</label>
                                                            <a href="javascript:;" data-repeater-delete="" class="btn btn-danger">
                                                                    <i class="fa fa-close"></i>
                                                            </a>
                                                        </div>
                                                        <div class="col-md-12"><hr></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/row-->
                                    <!--/CONTATOS-->
                                    
                                    <!--/CONTRATOS-->
                                    <div class="row">
                                        <div class="col-md-12">
                                            <h3 class="form-section">Dados do contrato</h3>
                                            <div>
                                                <div class="row " style="padding-bottom: 0px;">
                                                    <div class="col-md-12 nopadding" style="padding-bottom: 10px;">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="control-label">Descrição</label>
                                                                <!-- <span class="required"> * </span> -->
                                                                <textarea rows="2" class="form-control" name="contrato_descricao" style="resize: none"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12 nopadding" style="padding-bottom: 10px;">
                                                        <div class="col-md-6">
                                                            <div class="form-group"> 
                                                                <label class="control-label">Prazo do contrato</label>
                                                                <!-- <span class="required"> * </span> -->
                                                                <select class="form-control" id="prazo" name="prazo" onchange="setVencimentoContrato()">
                                                                    <option value=""></option>
                                                                    <option value="12">12</option>
                                                                    <option value="24">24</option>
                                                                    <option value="36">36</option>
                                                                    <option value="48">48</option>
                                                                    <option value="60">60</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Vencimento do contrato</label>
                                                                <!-- <span class="required"> * </span> -->
                                                                <div class="input-group date date-picker">
                                                                    <input type="text" class="form-control" name="contrato_vencimento" id="contrato_vencimento">
                                                                    <span class="input-group-btn">
                                                                        <button class="btn default" type="button">
                                                                            <i class="fa fa-calendar"></i>
                                                                        </button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12 nopadding" style="padding-bottom: 10px;">
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Valor Setup (Desenvolvimento)</label>
                                                                <!-- <span class="required"> * </span> -->
                                                                <input type="text" class="form-control valor" name="valor_setup">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label class="control-label">Valor de Manutenção (Fixo Mensal)</label>
                                                                <!-- <span class="required"> * </span> -->
                                                                <input type="text" class="form-control valor" name="valor_manutencao">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-repeater">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <div class="col-md-12">
                                                                    <div class="form-group">
                                                                        <a href="javascript:;" data-repeater-create="" class="btn btn-info mt-repeater-add pull-right">
                                                                            <i class="fa fa-plus"></i> Adicionar Faixa
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div data-repeater-list="listaContratoValor">
                                                            <div data-repeater-item="" class="row " style="padding-bottom: 0px; display:none;">
                                                                <div class="col-md-12">
                                                                    <div class="col-md-6">
                                                                        <div class="form-group">
                                                                            <label class="control-label">Volume limite</label>
                                                                            <!-- <span class="required"> * </span> -->
                                                                            <input type="text" class="form-control limite" name="limite">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-5">
                                                                        <div class="form-group">
                                                                            <label class="control-label">Valor R$</label>
                                                                            <!-- <span class="required"> * </span> -->
                                                                            <input type="text" class="form-control valor" name="valor">
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-1">
                                                                        <label class="control-label" style="width: 37px;">&nbsp;</label>
                                                                        <a href="javascript:;" data-repeater-delete="" class="btn btn-danger">
                                                                            <i class="fa fa-close"></i>
                                                                        </a>
                                                                    </div>
                                                                </div> 
                                                            </div>
                                                        </div>
                                                        <div class="row" style="padding-bottom: 0px;">
                                                            <div class="col-md-12">
                                                                <div class="col-md-6">
                                                                    <div class="form-group">
                                                                        <label class="control-label">Valor fixo aplicado quando o volume é acima de: <span class="label_valor_info">0</span></label>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-5">
                                                                    <div class="form-group">
                                                                        <label class="control-label">Valor R$</label>
                                                                        <!-- <span class="required"> * </span> -->
                                                                        <input type="text" class="form-control valor" name="valor_fixo">
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-1"></div>
                                                            </div> 
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/row-->
                                    <!--/CONTRATOS-->

                                </div>
                                <div class="form-actions right">
                                    <button type="submit" class="btn blue">
                                        <i class="fa fa-check"></i> Salvar</button>
                                </div>
                            </form>
                            <!-- END FORM-->
                            <div id="erros" style="display: none;">
                                <div class="alert alert-danger">
                                    <ul>
                                    </ul>
                                </div>
                            </div>
                            <div id="success" style="display: none;">
                                <div class="alert alert-success">
                                    <ul>
                                    </ul>
                                    <!-- <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> -->
                                </div>
                            </div>                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END PAGE -->
    </div>
    <!-- END CONTENT BODY -->
</div>
<!-- END CONTENT -->

<style type="text/css">
.mt-radio{
    margin-bottom: 0 !important;
}
</style>

<script type="text/javascript">
    // function adicionaValor()
    // {
    //     var $valor = $('#repetidor-campos').html();
    //     $('#repetidor-valor').append($valor);
    //     console.log($valor);
    // }
</script>

<link href="{{ asset('global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('global/plugins/bootstrap-daterangepicker/daterangepicker.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('global/plugins/clockface/css/clockface.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('global/plugins/bootstrap-multiselect-master/dist/css/bootstrap-multiselect.css') }}" rel="stylesheet" type="text/css"/>

@push('scripts')
<script src="{{ asset('global/plugins/jquery-repeater/jquery.repeater.1.2.1.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('global/plugins/jquery-inputmask/jquery.inputmask.bundle.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('global/plugins/jquery.input-ip-address-control-1.0.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('global/plugins/plentz-jquery-maskmoney-cdbeeac/dist/jquery.maskMoney.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('global/plugins/bootstrap-multiselect-master/dist/js/bootstrap-multiselect.js') }}" type="text/javascript"></script>
        
<script src="{{ asset('pages/scripts/components-date-time-pickers.js') }}" type="text/javascript"></script>
<script src="{{ asset('pages/scripts/clientes/form-repeater-create.js') }}" type="text/javascript"></script>
<script src="{{ asset('pages/scripts/clientes/form-validation.js') }}" type="text/javascript"></script>
<script src="{{ asset('pages/scripts/clientes/form-input-mask.js') }}" type="text/javascript"></script>
@endpush

@endsection