@extends('layouts.admin')
@section('estilos')
<link href="{{ asset('assets/css/bootstrap-datepicker3.min.css') }}" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css"/>
@endsection
@section('contenido')
{!!Form::open(array('autocomplete'=>'off','id'=>'form-new', 'method'=>'POST', 'enctype'=>'multipart/form-data'))!!}
  <div class="col-sm-12 col-md-6 col-lg-4">
    <label>Título</label>
    <input type="text" class="form-control" id="titulo" name="titulo" placeholder="Ingrese el título de la noticia" onkeypress="return numerosyletras(event)" value="" required><br>
    <label>Fecha</label>
    <input type="text" class="form-control datepicker" id="fecha" name="fecha" placeholder="Fecha de la noticia" onkeypress="return false" value="" required><br>
    <label>Resumen</label>
    <textarea class="form-control" id="resumen" name="resumen" rows="4" placeholder="Escriba un resumen de la noticia" onkeypress="return numerosyletras" required></textarea><br>
    <label>Agregue una imagen de miniatura</label>
    <h5><span class="label label-warning">Dimensiones (190 x 110) px</span></h5>
    <input type="file" name="imagen-min" id="imagen-min" class="file"><br>
    <label>Agregue una imagen principal</label>
    <h5><span class="label label-warning">Dimensiones (710 x 240) px</span></h5>
    <input type="file" name="imagen-main" id="imagen-main" class="file">
  </div>
  <div class="col-sm-12 col-md-6 col-lg-8">
    <div class="row">
      <input type="checkbox" name="borrador" value="1"> Guardar como borrador
      <button type="submit" id="btnsbmt1" class="btn btn-info" style="float:right"><i class="fa fa-save"></i>&nbsp;Guardar noticia</button>
      <button type="reset" id="btncncl1" class="btn btn-danger" style="float:right" onclick="window.history.back()"><i class="fa fa-close"></i>&nbsp;Cancelar</button>
    </div>
    <label>Contenido</label>
    <textarea name="contenido" id="contenido" required></textarea>
  </div>
{!!Form::close()!!}
@endsection
@section('script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/sortable.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/plugins/purify.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/fileinput.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.5/js/locales/es.js"></script>
<script src="{{ asset('assets/plugins/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap-datepicker.es.min.js') }}"></script>
<script src="{{ asset('assets/ckeditor/ckeditor.js') }}"></script>
<script type="text/javascript">
  CKEDITOR.replace( 'contenido' );
  $('.datepicker').datepicker({
    autoclose: true,
    format: 'yyyy-mm-dd',
    language:'es',
    orientation: "bottom auto"
  });
  $(".file").fileinput({
    language: "es",
    showCaption: false,
    showUpload: false,
    browseLabel: "Imagen...",
    browseIcon: " <i class=\"fa fa-file-image-o\" style=\"color:#fff;\"></i>",
    browseClass: "btn btn-primary",
    showRemove: false,
    uploadAsync: true,
    overwriteInitial: false,
    initialPreviewAsData: true,
    initialPreviewFileType: 'image'
  });
  $('#form-new').submit(function(event){
    event.preventDefault(); DescButtons(1);
    for (i in CKEDITOR.instances){ CKEDITOR.instances[i].updateElement(); }
    var formData = new FormData($('#form-new')[0]);
    $.ajax({
      type:'POST',
      url:url+'noticias',
      data:formData,
      cache:false,
      processData: false,
      contentType: false,
      success:function(data){
        var r = JSON.parse(data);
        if (r.success){
          alerta('Exito!',r.msg,'success','btn-success','OK');
          // setTimeout(function () { window.history.back(); }, 1500);
        } else alerta('Error',r.msg,'error','btn-danger','Cerrar');
      },
      error:function(){ alerta('Error','Hubo un error al conectar con el servicio REST','error','btn-danger','OK'); }
    });
    // setTimeout(function () { swal.close(); ActButtons(1); }, 2000);
  });
</script>
@endsection