@extends(layoutTenant())

@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title float-left">Criar Notícia</h4>


                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="row">
        <!-- ============================================================== -->
        <!-- basic form -->
        <!-- ============================================================== -->
        <div class="col-xl-9 col-lg-9col-md-9 col-sm-12 col-12">
            @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-success">
                    {{ session('success') }}
                </div>

            @endif
            @if (session('erro'))

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

            @endif
            <div class="card" style="margin-bottom: 100px;">
                <h5 class="card-header">Criar Notícia</h5>
                <div class="card-body">


                {!! Form::open(['url'=>routeTenant('noticias.store'),'enctype'=>'multipart/form-data', 'class'=>'form','id'=>'enviarimagem']) !!}

        @include('app.noticia._form')


                    <input type="hidden" name="noticia_id" value="{{$noticia1->id}}">

                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-3col-md-3 col-sm-12 col-12">

            <div class="card ">
                <h5 class="card-header ">Cadastrar Notícia</h5>
                <div class="card-body">
                    <div class="form-group">
                        {!! Form::submit('Criar Noticia', ['class'=>'btn btn-primary','style'=>'margin-top: 10px;','name'=>'criar']) !!}
                        {!! Form::submit('Salvar e Editar', ['class'=>'btn btn-warning','name'=>'editar','style'=>'margin-top: 10px; color: #000;']) !!}


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

            <div class="card ">
                <h5 class="card-header ">Categorias</h5>
                <div class="card-body">
                    <div class="form-group">
                        <select name="category_id" class="custom-select" required>
                            <option value="0" >Selecione uma Categoria</option>
                            @foreach($categorys as $category)
                                <option @if (old('category_id') == $category->id) selected  @endif value="{{$category->id}}">{{$category->name}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>

            <div class="card imgdestacada">
                <h5 class="card-header ">Imagem destacada</h5>
                <div class="card-body">
                    <div class="form-group text-center">

                        <input type="file" id="upload_file" name="img"  />
                        <div class=" mudarimagem" style="text-align: center">
                            <a  onclick="add('')" style="color: #FFF; padding: 3px; margin-left: 20%; margin-bottom: 30px; " class="  btn btn-danger hide mudarimagem2">Trocar de Imagem </a></div>
                            <label id="upload_btn" for="upload_file">
                                <img class="image" width="100%" src=" {{asset('assets/images//Placeholder.jpg')}}"/>
                            </label>

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

        {!! Form::close() !!}




@endsection

@section('post-script')

    {!!  config('tenant.editor') !!}
    <script>
      function readURL(input) {
        if (input.files && input.files[0]) {
          var reader = new FileReader();
          reader.onload = function (e) {
            $img = $('<img/>').attr('src', e.target.result).attr('class', 'fecharimg');
            $('.mudarimagem').append($img);
            $('.image').addClass('hide');
            $('.mudarimagem2').addClass('show23');
          }
          reader.readAsDataURL(input.files[0]);
        }
      }
      $('body').on("change", "input[name=img]", function() {
        readURL(this);
      });
      function add(value){
        $(".imgdestacada").load('create .imgdestacada');
      }
      $(document).ready(function(){
        $('a[data-confirm]').click(function (ev) {
          console.log('aaaa');
          var href = $(this).attr('href');
          if (!$('#confirm-delete').length) {
            $('body').append('<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" ' +
              'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
              '<div class="modal-content"><div class="modal-header bg-danger text-white">DELETAR IMAGEM' +
              '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
              '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
              'Tem certeza de que deseja Deletar a Imagem ?</div><div class="modal-footer">' +
              '<button type="button" class="btn btn-primary" data-dismiss="modal">Cancelar' +
              '</button><a class="btn btn-danger text-white" id="dataComfirmOK">Deletar</a><' +
              '/div></div></div></div>');
          }
          $('#dataComfirmOK').attr('href', href);
          $('#confirm-delete').modal({show: true});
          return false;
        });
          $("input[name=url_imagem2]").change(function(){
              $('#enviarimagem').submit();
              console.log('sssss');
          });
      });
    </script>
    <script type="text/javascript" src="{{url('')}}/css/src/js/lightbox.js"> </script>
    <link href="{{url('')}}/css/src/css/lightbox.css" rel="stylesheet" />
@endsection