<div style=" height: 400px;    overflow-y: scroll;">
    <table class="table table-condensed table-responsive">
        <tr>
            <th nowrap> File name </th>
            <th nowrap> Action </th>
        </tr>
        @foreach($files as $f)
        <tr>
            <td> <img wisth="40%" class="img-gal" src="{{url()}}/public/media/{{$f->file_name}}" width="12%">  </td>
            <td><b> <a class="add-img" img="{{url()}}/public/media/{{$f->file_name}}" href="javascript:void(0)"> <span class="label label-info"> Add this </span> </a></b></td>
        </tr>
        @endforeach
    </table>
</div>
