@extends(layoutTenant())

@section('content')

  <div class="row">
    <div class="col-12">
      <div class="page-title-box">
        <h4 class="page-title float-left">Adicionar novo Portal</h4>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
  <!-- end row -->
  @if ($errors->any())
    <div class="alert alert-danger">
      <ul>
        @foreach ($errors->all() as $error)
          <li>{{ $error }}</li>
        @endforeach
      </ul>
    </div>
  @endif
  @if (session('success'))
    <div class="alert alert-success">
      {{ session('success') }}
    </div>
  @endif
  @if (session('erro'))
    <div class="alert alert-danger">
      {{ session('erro') }}
    </div>
  @endif
  <div class="row">
    <!-- ============================================================== -->
    <!-- validation form -->
    <!-- ============================================================== -->
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
      <div class="card">
        <h5 class="card-header">Adicionar novo Portal</h5>
        @if ($errors->all())
          <div class="alert alert-danger" role="alert">
            <ul>
              @foreach ($errors->all() as $erro)
                <li>{{ $erro }}</li>
              @endforeach
            </ul>
          </div>
        @endif
        <div class="card-body">
          {!! Form::open([
              'url' => routeTenant('portais.store'),
              'enctype' => 'multipart/form-data',
              'class' => 'needs-validation',
          ]) !!}
          <div class="form-row">
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">Título do portal</label>
              <input type="text" name="name" class="form-control" id="name" value="{{ old('name') }}"
                placeholder="Digite o título do portal" required>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom04">Subtítulo</label>
              <input type="text" name="subname" class="form-control " id="subname" value="{{ old('subname') }}"
                placeholder="Digite o subtítulo do portal">
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom05">Nome do Domínio</label>
              <input type="tex" name="subdomain" class="form-control" id="subdomain" placeholder="Exe: montezuma"
                value="{{ old('subdomain') }}" required>
            </div>
          </div>
          <div class="form-row">
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">Nome</label>
              <input type="text" name="nome" class="form-control" id="nome" placeholder="Nome" required
                value="{{ old('nome') }}">
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom04">CNPJ</label>
              <input type="text" name="cnpj" class="form-control international-inputmask" id="cnpj"
                value="{{ old('cnpj') }}" placeholder="CNPJ" required>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom05">Email</label>
              <input type="email" name="email" class="form-control" id="email" placeholder="Email" required
                value="{{ old('email') }}">
            </div>
          </div>
          <div class="form-row">
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">Estado</label>
              <select name="estado" class="custom-select" required>
                <option value="{{ old('estado') }}">Selecione um Estado</option>
                @foreach ($estados as $estado)
                  <option value="{{ $estado->id }}">{{ $estado->name }}</option>
                @endforeach
              </select>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom04">Municipio</label>
              {!! Form::select('cidade', ['0' => 'Selecione uma cidade'], null, ['class' => 'custom-select']) !!}
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom05">CEP</label>
              <input type="text" name="cep" class="form-control cep" id="cep" placeholder="CEP" required
                value="{{ old('cep') }}">
            </div>
          </div>
          <div class="form-row">
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 ">
              <label for="validationCustom02">Endereço</label>
              <input type="text" name="endereco" class="form-control" id="endereco" placeholder="Endereço" required
                value="{{ old('endereco') }}">
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom05">Email de Licitação</label>
              <input type="email" name="emaillicitacao" class="form-control" id="email" placeholder="Email"
                value="{{ old('emaillicitacao') }}" required>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom05">Razão Social</label>
              <input type="text" name="razaosocial" class="form-control" id="email" required
                value="{{ old('razaosocial') }}">
            </div>
          </div>
          <div class="form-row" style="margin-top: 10px;">
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">Telefone</label>
              <input type="text" name="telefone" class="form-control phone-inputmask" id="phone-mask"
                value="{{ old('telefone') }}" im-insert="true" placeholder="Telefone" required>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom05">Nome do responsável</label>
              <input type="tex" name="responsavel" class="form-control" id="responsavel"
                value="{{ old('responsavel') }}" placeholder="Responsável" required>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <div class="custom-controls-stacked" style="margin-top: 30px;">
                <label class="custom-control custom-checkbox">
                  <input id="diario" name="status" type="checkbox" value="1"
                    {{ old('status') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                    class="custom-control-label">Ativo</span>
                </label>
              </div>
            </div>
          </div>
          <div class="form-row" style="margin-top: 10px;">
            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 mb-2">
              <div class="form-group row">
                <div class="col-sm-6">
                  <label class=" text-sm-right" style="font-weight: bold; padding-bottom: 10px;">Permissão de
                    Modulos:</label>
                  <div class="custom-controls-stacked">
                    <label class="custom-control custom-checkbox">
                      <input id="diario" name="diario" type="checkbox" value="1"
                        {{ old('diario') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                        class="custom-control-label">Diário Oficial</span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input id="documentos" name="documentos" type="checkbox" value="1"
                        {{ old('documentos') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                        class="custom-control-label">Documentos Licitações</span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input id="esic" name="esic" type="checkbox" value="1"
                        {{ old('esic') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                        class="custom-control-label">E-sic/ Ouvidoria </span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input id="painelemail" name="painelemail" type="checkbox" value="1"
                        {{ old('painelemail') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                        class="custom-control-label">Painel de E-mails</span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input id="pauta" name="pauta" type="checkbox" value="1"
                        {{ old('pauta') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                        class="custom-control-label">Pautas/Reuniões </span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input id="covid" name="covid" type="checkbox" value="1"
                        {{ old('covid') == 1 ? 'checked' : '' }} class="custom-control-input"><span for="covid"
                        class="custom-control-label">Covid </span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input id="event" name="event" type="checkbox" value="1"
                        {{ old('event') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                        class="custom-control-label"> Eventos </span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input id="projeto" name="projeto" type="checkbox" value="1"
                        {{ old('projeto') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                        class="custom-control-label"> Projetos </span>
                    </label>
                  </div>
                </div>
                <div class="col-sm-6">
                  <label class="custom-control custom-checkbox">
                    <input id="trasparencia" name="trasparencia" type="checkbox" value="1"
                      {{ old('trasparencia') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                      class="custom-control-label">Transparência </span>
                  </label>
                  <label class="custom-control custom-checkbox" style="margin-left: 20px;">
                    <input id="trasparencia_receita" name="trasparencia_receita" type="checkbox" value="1"
                      {{ old('trasparencia_receita') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                      class="custom-control-label">Receitas </span>
                  </label>
                  <label class="custom-control custom-checkbox" style="margin-left: 20px;">
                    <input id="trasparencia_despesa" name="trasparencia_despesa" type="checkbox" value="1"
                      {{ old('trasparencia_despesa') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                      class="custom-control-label">Despesas </span>
                  </label>
                  <label class="custom-control custom-checkbox" style="margin-left: 20px;">
                    <input id="trasparencia_licitacao" name="trasparencia_licitacao" type="checkbox" value="1"
                      {{ old('trasparencia_licitacao') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                      class="custom-control-label">Licitações </span>
                  </label>
                  <label class="custom-control custom-checkbox" style="margin-left: 20px;">
                    <input id="trasparencia_contratos" name="trasparencia_contratos" type="checkbox" value="1"
                      {{ old('trasparencia_contratos') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                      class="custom-control-label">Contratos </span>
                  </label>
                  <label class="custom-control custom-checkbox" style="margin-left: 20px;">
                    <input id="trasparencia_diarias" name="trasparencia_diarias" type="checkbox" value="1"
                      {{ old('trasparencia_diarias') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                      class="custom-control-label">Diárias </span>
                  </label>
                  <label class="custom-control custom-checkbox" style="margin-left: 20px;">
                    <input id="trasparencia_servidores" name="trasparencia_servidores" type="checkbox" value="1"
                      {{ old('trasparencia_servidores') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                      class="custom-control-label">Servidores </span>
                  </label>
                  <label class="custom-control custom-checkbox" style="margin-left: 20px;">
                    <input id="trasparencia_legislacao" name="trasparencia_legislacao" type="checkbox" value="1"
                      {{ old('trasparencia_legislacao') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                      class="custom-control-label">Legislação </span>
                  </label>
                  <label class="custom-control custom-checkbox" style="margin-left: 20px;">
                    <input id="trasparencia_convenios" name="trasparencia_convenios" type="checkbox" value="1"
                      {{ old('trasparencia_convenios') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                      class="custom-control-label">Convênios </span>
                  </label>
                  <label class="custom-control custom-checkbox" style="margin-left: 20px;">
                    <input id="trasparencia_gestao" name="trasparencia_gestao" type="checkbox" value="1"
                      {{ old('trasparencia_gestao') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                      class="custom-control-label">Gestão </span>
                  </label>
                </div>
              </div>
            </div>
            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom02">Logo marca</label>
              <div class="custom_file_upload">
                <input value="Selecione a Logo" type="text" id="uploadFile" disabled="disabled" class="file"
                  name="file_info">
                <div class="file_upload">
                  <input name="imglogo" type="file" id="file_upload" name="file_upload">
                </div>
              </div>
              <div class="row" style="margin-top: 30px;">
                <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 mb-2">
                  <div class="custom-controls-stacked">
                    <label class="custom-control custom-checkbox">
                      <input id="logow" name="logow" type="checkbox" value="1"
                        {{ old('logow') == 1 ? 'checked' : '' }} class="custom-control-input">
                      <span class="custom-control-label"> Logo com Largura Fixa </span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input id="logow" name="logoh" type="checkbox" value="1"
                        {{ old('logoh') == 1 ? 'checked' : '' }} class="custom-control-input">
                      <span class="custom-control-label"> Logo com Atura Fixa </span>
                    </label>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="form-row">
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">Template</label>
              <select name="template" class="custom-select" required>
                <option>Selecione um Template</option>
                @foreach ($templates as $template)
                  <option value="{{ $template->template }}"
                    {{ old('template') == $template->template ? 'selected' : '' }}>{{ $template->name }}</option>
                @endforeach
              </select>
              <br> <br>
              <label for="validationCustom05">Cor do Fundo da Noticia</label>
              <input name="cornoticia" type="text" class="form-control demo" id="colorpicker-popup1"
                value="{{ old('cornoticia', '#FFF') }}">
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom04" id="cor">Cor do cabeçalho</label>
              <input type="text" name="headercor" class="form-control demo" id="colorpicker-popup"
                value="{{ old('headercor', '#FFF') }}">
              <br>
              <label for="validationCustom04" id="cor">Cor do texto cabeçalho</label>
              <input type="text" name="headertextcor" class="form-control demo" id="colorpicker-popup"
                value="{{ old('headertextcor', '#FFF') }}">
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom05">Cor do Rodapé</label>
              <input name="footercor" type="text" class="form-control demo" id="colorpicker-popup1"
                value="{{ old('footercor', '#FFF') }}">
              <br>
              <label for="validationCustom05">Cor do texto Rodapé</label>
              <input name="footertextcor" type="text" class="form-control demo" id="colorpicker-popup1"
                value="{{ old('footertextcor', '#FFF') }}">
            </div>
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-6 mb-2">
              <label for="corsecundaria">Cor Serviços</label>
              <input name="corsecundaria" type="text" class="form-control demo" id="colorpicker-popup2"
                value="{{ old('corsecundaria', '#FFF') }}">
              <br>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-6 mb-2">
              <label for="validationCustom05">Id do cliente PCM-E</label>
              <input name="id_cliente_pcme" type="number" class="form-control" value="{{ old('id_cliente_pcme') }}">
              <br>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-6 mb-2">
              <label for="validationCustom05">Nome Empresa</label>
              <input name="nome_empresa" type="text" class="form-control" value="{{ old('nome_empresa') }}">
              <br>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-6 mb-2">
              <label for="validationCustom05">URL Empresa</label>
              <input name="url_empresa" type="text" class="form-control" value="{{ old('url_empresa') }}">
              <br>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-6 mb-2">
              <label for="validationCustom05">Horário de Funcionamento </label>
              <input name="horario_funcionamento" type="text" class="form-control"
                value="{{ old('horario_funcionamento') }}">
              <br>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">Tipo</label>
              <select name="tipo" class="custom-select" required>
                <option>Selecione </option>
                <option value="Prefeitura" {{ old('tipo') == 'Prefeitura' ? 'selected' : '' }}>Prefeitura</option>
                <option value="Câmara" {{ old('tipo') == 'Câmara' ? 'selected' : '' }}>Câmara</option>
                <option value="Autarquia" {{ old('tipo') == 'Autarquia' ? 'selected' : '' }}>Autarquia</option>
                <option value="Consórcio" {{ old('tipo') == 'Consórcio' ? 'selected' : '' }}>Consórcio</option>
              </select>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-6 mb-2">
              <div class="custom-controls-stacked" style="margin-top: -3px;">
                <label class="custom-control custom-checkbox">
                  <input id="portarias_legis" name="portarias_legis" type="checkbox" value="1"
                    {{ old('portarias_legis') == 1 ? 'checked' : '' }} class="custom-control-input"><span
                    class="custom-control-label">Portaria Legilação Ativa</span>
                </label>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">
            {!! Form::submit('Criar portal ', ['class' => 'btn btn-primary']) !!}
          </div>
        </div>
        {!! Form::close() !!}
      </div>
    </div>
  </div>
  <!-- ============================================================== -->
  <!-- end validation form -->
  <!-- ============================================================== -->
  </div>
  <div style="height: 100px;"></div>
@endsection

@section('post-script')
  <script type="text/javascript">
    $('select[name=estado]').change(function() {
      var idEstado = $(this).val();
      $.get('/get-cidades/' + idEstado, function(cidades) {
        $('select[name=cidade]').empty();
        $.each(cidades, function(key, value) {
          $('select[name=cidade]').append('<option value=' + value.id + '>' + value.name + '</option>');
        });
      });
    });
  </script>
  <script src="{{ asset('assets/vendor/inputmask/js/jquery.inputmask.bundle.js') }}"></script>
  <script>
    $(function(e) {
      var SPMaskBehavior = function(val) {
          return val.replace(/\D/g, '').length === 11 ? '(00) 00000-0000' : '(00) 0000-00009';
        },
        spOptions = {
          onKeyPress: function(val, e, field, options) {
            field.mask(SPMaskBehavior.apply({}, arguments), options);
          }
        };

      $('#phone-mask').mask(SPMaskBehavior, spOptions);
      "use strict";
      $(".date-inputmask").inputmask("dd/mm/yyyy"),
        //    $(".phone-inputmask").inputmask("(99) 9999-9999"),
        $(".international-inputmask").inputmask("99.999.999/9999-99"),
        $(".xphone-inputmask").inputmask("(999) 999-9999 / x999999"),
        $(".purchase-inputmask").inputmask("aaaa 9999-****"),
        $(".cc-inputmask").inputmask("9999 9999 9999 9999"),
        $(".cep").inputmask("99.999-999"),
        $(".isbn-inputmask").inputmask("999-99-999-9999-9"),
        $(".currency-inputmask").inputmask("$9999"),
        $(".percentage-inputmask").inputmask("99%"),
        $(".decimal-inputmask").inputmask({
          alias: "decimal",
          radixPoint: "."
        }),
        $(".email-inputmask").inputmask({
          mask: "*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[*{2,6}][*{1,2}].*{1,}[.*{2,6}][.*{1,2}]",
          greedy: !1,
          onBeforePaste: function(n, a) {
            return (e = e.toLowerCase()).replace("mailto:", "")
          },
          definitions: {
            "*": {
              validator: "[0-9A-Za-z!#$%&'*+/=?^_`{|}~/-]",
              cardinality: 1,
              casing: "lower"
            }
          }
        })
    });
    document.getElementById("file_upload").onchange = function() {
      document.getElementById("uploadFile").value = this.value;
    };
  </script>
  <!-- Prettyprint -->
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.js"></script>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/themes/ui-lightness/jquery-ui.css" rel="stylesheet"
    type="text/css" />

  <link href="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.css" rel="stylesheet"
    type="text/css" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.js"></script>

  <!-- Plugin -->

  <script src="{{ asset('assets/vendor/color/jquery.colorpicker.js') }}"></script>
  <link href=" {{ asset('assets/vendor/color/jquery.colorpicker.css') }}" rel="stylesheet" type="text/css" />

  <!-- Plugin extensions -->
  <link href="{{ asset('assets/vendor/bootstrap-colorpicker/%40claviska/jquery-minicolors/jquery.minicolors.css') }}"
    rel="stylesheet">
  <script src=" {{ asset('assets/vendor/color/i18n/jquery.ui.colorpicker-nl.js') }}"></script>
  <script src="{{ asset('assets/vendor/color/parts/jquery.ui.colorpicker-rgbslider.js') }}"></script>
  <script src="{{ asset('assets/vendor/color/parts/jquery.ui.colorpicker-memory.js') }}"></script>
  <script
    src="{{ asset('assets/vendor/bootstrap-colorpicker/%40claviska/jquery-minicolors/jquery.minicolors.min.js') }}">
  </script>
  <script src="{{ url('') }}/templates/prefeitura1/licitacao/js/jquery.mask.min.js"></script>

  <script>
    $(document).ready(function() {
      $("#cnpj").mask('00.000.000/0000-00');
    });
  </script>
  <script>
    $('.demo').each(function() {

      $(this).minicolors({
        control: $(this).attr('data-control') || 'hue',
        defaultValue: $(this).attr('data-defaultValue') || '',
        format: $(this).attr('data-format') || 'hex',
        keywords: $(this).attr('data-keywords') || '',
        inline: $(this).attr('data-inline') === 'true',
        letterCase: $(this).attr('data-letterCase') || 'lowercase',
        opacity: $(this).attr('data-opacity'),
        position: $(this).attr('data-position') || 'bottom left',
        swatches: $(this).attr('data-swatches') ? $(this).attr('data-swatches').split('|') : [],
        change: function(value, opacity) {
          if (!value) return;
          if (opacity) value += ', ' + opacity;
          if (typeof console === 'object') {
            console.log(value);
          }
        },
        theme: 'bootstrap'
      });
    });
  </script>

  <script src="{{ asset('tadmin/plugins/switchery/switchery.min.js') }}"></script>
@endsection