@extends('layouts.app')

@section('content')

@if(count($sliders)>0)

<div class="slider">
  <div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel">
    <ol class="carousel-indicators">
            @foreach($sliders as $sl)
      <li data-target="#carouselExampleIndicators" data-slide-to="{{$r}}" class="{{$r==0? 'active' : '' }}"></li>
            @endforeach
    </ol>
    <div class="carousel-inner"  style="max-height:420px">
            @foreach($sliders as $sl)
      <div class="carousel-item {{$r==0? 'active' : '' }}" style="max-height:418px; "align="center"> @if(trim($sl->link)!='')
        <a href="{{$sl->link}}">
        <img src="{{asset($sl->path)}}" class="d-block " alt="" style=" max-height:418px; max-width:100%;width:auto;">
        </a>
        @else <img src="{{asset($sl->path)}}" class="d-block" alt="" style="width:auto; max-height:418px"> @endif </div>
            @endforeach </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
    </a>
  </div>
</div>

@endif

@foreach($custompanels as $cmp)
<div class="new-1 mt-3 mb-4 "  >
  <div class="card mt-2">
    <div class="card-body"> 
  {!! $cmp->detail  !!}
</div></div></div>
@endforeach





@if(count($warasarns) > 0 )
<div class="warasans mt-3 "  >
  <strong  class="hd-font"><i class="fas fa-book"></i> จดหมายข่าว</strong>
  <div class="card mt-2">
    <div class="card-body">
    <div class="row">
     @foreach($warasarns as $n)
     
      <div  class="col-sm-3 col-6" align="center">
      <div class="card">
    <div class="card-body p-1">
        <a href="{{asset($n->files)}}"   target="_blank">
         
         <img src="{{asset($n->img_cover)}}" class="w-100 pb-2"><br>
 <strong>		{{$n->name}}</strong>
         
         
        </a>
      </div>   </div></div>
      @endforeach 
      </div> </div>
    <div class="mt-n3 mb-n2" >
      <a  href="{{route('warasarn.index')}}" class="btn btn-sm btn-info float-right">
      <i class="fas fa-comment-alt"></i> จดหมายข่าว ทั้งหมด
      </a>
    </div>
  </div>
</div>
@endif

<div class="new-1 mt-3 "  >
  <strong  class="hd-font"><i class="fas fa-bullhorn"></i> ข่าวประชาสัมพันธ์</strong>
 <div class="card mt-2">
    <div class="card-body"> 
            @foreach($prachasamphans as $n)
            <div style="margin-bottom:5px; border-bottom:1px dashed #B7B7B7">
        <a href="{{route('show.page',[$n->id,  $thai->no_special_char($n->name)])}}">
        <i class="far fa-newspaper"></i> {{$n->name}}
        </a>
      </div>
      @endforeach </div>
    <div class="mt-n3 mb-n2" >
      <a  href="{{route('page_type.show',[$alltype_id,'ข่าวประชาสัมพันธ์'])}}" class="btn btn-sm btn-info float-right">
      <i class="fas fa-bullhorn"></i> ข่าวประชาสัมพันธ์ ทั้งหมด
      </a>
    </div>
  </div>
</div>




<div class="new-2 mt-3"  >
  <strong  class="hd-font"><i class="far fa-images"></i> ภาพกิจกรรม</strong>
  <div class="card mt-2">
    <div class="card-body">
      <div class="row"> 
      @foreach($galleries as $n)
        <div class="col-sm-3 col-6 mb-1" align="center">
          <a href="{{route('gallery.show',[$n->id,  $thai->no_special_char($n->name)])}}">
                    @foreach($gallery_images as $img)
          @if($img->galleries_id==$n->id && $r==0) <img src="{{asset($img->image)}}" class="w-100">
                    @endif
          @endforeach<br>
          {{$n->name}}
          </a>
        </div>
        @endforeach </div>
    </div>
    <div class="mt-n3 mb-n1" >
      <a  href="{{route('gallery.all')}}?ภาพกิจกรรมทั้งหมด" class="btn btn-sm btn-info float-right">
      <i class="far fa-images"></i> ภาพกิจกรรม ทั้งหมด
      </a>
    </div>
  </div>
</div>
<div class="new-3 mt-3 "  >
  <strong  class="hd-font"><i class="fab fa-bitcoin"></i> ข่าวจัดซื้อจัดจ้าง</strong>
<div class="card mt-2">
    <div class="card-body">
       @foreach($purchase_news as $n)
             <div style="margin-bottom:5px; border-bottom:1px dashed #B7B7B7">
        <a href="{{route('show.page',[$n->id,  $thai->no_special_char($n->name)])}}">
        <i class="far fa-newspaper"></i> {{$n->name}}
        </a>
      </div>
      @endforeach </div>
    <div class="mt-n3 mb-n2" >
      <a  href="{{route('page_type.show',[$alltype_id,'ข่าวจัดซื้อจัดจ้าง'])}}" class="btn btn-sm btn-info float-right">
      <i class="fab fa-bitcoin"></i> ข่าวจัดซื้อจัดจ้าง ทั้งหมด
      </a>
    </div>
  </div>
</div>
<div class="new-4 mt-3 "  >
  <strong  class="hd-font"><i class="fas fa-newspaper"></i> ข่าวสารและประกาศ</strong>
<div class="card mt-2">
    <div class="card-body">
       @foreach($prakards as $n)
             <div style="margin-bottom:5px; border-bottom:1px dashed #B7B7B7">
        <a href="{{route('show.page',[$n->id,  $thai->no_special_char($n->name)])}}">
        <i class="far fa-newspaper"></i> {{$n->name}}
        </a>
      </div>
      @endforeach </div>
    <div class="mt-n3 mb-n2" >
      <a  href="{{route('page_type.show',[$alltype_id,'ข่าวสารและประกาศ'])}}" class="btn btn-sm btn-info float-right">
      <i class="fas fa-newspaper"></i> ข่าวสารและประกาศ ทั้งหมด
      </a>
    </div>
  </div>
</div>

<div class="blogs mt-3 "  >
  <strong  class="hd-font"><i class="fas fa-rss-square"></i> เว็บบอร์ด</strong>
  <div class="card mt-2">
    <div class="card-body"> @foreach($blogs as $n)
      <div style="margin-bottom:5px; border-bottom:1px dashed #B7B7B7">
        <a href="{{route('guest.blog.show', $n->id)}}">
        <i class="fas fa-comment-alt"></i> {{$n->topic}}
        </a>
      </div>
      @endforeach </div>
    <div class="mt-n3 mb-n2" >
      <a  href="{{route('guest.blog.index' )}}" class="btn btn-sm btn-info float-right">
      <i class="fas fa-comment-alt"></i> เว็บบอร์ด ทั้งหมด
      </a>
    </div>
  </div>
</div>
@endsection


@section('style')
<style>
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
</style>
@endsection