@extends('layouts.visitormaster')
@section('title','Durga Bhawani Dashboard')

@section('style')
	<style type="text/css">
		.boxarea{
		    padding: 0px;
		    margin-bottom: 30px;
		    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		    border-radius: 10px;
		    display: inline-block;
		}
		.boxarea ul{
			margin-left: 0px;
			margin-top: 10px;
		}
		.boxarea li a{
			font-size: 20px;
			font-weight: bold;
		}
		.boxarea li{
    		border-bottom: 2px solid #e5e5e5;
    		padding: 10px 20px;
		}
		.boxarea li.active{
    		border-bottom: 2px solid #e79c0b;
		}
		.boxarea li.active a{
			color: #e79c0b !important;
		}
        .categoryhead{
            background: #e79c0b;
            color: #000;
            text-align: center;
            padding: 15px 10px;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 0px;
        }

        p.price{
            /*position: absolute;
            top: 10px;
            left: 15px;
            color: #fff;
            font-weight: bold;
            font-size: 18px;
            padding: 0px 15px;*/
            font-weight: bold;
            font-size: 20px;
            color: #ad760c;
            margin-bottom: 0px;
        }

        .moving-div img{
            /*position: absolute;
            top: 0px;
            left: -9px;
            color: #fff;
            font-weight: bold;
            font-size: 18px;
            padding: 0px 15px;
            height: 50px;*/
        }

        .categorysec{
            display: block;
            padding: 10px 10px;
            font-size: 16px;
            border-bottom: 1px solid #e6e6e6;
        }

        .saleimg{
            position: absolute;
            top: -25px;
            width: 70px;
            right: -10px;
        }
	</style>
@endsection

@section('visitorcontent')
    @if(count($categories)==0)
        @if($banner==null)
            <div class="breadcrumb-area bg-img bg-overlay jarallax" style="background-image: url('{{asset('images/buddha.png')}}');">
                <div class="container h-100">
                    <div class="row h-100 align-items-center">
                        <div class="col-12">
                            <div class="breadcrumb-text">
                                <h2>WelCome</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @else
            <div class="breadcrumb-area bg-img bg-overlay jarallax" style="background-image: url('{{ asset('uploads/banners/'.$banner->image) }}');">
                <div class="container h-100">
                    <div class="row h-100 align-items-center">
                        <div class="col-12">
                            <div class="breadcrumb-text">
                                <h2>{{ $banner->title }}</h2>
                                <span class="tinymce">{!!$banner->description!!}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    @endif

    <section class="famie-blog-area mt-50">
        <div class="container-fluid">
            <div class="row" style="margin-left: 0px;margin-right: 0px;">
                <div class="col-2 col-md-2">
                    <div class="categorydiv">
                        <p style="font-weight:bold;border-bottom: 2px solid #a4a4a4;font-size: 18px;margin-bottom: 0px;">Categories</p>
                        @foreach($categorylist as $calist)
                        @if($section == 'onsale')
                            <a href="{{url('onsale/'.$calist->slug)}}" class="categorysec">{{$calist->title}}</a>
                        @else
                            <a href="{{url('publication/'.$calist->slug)}}" class="categorysec">{{$calist->title}}</a>
                        @endif
                        @endforeach
                    </div>
                </div>
                <div class="col-10 col-md-10">
                    <div class="row">
                        @foreach($categories as $list)
                        <div class="posts-area news-area col-sm-2 ">
                            <div class="mb-30 wow fadeInUp clearfix equalheight" data-wow-delay="100ms" onclick="window.location.href='{{url('/publications/'.$list->slug)}}'">
                                <img src="{{ asset('uploads/publication/'.$list->image) }}" alt="" style="width: 100%;margin-bottom: 5px;">
                                @if($list->price !="")
                                <!-- <div class="moving-div">
                                    <img src="{{ asset('uploads/priceimg.png') }}">
                                    

                                </div> -->
                                @if($list->onsale == '0')
                                    <!-- <img src="{{ asset('uploads/sales.png') }}" class="saleimg"> -->
                                    @endif
                                @endif
                                @if($list->price !="")
                                <p class="price">Rs. {{$list->price}}</p>
                                @endif
                                <a href="{{url('/publications/'.$list->slug)}}" class="post-title" style="font-size: 14px;text-transform: uppercase;text-align:center;z-index: 999;">{{ $list->ShortTitle }}</a>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection