@extends('layouts.app')
@push('title')
    {{ $CMS['home_title'] ?? '' }}
@endpush
@push('meta')
    {{ $CMS['home_meta'] ?? '' }}
@endpush
@section('content_box')
    <main>

        <section class="content-inner-1 border-bottom">
            <div class="container">
                <div class="d-flex justify-content-between align-items-center">
                    <h4 class="title">Nos romans</h4>
                </div>

                <div class="row book-grid-row">
                    @foreach ($list as $item)
                        <div class="col-book style-1">
                        <div class="dz-shop-card style-1">
                            <div class="dz-media">
                                <img src="{{ asset('/storage/rom/' . $item->photo) }}" alt="book">
                            </div>
                            <div class="bookmark-btn style-2">
                                <input class="form-check-input" type="checkbox" id="flexCheckDefault1">

                            </div>
                            <div class="dz-content">
                                <h5 class="title"><a href="#">{{ $item->titre }}</a></h5>
                                <ul class="dz-tags">
                                    <li><a href="#">{{ $item->source }},</a></li>
                                </ul>
                                <ul class="dz-rating">
                                    <li><i class="flaticon-star text-yellow"></i></li>
                                    <li><i class="flaticon-star text-yellow"></i></li>
                                    <li><i class="flaticon-star text-yellow"></i></li>
                                    <li><i class="flaticon-star text-yellow"></i></li>
                                    <li><i class="flaticon-star text-yellow"></i></li>
                                </ul>
                                <div class="book-footer">
                                    <div class="price">
                                        <span class="price-num">{{ $item->montant }} F</span>
                                    </div>
                                    <a href="#" class="btn btn-secondary box-btn btnhover btnhover2"><i class="flaticon-shopping-cart-1 m-r10"></i> Détails</a>
                                </div>
                            </div>
                        </div>

                    </div>

                    @endforeach
                </div>
            </div>
        </section>

    </main>

@endsection
@section('scripts')
@endsection