@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{
/*			list-style-type: disc;*/
			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;
    }
	</style>

@endsection

@section('visitorcontent')

@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


<section class="famie-blog-area mt-50">
    <div class="container-fluid">
      <div class="row" style="margin-left: 0px;margin-right: 0px;">
        <div class="col-12 col-md-12">
          <div class="row">
        @foreach($categories as $list)
          <div class="posts-area news-area col-sm-2 ">

            <div class="mb-10 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%;">
                  <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