@extends('site.layouts.main')
@section('title',"$sectitle")
@section('content')



        <!-- Page Title -->
        <section class="page-title" style="background-image: url(images/background/8.jpg)">
            <div class="auto-container">
                <div class="side-icon">
                    <img src="images/logo.png" alt="" />
                </div>
                <h2>{{$sectitle}}
                </h2>
                <ul class="page-breadcrumb">
                    <li><a href="/">الرئيسية</a></li>
                    <li>{{$sectitle}}</li>
                </ul>
                <div class="side-tag">بادر بحجز مكتبك الالكتروني فورا
				</div>
            </div>
        </section>
        <!-- End Page Title -->
        
        <section class="counter-section-two list_books">
            <div class="auto-container">
                <div class="sec-title centered">
                    <div class="title">
                    </div>
                    <h2>
                    {{$sectitle}}
                    </h2>
                </div>
                <!-- Fact Counter -->
                <div class="fact-counter-two">
                    <div class="row clearfix">
                       

                    @foreach($Books as $Book)
                        <div class="column counter-column">
                            <div class="inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                                <div class="line-one"></div>
                                <div class="line-two"></div>
                                <div class="content">
                                    <div class="">
                                    <img src="/uploads/{{$Book->Image}}" class=""> 

                                    </div>
                                   
                                    <div class="counter-title">
                                        <a target="_blank" href="http://askshor.com/{{$Book->Link}}">{{$Book->Title}}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                       
                      @endforeach
                        
                    </div>
                </div>
            </div>
        </section>

     
    

@endsection