@extends('home.home-template')

@section('css')

@endsection

@section('content')

<!-- ======= Hero Section ======= -->
<section >
  <div class="container" style="margin-top: 70px">
    <div class="row">
      <div class="row justify-content-center">
        <div class="col-lg-10">
          <div class="section-title" style="padding-bottom: 0px">
              <img src="{{app('App\Helpers\Images')->urlImage($user->foto, $user->nama)}}" width="64px" class="mb-3" alt="" srcset="" class="">
              <h2>{{$user->nama}}</h2>
              @auth
                <a href="{{route('user.profil.edit')}}" class="btn btn-outline-primary">Edit Profil</a>
                <a href="{{route('user.notification.home')}}" class="btn btn-outline-primary">Notifikasi <span class="badge text-danger">{{count(Auth::user()->notification)}}</span></a>
              @endauth

              <br><br>
              <div class="text-center">
                <ul class="nav nav-tabs mb-3">
                  <li class="nav-item">
                    <a class="nav-link {{!isset($_GET['type_id']) ? 'active' : ''}}" href="{{url()->current()}}">All <span class="text-muted"> ({{$sum}})</span></a>
                  </li>
                  @foreach (TypeMenu() as $no => $item)
                  <li class="nav-item">
                    <a class="nav-link {{isset($_GET['type_id']) ? $_GET['type_id'] == $no ? 'active' : '': ''}}" href="{{url()->current().'?type_id='.$no}}">{{$item}} <span class="text-muted"> ({{$count[$no] ?? 0}})</span></a>
                  </li>
                  @endforeach
              </ul>
              </div>
              {{-- <a href="{{route('user.profil.foto')}}" class="btn btn-outline-primary">Update Foto Profil</a> --}}
          </div>
        </div>

        <div class="col-lg-10" style="background-color: white; min-height: 400px">
          <div class="profil-menu"></div>
          <div class="profil-content" >
            @if (count($laporans) == 0)
            <p class="text-center">
             Tidak Ada Laporan <br>
             <a href="{{route('home')}}#new" class="btn btn-link">Tulis Laporan</a>
            </p>
            @endif
            @include('home.laporan-loop')
            {{$laporans->links()}}
          </div>
        </div>
      </div>
    </div>
  </div>
</section><!-- End Hero -->

@endsection

@section('script')

<!-- JS -->

@if (Auth::check())
<script>
  function dukung(laporan_id) {
    $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}});
    $.ajax({
      type: 'POST',
      url: "{{route('user.laporan.dukung')}}",
      data: {laporan_id: laporan_id}
    }).then(function(data){
      // boostrap_code
      var countDukungan = parseInt($("#countDukungan"+laporan_id).text());
      dukunganId = $("#btnDukungan"+laporan_id);
      countDukunganId = $("#countDukungan"+laporan_id);

      if (data.kode == '01') {
        dukunganId.addClass("btn-outline-secondary")
        dukunganId.removeClass("btn-outline-primary");
        countDukunganId.html(countDukungan - 1 )
      }else{
        // console.log(data)
        dukunganId.addClass("btn-outline-primary")
        dukunganId.removeClass("btn-outline-secondary");
        countDukunganId.html(countDukungan + 1 )
      }

    });
  }
</script>
@else
<script>
  function dukung() {
    window.location='{{route('user.login')}}' 
  }
</script>
@endif

@endsection