@extends('layouts.master')
@section('content')

<div class="row">
  <div class="col-md-12 paddingBottom10"></div>
    <div class="row">
      <div class="paddingBottom10 " >
          <a class="btn btn-primary col-md-1 col-md-offset-10" href="{{ $url = route('hot_topics.create')}}"><i class="fa fa-plus" aria-hidden="true"></i>
          New 
          </a> 
      </div>
    </div>
    @if (session('status'))
    <div class="alert alert-success text-center col-sm-8 col-sm-offset-2 text-uppercase">
        {{ session('status') }}
    </div>
    @endif
  <div class="col-md-12">
    <div class="panel panel-sky">
        <div class="panel-heading">
          <h4>Hot Topics</h4>
          <h4 class="pull-right">Total Hot Topics({{$total}})</h4>
        </div>
        <div class="panel-body collapse in">
          <div class="table-responsive">
            <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered datatables">
              <thead>
                <tr>
                    <th>S No.</th>
                    <th>Category</th>
                    <th>Topic</th>
                    <th>Image</th>
                    <th>Action</th>
                </tr>
              </thead>
              <tbody>
                @php    $i = 0 ;      @endphp
                @foreach ($data as $cat)
                <tr>
                  <td>{{ ++$i }}</td>
                  <td>{{ $cat->category_name }}</td>
                  <td>{{ $cat->topic }}</td>
                  <td><figure class="margin-0">
                                    <img src="{{{ asset('images/uploads/'.$cat->image) }}}" class="img-fluid">
                                </figure></td>
                   <td>
                    <form action="{{ url('hot_topics/'.$cat->hot_id) }}" method="POST" onsubmit="return confirm('Are you sure you want to remove the Hot Topic?');" >
                                      {{ csrf_field() }}
                                    {{ method_field('DELETE') }}
                                    <input type="submit" value="Remove " class="btn btn-danger">
                              </form> 
                      <!-- <div class="dropdown">
                          <button class="btn  dropdown-toggle" type="button" data-toggle="dropdown">
                          <span class="caret"></span></button>
                          <ul class="dropdown-menu">
                          
                            <li>
                              <form action="{{ url('help_desk/'.$cat->id) }}" method="POST" onsubmit="return confirm('Are you sure you want to delete the Hot Topic?');" >
                                      {{ csrf_field() }}
                                    {{ method_field('DELETE') }}
                                    <input type="submit" value="delete " >
                              </form> 
                            </li> 

                          </ul>
                      </div> -->
                    </td> 
                  </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>          
@endsection