@if(session('theme') == 'dark')
  @php $theme = 'layouts.app_dark' @endphp
@else
  @php $theme = 'layouts.app' @endphp
@endif

@extends($theme)

@section('title', ' | '.session('modulo_activo'))

@include('layouts.navbar_modulos_habilitados')

@section('content')
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-10">
        <div class="card {{ session('dark_theme_card') }}">

          <div class="card-header">Novedades</div>

          <div class="card-body {{ session('dark_theme_bg_black') }}">

            <p class="lead">Para generar un link correctamente recuerde:</p>
            <p>"Display Text", es el texto que se verá. Usar frases como "haga click aquí" o "este enlace", NO poner el link</p>
            <p>"Tipo de Vinculo", siempre URL</p>
            <p>"URL", acá se pone la dirección a la que querés que te lleve el vínculo</p>
            <p>"Destino", te permite definir DONDE se va a abrir el link una vez que los usuarios hagan click.</p>
            <ul>
              <li>Si no se coloca nada, al hace click, se usa la misma ventana en que se esté parado</li>
              <li>"Nueva Ventana", para que se abra en otra pestaña en el navegador, <b>es lo mejor</b> para que el usuario no pierda donde estaba</li>
            </ul>

            <br>
            @if(session('error'))
              <div class="row justify-content-center text-center">
                <div class="col-6">
                  <div class="alert alert-danger" data-bs-dismiss="alert" role="alert">
                    {{ session('error') }}
                    <button type="button" class="close" data-bs-dismiss="alert">&times;</button>
                  </div>
                </div>
              </div>
            <br>
            @endif

            @if(session('success'))
              <div class="row justify-content-center text-center">
                <div class="col-6">
                  <div class="alert alert-success" role="alert">
                    {{ session('success') }}
                    <button type="button" class="close" data-bs-dismiss="alert">&times;</button>
                  </div>
                </div>
              </div>
            <br>
            @endif

            <hr>
            <br>

              <form action="{{ route('GuardarNovedad') }}" class="form" method="post">
                @csrf

                <div class="row my-3">
                  <div class="col-3">
                    <select name="portal" id="" class="form-control form-select {{session('dark_theme_bg_black')}}">
                      @foreach($portales as $portal)
                        <option value="{{ $portal->id }}">{{ $portal->nombre_portal }}</option>
                      @endforeach
                    </select>
                  </div>
                  <div class="col-6">
                    <input type="text" name="titulo" class="form-control {{session('dark_theme_bg_black')}}" placeholder="Titulo corto" required>
                  </div>
                </div>

                <div class="row my-3">
                </div>

                <div class="row my-3">
                  <div class="col">
                    <textarea name="noticia" class="ckeditor" required></textarea>
                  </div>
                </div>

                <div class="row my-3">
                  <div class="col text-center">
                    <button type="submit" class="btn btn-lg btn-outline-primary">Guardar</button>
                  </div>
                </div>

              </form>

          </div>

        </div>
      </div>
    </div>
  </div>
@endsection

@push('scripts')
  <script src="//cdn.ckeditor.com/4.14.1/standard/ckeditor.js"></script>
  <script type="text/javascript">
      $(document).ready(function () {
          $('.ckeditor').ckeditor();
      });
  </script>
@endpush