@extends('layouts.app1')

@section('content')

<!-- page content -->
<div class="right_col" role="main">
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>News</h3>
              </div>

              <div class="title_right">
                <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                  <div class="input-group">
                    <input type="text" class="form-control" placeholder="Search for...">
                    <span class="input-group-btn">
                      <button class="btn btn-secondary" type="button">Go!</button>
                    </span>
                  </div> 
                               
                </div>
              </div>
            </div>
            <a class="btn btn-success text-right" href="/setting/news_create">
                <i class="fa fa-plus" aria-hidden="true"></i> Add More
            </a>    
            <div class="clearfix"></div>

            <div class="panel-body">
            
            </div>

           
            <div class="row">
              <div class="col-md-12 col-sm-12 ">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>News <small>Details</small> </h2>
                    
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                      <div class="row">
                          <div class="col-sm-12">
                            <div class="card-box table-responsive">
                    
					
                    <table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%" style="white-space: nowrap">
                      <thead>
                        <tr>                           
                            <th>S. NO.</th>
                            <th>News</th>
                            <th>Date and Time</th>  
                            <th>Action</th>                       
                        </tr>
                      </thead>
                      <tbody>                       
                      
                        @foreach($news as $key => $list)
                        <tr>  
                            <td>{{$key+1}}</td>
                            <td>{{$list->news}}</td>
                            <td>{{$list->created_at}}</td>   
                            <td><a href="" class="btn btn-danger" data-toggle="modal" data-target="#exampleModal{{$list->id}}">Delete</a></td>                         
                        </tr>
                        <!-- Modal -->
                        <div class="modal fade" id="exampleModal{{$list->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                          <div class="modal-dialog" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Delete Item</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                  <span aria-hidden="true">&times;</span>
                                </button>
                              </div>
                              <div class="modal-body">
                                <h3>Are you sure delete this news ?</h3>
                              </div>
                              <div class="modal-footer">
                                <button type="button" class="btn btn-primary" data-dismiss="modal">No</button>
                                <a class="btn btn-danger" href="/setting/news_delete/{{$list->id}}">Yes</a>
                              </div>
                            </div>
                          </div>
                        </div>
                        @endforeach
                        

                                             
                      </tbody>
                      

                    </table>
					
					
                  </div>
                </div>
              </div>
            </div>
            
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /page content -->
<style>
  .fade:not(.show){
    opacity: 1;
  }
</style>

@endsection