@extends('frontend.layouts.app')

@section('title')
    Law & Regulation
@stop

@section('content')
{{-- <div id="banner" style="background-image: url({{ asset('images/urdi_slider1.jpg') }})">
  <h1 class="text-center">Action Plans</h1>
</div> --}}
{{-- <div id="banner" style="background-image: url({{ asset('images/inside_banner_touse_1.jpg') }});">
  <h1 class="text-center text-white mt-5">ACTIVITIES & ACTION PLANS</h1>
</div> --}}
@if (\App::getLocale() == 'my')
<div id="banner" style="background-image: url({{ asset('images/inside_banner_touse_1.jpg') }}); position: relative; margin-top: -50px;">
  <h1 class="text-center text-white mt-5 lang-my">ဥပဒေ/နည်းဥပဒေများ</h1>
</div>
@else
<div id="banner" style="background-image: url({{ asset('images/inside_banner_touse_1.jpg') }}); position: relative; margin-top: -50px;">
  <h1 class="text-center text-white mt-5">LAW & REGULATION</h1>
</div>
@endif
  <div class="container my-5">
    <div class="row">
      <div class="col-md-4">
        {{-- @dd(Session::get('locale')) --}}
        @foreach ($categories as $category)
        @if ($category->subCategory()->exists())
        <div class="list-group">
          <button class="list-group-item list-group-item-action" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"
            style="display: flex; justify-content: space-between; align-items: center;">
            {{ $category->name }}
            <span class="badge badge-primary badge-pill">{{ $category->subCategory()->count() }}</span>
          </button>
          <div class="collapse" id="collapseExample">
            <ul class="list-group-flush">
              @foreach ($subCategories as $subCat)
                @if ($subCat->category_id == $category->id)
                  <li class="list-group-item">
                    <a href="{{ url(App::getLocale().'/action-plan?sub_category_id='.$subCat->id) }}">{{ $subCat->name}}</a>
                  </li>
                @endif
              @endforeach
            </ul>
          </div>
        </div>
        @else
        <ul class="list-group">
          <li class="list-group-item">
            <a href="{{ url(App::getLocale().'/action-plan?category_id='.$category->id) }}">
              {{ $category->name }}
            </a>
          </li>
        </ul>
        @endif
        @endforeach
      </div>
      <div class="col-md-8">
        <table class="table table-responsive-md table-borderless table-striped">
          <thead>
            <tr>
              <td width="60%"><h3>Name</h3></td>
              <td width="60%"><h3>Category</h3></td>
              <td class="text-center"><h3>Preview/Download</h3></td>
            </tr>
          </thead>
          <tbody>
          @foreach ($documents as $document)      
            <tr>
              <td width="60%">{{ $document->name }}</td>
              <td>
                @foreach ($subCategories as $subCat)
                  @if($document->sub_category_id == $subCat->id)
                    {{ $subCat->name }}
                  @endif
                @endforeach
              </td>
              <td class="text-center">
                <a href="/uploads/{{ app()->getLocale() }}/{{ $document->translate(app()->getLocale())->file_path }}" target="_blank"><i class="fas fa-file-pdf" style="font-size: 18px;"></i></a>
              </td>
            </tr>
          @endforeach
          </tbody>
        </table>
      </div>
      {{-- <div class="col-md-3">
        <h3 class="text-center" style="padding-top: 11px;">Categories</h3>
          <ul class="list-group list-group-flush">
            @foreach ($subCategories as $subCat)
              <li class="list-group-item">{{ ucfirst($subCat->name) }}</li>               
            @endforeach
          </ul>

          <form id="catForm" action="{{ route('action-plan') }}" method="GET">
            <a value="one" href="javascript:void();" onclick="document.getElementById('catForm').submit();">test submit</a>
          </form>
      </div> --}}
    </div>
  </div>
@stop