@extends('web.layout')
@section('web_container')

    <style type="text/css">
        table
        {
            font-family: arial, sans-serif;
            border-collapse: collapse;
            width: 100%;
            size: 20px;
        }
        td, th {
            text-align: left;
            padding: 40px;
            width: 200px;
            font-size: 30px;
        }
    </style>



    <div class="row">

        <div class="col-lg-12">

            <table>

                <tr>
                                        @foreach($books as $book)

                        @if(!$book['book']->isEmpty())
                            <td style="">{{$book['rec']}}<hr>
                                <a href="{{url('/show_book/'.$book['book'][0]->book_id)}} "> <p style="font-size: 15px;">{{$book['book'][0]->book_name}}</p></a><br>
                            </td>

                                                    @endif

                        @if($i%4 ==0)
                            </tr><tr>
                        @endif
                    @endforeach
                </tr>

            </table>
        </div>

    </div>




@endsection