@extends('backend.layouts.app')
@section('content')
<section class="detail-section">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <div class="detail-image">
                    <img src="img/1.jpg" class="w-100" alt="">
                </div>
            </div>
            <div class="col-md-9">
                <div class="head-detail">
                    <h2>{{$book->name}}</h2>
                    <p>{{$book->title}}</p>
                    <a href="#">Read More</a>
                    <a href="#">Download Now</a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="detail-info">
                    <h3>Detail Information</h3>
                    <table class="table table-bordered">
                        <tbody>
                        <tr>
                            <th>Publisher:</th>
                            <td>पाठ्यक्रम विकास केन्द्र</td>
                        </tr>
                        <tr>
                            <th>Place of Publication:</th>
                            <td>नेपाल</td>
                        </tr>
                        <tr>
                            <th>Publication year:</th>
                            <td>वि. सं. २०७९</td>
                        </tr>
                        <tr>
                            <th>Keywords:</th>
                            <td>	Science & Technology,  Science,  पाठ्यक्रम विकास केन्द्र,  Textbook,  पाठ्यपुस्तक,  विज्ञान,  CDC,  Maths,  कक्षा ९,  Grade 9,  प्रविधि,  New Textbook </td>
                        </tr>
                        <tr>
                            <th>Edition:</th>
                            <td>प्रथम संस्करण वि.सं. २०७९</td>
                        </tr>
                        <tr>
                            <th>Total pages:</th>
                            <td>307</td>
                        </tr>
                        <tr>
                            <th>Language:</th>
                            <td>नेपाली</td>
                        </tr>
                        <tr>
                            <th>Education Level:</th>
                            <td>Secondary</td>
                        </tr>
                        <tr>
                            <th>Format:</th>
                            <td>PDF</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="similar-section pt-0">
    <div class="container">
        <h4>Similar Books</h4>
        <div class="row">
            <div class="col-lg-3 col-md-4 col-sm-12">
                <div class="book-list">
                    <div class="book-image">
                        <img src="img/1.jpg" class="w-100" alt="">
                    </div>
                    <div class="book-info">
                        <h3>Book Name</h3>
                        <p><i class="bx bx-book"></i> Document</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-12">
                <div class="book-list">
                    <div class="book-image">
                        <img src="img/2.jpg" class="w-100" alt="">
                    </div>
                    <div class="book-info">
                        <h3>Book Name</h3>
                        <p><i class="bx bx-book"></i> Document</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-12">
                <div class="book-list">
                    <div class="book-image">
                        <img src="img/3.jpg" class="w-100" alt="">
                    </div>
                    <div class="book-info">
                        <h3>Book Name</h3>
                        <p><i class="bx bx-book"></i> Document</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-12">
                <div class="book-list">
                    <div class="book-image">
                        <img src="img/4.png" class="w-100" alt="">
                    </div>
                    <div class="book-info">
                        <h3>Book Name</h3>
                        <p><i class="bx bx-book"></i> Document</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection