@foreach ($news as $k => $v)
  <div class="col-md-4 col-sm-6 col-xs-12">
      <div class="card-box boxed_style">
          <h4><a href="/news/{{$v->id}}">{{$v->title}}</a></h4>
          <p class="font-15 text-muted">
            @if($v->description)
              {!!strip_tags($v->description)!!}
            @else
              {!!strip_tags($v->html_text)!!}
            @endif

          </p>
          <div class="col-sm-12">
              <div class="row font-15">
                <span>Categories: </span>
                @foreach($v->categories->take(6) as $category)
                  <a href="/news?category_id={{ $category->id }}" class="badge badge-secondary">
                    {{ $category->name }}
                  </a>
                @endforeach
             </div>
          </div>
          <div class="col-sm-12 m-t-5">
            <div class="row font-15">
              <span>Industries: </span>
              @foreach($v->industries->take(6) as $industry)
                <a href="/news?industry_id={{ $industry->id }}" class="badge badge-secondary">
                  {{ $industry->name }}
                </a>
              @endforeach
            </div>
          </div>
          <div class="bottom_link m-t-20">
              <b>{{\App\Tickler::$id_sources[$v->source_type]}}</b>
            <span>  {{date('m/d/Y',strtotime($v->created_at))}} {{date('H:i',strtotime($v->date_to))}}</span>
            @if(\App\Models\GmpRoles::canSeeLink(\App\Models\GmpRoles::CRP))
              @if(isset($crn_list) && in_array($v->id,$crn_list))
                <a href="#" data-id="{{$v->id}}" title="Remove from Custom Report" class="top_checked"><i class="fa fa-check-square-o" aria-hidden="true"></i></a>
              @else
                <a href="#" data-id="{{$v->id}}" title="Add to Custom Report" class="top_checked"><i class="fa fa-square-o" aria-hidden="true"></i></a>
              @endif
            @endif
          </div>
      </div>
  </div>
@endforeach
@if(\App\Models\GmpRoles::canSeeLink(\App\Models\GmpRoles::CRP))
  @if(!empty($crn_list))
  <div id="modal-generate" class="modal-demo">
        <div class="custom-modal-text" style="overflow:hidden;">
          {!! Form::model(null, ['url' => '/', 'class'=>'form_sending', 'method' => 'patch', 'files'=>'true']) !!}
               @include('news.report_fields')
          {!! Form::close() !!}

        </div>
  </div>
  @endif
@endif

  <style type="text/css">
      .btn-onf-ex{
        float: none;
        margin: 0px auto;
        display: table;
        cursor: pointer;
      }
      .error{
        font-size: 14px;color:#dc3545;
      }
      .custom_emails{
            height: auto !important;
            padding-top: 5px;
            padding-bottom: 5px;
      }

      #modal-generate .row .row{
            width: 104%;
      }
      #modal-generate .custom-modal-title{
        width: 100%;
        margin-top: -10px;
            margin-bottom: 20px;
      }

      .modal-demo{
        position: relative;
      }

      .info-exc{
        padding-top: 30px;
        margin-bottom: 22px;
      }

  </style>
<style type="text/css">
   .card-box h4{
      overflow: hidden;
      text-overflow: ellipsis;
      max-height: 42px;
      min-height: 42px;
      font-size: 1rem;
   }
   .card-box h4 a{
    color: #1da5d8;
   }
   .top_checked{
     color: #00b19d !important;
     position: absolute;
     top: 2px;
     right: 7px;
     font-size: 16px;
   }
   .boxed_style{
     position: relative;
     padding: 30px;
   }
   .badge{
      display: inline-block;
      margin-left: 4px;
    }
   .bottom_link b{
     display: inline-block;
     float: left;
   }
   .card-box p.text-muted{
     overflow: hidden;
      text-overflow: ellipsis;
      min-height: 63px;
      margin-bottom: 13px;
      max-height: 63px;
      opacity:.8;
   }
   .pagination{
     justify-content: center;
   }
   .card-box.top_max{

    overflow: overlay;
   }

   .row {
     display: flex;
     flex-wrap: wrap;
   }

   .col-md-4.col-sm-6.col-xs-12 {
     display: flex;
     flex-direction: column;
   }

   .card-box.boxed_style {
     flex: 1;
   }

</style>