@extends(layoutTenant())

@section('content')
  <div class="row">
    <div class="col-12">
      <div class="page-title-box">
        <h4 class="page-title float-left">Editar 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">Editar 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
          @if (session('erro'))

              <div class="alert alert-danger">
                  {{ session('erro') }}
              </div>

          @endif
          {!! Form::model($materia, [
              'url' => routeTenant('materias.update', [$materia->id]),
              'enctype' => 'multipart/form-data',
          ]) !!}
          <div class="row">
            <div class="col-md-4">
              <div class="form-group">
                {!! Form::label('setores', 'Setores:') !!}
                <select name="orgao" class="custom-select">
                  @if (isset($materia->orgao))
                    <option value="{{ $materia->orgao }}" selected>
                      @if ($setor = App\Setor::find($materia->orgao))
                        {{ $setor->name }}
                      @endif
                    </option>
                  @endif
                </select>
              </div>
            </div>

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

@section('post-script')
  <script src="//cdn.ckeditor.com/4.11.4/full/ckeditor.js"></script>
  <script type="text/javascript">
    window.onload = function() {
      CKEDITOR.replace('my-editor');
    };
  </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>
    $(".selectmudar")
      .change(function() {

        var valor = $(".selectmudar option:selected").val();

        if (valor == 2) {
          var $SL = $('.mudar');
          $SL.removeClass('col-md-5');
          $SL.addClass('col-md-10');
        } else {
          var $SL = $('.mudar');
          $SL.removeClass('col-md-10');
          $SL.addClass('col-md-5');
        }

      });



    $(function() {
      $("#calendario").datepicker({
        dateFormat: 'dd/mm/yy',
        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