@extends('layouts.app')

@section('content')


<div class="layout-wrapper layout-content-navbar">
    <div class="layout-container">
      <!-- Menu -->

      @include('users.includes.sidebar')
      <!-- / Menu -->

      <!-- Layout container -->
      <div class="layout-page">
        <!-- Navbar -->

        @include('users.includes.header')

        <!-- / Navbar -->

        <!-- Content wrapper -->
        <div class="content-wrapper">
            <!-- Content -->
            {{-- @dd($contents) --}}
            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Home /</span> Papers</h4>

              <!-- Examples -->
              <div class="row mb-5">
                @if(!empty($contents) && $contents->count())
                {{-- @dd($content) --}}
                    @php $sn=1;   @endphp
                    @foreach($contents as $key => $value)
                        <div class="col-md-6 col-lg-4 mb-3">
                            <div class="card h-100">
                                <img class="card-img-top" src="{{asset('cover_img/'.$value->cover_img)}}" alt="Card image cap" />
                                <div class="card-body">
                                <h5 class="card-title">{{$value->name}}</h5>
                                <p class="card-text">
                                    {{$value->description}}
                                </p>
                                <form method="POST" action="{{url('user/paperview')}}">
                                  @csrf
                                  <input type="hidden" name="paper_id" value="{{$value->id}}">
                                  <button type="submit" class="btn btn-outline-primary">Open</button>
                                </form>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endif
                
              </div>
              <!-- Examples -->

             
              <!--/ Card layout -->
            </div>
            <!-- / Content -->

            <!-- Footer -->
            @include('users.includes.footer')
            <!-- / Footer -->

            <div class="content-backdrop fade"></div>
        </div>
        <!-- Content wrapper -->
      </div>
      <!-- / Layout page -->
    </div>

    <!-- Overlay -->
    <div class="layout-overlay layout-menu-toggle"></div>
</div>
@endsection