@extends('layouts.main')
@section('breadcrumb')
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <h4 class="page-title">GLESEC Cybersecurity News</h4>
                <ol class="breadcrumb float-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">GLESEC Cybersecurity News</li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
@endsection
@section('content')

        <div class="clearfix"></div>
          @include('flash::message')
          <div class="clearfix"></div>
          <div class="card-box bg-card">
              <div class="box-body" style="">
                  {!! Form::open(['url' => ['news'], 'method' => 'get','autocomplete'=>'off']) !!}
                      @include('news.filter')
                  {!! Form::close() !!}
              </div>
          </div>
          @if(Request::get('crn')&&!empty($crn_list))
            <div class="row">
              <div class="col-sm-12 form-group">
                <a href="#" class="btn btn-primary generate"><i class="fa fa-list"></i> Generate Report</a>
                <a href="/clean-report-news" class="btn btn-danger"><i class="ion-refresh"></i> Reset Custom Report List</a>
              </div>
            </div>
          @endif
          <div class="row">
            @if(Request::get('crn')&&empty($crn_list))
              <h2 class="center col-sm-12" style="text-align:center;color:#fff;font-size:22px;line-height:1.5;padding-top:30px;">No news selected for the Custom Report yet.<br/> You can do this by pressing the 'Add to Custom Report' button on the News preview page.</h2>
            @else
              @include('news.table')
            @endif
          </div>
          @if(Request::get('crn')&&!empty($crn_list))
            <div class="row">
              <div class="col-sm-12 form-group">
                <a href="#" class="btn btn-primary generate"><i class="fa fa-list"></i> Generate Report</a>
                <a href="/clean-report-news" class="btn btn-danger"><i class="ion-refresh"></i> Reset Custom Report List</a>
              </div>
            </div>
          @endif
          @if(!Request::get('crn'))
            <div class="row">
              <div class="col-sm-12">
                @if($news->total() >= $news->perPage())
                    {{ $news->links() }}
                @endif
              </div>
            </div>
          @endif

@endsection
@section('footer_scripts')
<script type="text/javascript">

$(document).on('click','.top_checked',function(e){
  e.preventDefault();
  self = $(this);
  if(self.find('i').hasClass('fa-check-square-o')){
    self.find('i').removeClass('fa-check-square-o');
    self.find('i').addClass('fa-square-o');
  }else{
    self.find('i').addClass('fa-check-square-o');
    self.find('i').removeClass('fa-square-o');
  }

    var formData = new FormData();
    formData.append('_token', $('meta[name="csrf-token"]').attr('content'));
    formData.append('id',self.attr('data-id'));

      $.ajax({
          url: '/news/report-update/'+self.attr('data-id'),
          data:formData,
          type: "POST",
          dataType: "json",
          contentType: false,
           processData: false,
          success: function (resp) {

          }
      });
  });


var modal_generate = new Custombox.modal({
                            content: {
                              effect: 'fadein',
                              target: '#modal-generate'
                            }
                          });

  $(document).on('click','.generate',function(e){
    e.preventDefault();
    modal_generate.open();
  });
  $('.multiple_select2').select2();
  $('.custom_emails').select2({
    tags:true
  });
  $(document).on('submit','.form_sending',function(e){
    e.preventDefault();
  });
  function validateEmail(elementValue){
     var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
     return emailPattern.test(elementValue);
   }
  $(document).on('click','.form_sending #btn-generate-and-send-report',function(e){
    e.preventDefault();
    $('.error').empty();
    var formData = new FormData();
    formData.append('_token', $('meta[name="csrf-token"]').attr('content'));

    formData.append('existed_users', $('select.multiple_select2').val());


    if($('select.multiple_select2').val()==null){
      $('.error-existed_users').text('Please select at least one recipient!');
      return false;
    }

    if($('input.custom_emails').val()){


      var arr_emails = $('input.custom_emails').val().split(",");

      var show_error = false;
      $.each(arr_emails,function(index,element){
          em = validateEmail(element);
          if(!em){
            show_error = true;
            $('.error-custom_emails').append('<span>Invalid Email: '+element+'</span><br/>');
          }
      });
      if(show_error){
        return false;
      }
      formData.append('custom_emails', $('input.custom_emails').val());
    }

    $('#wrapper').append('<div class="loader">Loading...</div>');
      $('#wrapper').append('<div class="laybg"></div>');

      $.ajax({
          url: '/news-generate',
          data:formData,
          type: "POST",
          dataType: "json",
          contentType: false,
           processData: false,
          success: function (resp) {
            location.href = '/custom-reports';
          }
      });
  });

</script>
@endsection