@extends(layoutTenant())

@section('content')
@if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif
  <div class="row">
    <div class="col-12">
      <div class="page-title-box">
        <h4 class="page-title float-left">Editar Portal</h4>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
  <!-- end row -->
  <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.update', [$categorie->id]),
              '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 value="{{ $categorie->name }}" type="text" name="name" class="form-control" id="nome"
                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 value="{{ $categorie->subname }}" type="text" name="subname" class="form-control " id="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 value="{{ $categorie->subdomain }}" type="tex" name="subdomain" class="form-control"
                id="subdomain" placeholder="Exe: montezuma" 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 value="{{ $categorie->nome }}" type="text" name="nome" class="form-control" id="nome"
                placeholder="Nome" required>
            </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 value="{{ $categorie->cnpj }}" type="text" name="cnpj"
                class="form-control international-inputmask" id="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 value="{{ $categorie->email }}" type="email" name="email" class="form-control" id="email"
                placeholder="Email" 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">Estado</label>
              <select name="estado" class="custom-select" required>
                <option value="">Selecione um Estado</option>
                @foreach ($estados as $estado)
                  <option @if ($categorie->estado == $estado->id) selected="selected" @endif 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 value="{{ $categorie->cep }}" type="text" name="cep" class="form-control cep" id="cep"
                placeholder="CEP" required>
            </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 value="{{ $categorie->endereco }}" type="text" name="endereco" class="form-control"
                id="endereco" placeholder="Endereço" required>
            </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 value="{{ $categorie->emaillicitacao }}" type="email" name="emaillicitacao" class="form-control"
                id="email" placeholder="Email" 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 value="{{ $categorie->razaosocial }}" type="text" name="razaosocial" class="form-control"
                id="email" required>
            </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 value="{{ $categorie->telefone }}" type="text" name="telefone"
                class="form-control phone-inputmask" id="phone-mask" 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 value="{{ $categorie->responsavel }}" type="tex" name="responsavel" class="form-control"
                id="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"
                    @if ($categorie->status == 1) checked="" @endif value="1"
                    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">
                  <div class="custom-controls-stacked">
                    <label class=" text-sm-right" style="font-weight: bold; padding-bottom: 10px;">Permissão de
                      Modulos:</label>
                    <label class="custom-control custom-checkbox">
                      <input @if ($categorie->diario == 1) checked="" @endif id="diario" name="diario"
                        type="checkbox" value="1" class="custom-control-input"><span
                        class="custom-control-label">Diário Oficial</span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input @if ($categorie->documentos == 1) checked="" @endif id="documentos" name="documentos"
                        type="checkbox" value="1" class="custom-control-input"><span
                        class="custom-control-label">Documentos Licitações</span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input @if ($categorie->esic == 1) checked="" @endif id="esic" name="esic"
                        type="checkbox" value="1" class="custom-control-input"><span
                        class="custom-control-label">E-sic/ Ouvidoria </span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input @if ($categorie->painelemail == 1) checked="" @endif id="painelemail" name="painelemail"
                        type="checkbox" value="1" class="custom-control-input"><span
                        class="custom-control-label">Painel de E-mails</span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input @if ($categorie->pauta == 1) checked="" @endif id="pauta" name="pauta"
                        type="checkbox" value="1" class="custom-control-input"><span
                        class="custom-control-label">Pautas/Reuniões </span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input @if ($categorie->covid == 1) checked="" @endif id="covid" name="covid"
                        type="checkbox" value="1" class="custom-control-input"><span for="covid"
                        class="custom-control-label">Covid </span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input @if ($categorie->event == 1) checked="" @endif id="event" name="event"
                        type="checkbox" value="1" class="custom-control-input"><span
                        class="custom-control-label"> Eventos </span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input @if ($categorie->projeto == 1) checked="" @endif id="projeto" name="projeto"
                        type="checkbox" value="1" 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 @if ($categorie->trasparencia == 1) checked="" @endif id="trasparencia" name="trasparencia"
                      type="checkbox" value="1" 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" @if ($categorie->trasparencia_receita == 1) checked="" @endif
                      name="trasparencia_receita" type="checkbox" value="1" 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" @if ($categorie->trasparencia_despesa == 1) checked="" @endif
                      name="trasparencia_despesa" type="checkbox" value="1" 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" @if ($categorie->trasparencia_licitacao == 1) checked="" @endif
                      name="trasparencia_licitacao" type="checkbox" value="1" 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" @if ($categorie->trasparencia_contratos == 1) checked="" @endif
                      name="trasparencia_contratos" type="checkbox" value="1" 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" @if ($categorie->trasparencia_diarias == 1) checked="" @endif
                      name="trasparencia_diarias" type="checkbox" value="1" 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" @if ($categorie->trasparencia_servidores == 1) checked="" @endif
                      name="trasparencia_servidores" type="checkbox" value="1" 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" @if ($categorie->trasparencia_legislacao == 1) checked="" @endif
                      name="trasparencia_legislacao" type="checkbox" value="1" 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" @if ($categorie->trasparencia_convenios == 1) checked="" @endif
                      name="trasparencia_convenios" type="checkbox" value="1" 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" @if ($categorie->trasparencia_gestao == 1) checked="" @endif
                      name="trasparencia_gestao" type="checkbox" value="1" 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 @if ($categorie->logow == 1) checked="" @endif id="logow" name="logow"
                        type="checkbox" value="1" class="custom-control-input">
                      <span class="custom-control-label"> Logo com Largura Fixa </span>
                    </label>
                    <label class="custom-control custom-checkbox">
                      <input @if ($categorie->logoh == 1) checked="" @endif id="logow" name="logoh"
                        type="checkbox" value="1" 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 @if ($categorie->template == $template->template) selected="selected" @endif
                    value="{{ $template->template }}">{{ $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="{{ $categorie->cornoticia }}">
            </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="{{ $categorie->headercor }}">
              <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="{{ $categorie->headertextcor }}">
            </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="{{ $categorie->footercor }}">
              <br>
              <label for="validationCustom05">Cor do texto Rodapé</label>
              <input name="footertextcor" type="text" class="form-control demo" id="colorpicker-popup1"
                value="{{ $categorie->footertextcor }}">
            </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="{{ $categorie->corsecundaria }}">
              <br>
            </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">Criar primeira Associação</label>
              <select name="relacionamento_1" class="custom-select" required>
                <option value="0">Selecione um Portal</option>
                @foreach ($portais as $portal)
                  @if ($portal->cidade == $categorie->cidade)
                    @if ($portal->id == $categorie->id)
                    @else
                      <option @if ($portal->id == $categorie->relacionamento_1) selected="selected" @endif
                        value=" {{ $portal->id }}">{{ $portal->name }}</option>
                    @endif
                  @endif
                @endforeach
              </select>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">Criar segunda Associação</label>
              <select name="relacionamento_2" class="custom-select" required>
                <option value="0">Selecione um Portal</option>
                @foreach ($portais as $portal)
                  @if ($portal->cidade == $categorie->cidade)
                    @if ($portal->id == $categorie->id)
                    @else
                      <option @if ($portal->id == $categorie->relacionamento_2) selected="selected" @endif
                        value=" {{ $portal->id }}">{{ $portal->name }}</option>
                    @endif
                  @endif
                @endforeach
              </select>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12 mb-2">
              <label for="validationCustom03">Criar Terceira Associação</label>
              <select name="relacionamento_3" class="custom-select" required>
                <option value="0">Selecione um Portal</option>
                @foreach ($portais as $portal)
                  @if ($portal->cidade == $categorie->cidade)
                    @if ($portal->id == $categorie->id)
                    @else
                      <option @if ($portal->id == $categorie->relacionamento_3) selected="selected" @endif
                        value=" {{ $portal->id }}">{{ $portal->name }}</option>
                    @endif
                  @endif
                @endforeach
              </select>
            </div>
          </div>
          <div class="row">
            <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 value="{{ $categorie->id_cliente_pcme }}" name="id_cliente_pcme" type="number"
                class="form-control ">
              <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 value="{{ $categorie->nome_empresa }}" name="nome_empresa" type="text" class="form-control ">
              <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 value="{{ $categorie->url_empresa }}" name="url_empresa" type="text" class="form-control ">
              <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 value="{{ $categorie->horario }}" name="horario_funcionamento" type="text" class="form-control ">
              <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 @if ($categorie->tipo == 'Prefeitura') selected @endif value="Prefeitura">Prefeitura</option>
                <option @if ($categorie->tipo == 'Câmara') selected @endif value="Câmara">Câmara</option>
                <option @if ($categorie->tipo == 'Autarquia') selected @endif value="Autarquia">Autarquia</option>
                <option @if ($categorie->tipo == 'Consórcio') selected @endif value="Consórcio">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: 30px;">
                <label class="custom-control custom-checkbox">
                  <input @if ($categorie->portarias_legis == 1) checked="" @endif id="portarias_legis"
                    name="portarias_legis" type="checkbox" value="1" class="custom-control-input">
                  <span class="custom-control-label">Portaria Legilação Ativa </span>
                </label>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">
              {!! Form::submit('Salvar portal ', ['class' => 'btn btn-primary']) !!}
            </div>
          </div>
          {!! Form::close() !!}
        </div>
      </div>
    </div>
    <!-- ============================================================== -->
    <!-- end validation form -->
    <!-- ============================================================== -->
  </div>
@endsection

@section('post-script')
  <script type="text/javascript">
    $(document).ready(function() {
      $.get('/get-cidades/' + {{ $categorie->estado }}, function(cidades) {
        $('select[name=cidade]').empty();
        $.each(cidades, function(key, value) {
          if (value.id == +{{ $categorie->cidade }}) {
            $('select[name=cidade]').append('<option selected="selected" value=' + value.id + '>' + value
              .name + '</option>');
          } else {
            $('select[name=cidade]').append('<option  value=' + value.id + '>' + value.name + '</option>');
          }
        });
      });
    });
  </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 src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.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>
    $('.demo').each(function() {
      //
      // Dear reader, it's actually very easy to initialize MiniColors. For example:
      //
      //  $(selector).minicolors();
      //
      // The way I've done it below is just for the demo, so don't get confused
      // by it. Also, data- attributes aren't supported at this time...they're
      // only used for this demo.
      //
      $(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>
@endsection