@extends(layoutTenant())

@section('content')
  <div class="row">
    <div class="col-12">
      <div class="page-title-box">
        <h4 class="page-title float-left">Incluir Materia</h4>

        <div class="clearfix"></div>
      </div>
    </div>
  </div>
  <!-- end row -->
  <div class="row">
    <!-- ============================================================== -->
    <!-- basic form -->
    <!-- ============================================================== -->
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
      <div class="card">
        <h5 class="card-header">Incluir Materia</h5>
        <div class="card-body">
          @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-danger">
              {{ session('success') }}
            </div>

          @endif
          {!! Form::open(['url' => routeTenant('materias.store'), 'enctype' => 'multipart/form-data', 'class' => 'form']) !!}
          <div class="row">
            <div class="col-md-4">
              <div class="form-group">
                {!! Form::label('setores', 'Setores:') !!}
                <select style="width: 90%" name="orgao" class="custom-select" required>
                  @foreach ($setores as $setor)
                    <option @if (isset($dataform['orgao'])) @if ($dataform['orgao'] == $setor->setor_id) selected @endif
                      @endif
                      value="{{ $setor->setor_id }}">
                      @if($setor =  App\Setor::find($setor->setor_id)) 
                      {{$setor->name }}
                      @endif
                    </option>
                  @endforeach
                </select>
              </div>
            </div>
            <div class="col-md-4">
              <div class="form-group">
                {!! Form::label('Tipo da Materia', 'Tipo da Materia:') !!}
                <select name="tipodemateria" class="custom-select" required>
                  <option value="">Selecione</option>
                  <option value="1">Atos Administrativos</option>
                  <option value="2">Atos de Pessoal</option>
                  <option value="3">Atos Financeiros</option>
                  <option value="4">Atos Normativos</option>
                  <option value="5">Aviso de Licitação</option>
                  <option value="6">Demais atos de licitação</option>
                  <option value="7">Instrumentos de Gestão Fiscal</option>
                  <option value="8">Outros Atos Normativos</option>
                </select>
              </div>
            </div>
            

            @include('app.diario.materias._form')
            {!! Form::submit('Incluir Materia', ['class' => 'btn btn-primary']) !!}
            {!! Form::close() !!}

          </div>
        </div>
      </div>

    </div>
  @endsection

  @section('post-script')
    <script src="//cdn.ckeditor.com/4.11.4/full/ckeditor.js"></script>
    {{-- <script src="{{ asset('assets vendor/editor/jquery.editor.js') }}"></script> --}}
    
    <script type="text/javascript">
   
      window.onload = function() {
        CKEDITOR.replace('my-editor',  
    {  
      toolbar : [
      { name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', 'Print' ] },
      { name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste', 'PasteText', '-', 'Undo', 'Redo' ] },
      { name: 'editing', items: [ 'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt' ] },
      '/',
      { name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'CopyFormatting', 'RemoveFormat' ] },
      { name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl'] },
      { name: 'links', items: [ 'Link', 'Unlink', 'Anchor', 'Table' ] },
      '/',
      { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
      { name: 'tools', items: [ 'Maximize'] }
], });
      };
      
    </script>

    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css" />

    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
    <script>
      $(function() {

        var tomorrow = new Date();
        @if ($ecxecao >= 1)
          tomorrow.setDate(tomorrow.getDate() - 1);
        @else
          tomorrow.setDate(tomorrow.getDate() + 1);
        @endif

        $("#calendario").datepicker({

          dateFormat: 'dd/mm/yy',
          minDate: tomorrow,
          dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado', 'Domingo'],
          dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
          dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb', 'Dom'],
          monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro',
            'Outubro', 'Novembro', 'Dezembro'
          ],
          monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez']
        });
      });
    </script>

    <script src="{{ asset('assets vendor/inputmask/js/jquery.inputmask.bundle.js') }}"></script>
    <script>
      $(function(e) {
        "use strict";

        $("#calendario").inputmask("99/99/9999"),


          $(".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>
  @endsection