@extends('layouts.admin.index')

@section('content')
  <div id="main-wrapper">
    <!-- Sidebar -->
    @include('layouts.admin.sidebar')
    <div class="page-wrapper">
      <!--  Header -->
      @include('layouts.admin.header')

      <div class="body-wrapper">
        <div class="container-fluid">
          {{ \Diglactic\Breadcrumbs\Breadcrumbs::render('Forms2B') }}
          <div class="card w-100 position-relative overflow-hidden">
            <div class="card-body p-4">
              <div class="row" x-data="analyticsData()">
                @if(!$selectedRad)
                  <x-empty-rad></x-empty-rad>
                @endif
                @if($selectedRad)
                <div class="col-12 mb-3 d-flex justify-content-end align-items-center">
                  <a href="javascript:void(0)" @click="exportForm()" class="btn btn-primary">
                    <i class="ti ti-download fs-4 me-2"></i>Eksport Data
                  </a>
                </div>
                @endif
                <div class="col-12 mb-2">
                  <form action="{{ route('matrix2b.forms') }}" method="get" id="form-search">
                    <div class="row">
                      <div class="col-3">
                        <div class="input-group">
                          <span class="input-group-text rounded-start-pill bg-transparent">
                            <i class="ti ti-search"></i>
                          </span>
                          <input name="s" type="text" value="{{ $q }}" class="form-control rounded-end-pill"
                                 placeholder="Cari Indikator...">
                          <input type="hidden" name="selected_rad" value="{{ $rad }}"/>
                        </div>
                      </div>
                      <div class="col-3">
                        <select class="form-select rounded-pill" name="rad" id="rad">
                          @foreach($rads as $r)
                            <option value="{{ $r->id }}" @selected($r->id == $selectedRad->id)>{{ $r->name }}
                              ({{$r->year_start}} - {{ $r->year_end }})
                            </option>
                          @endforeach
                        </select>
                      </div>
                      @if(count($rads) > 0)
                        <div class="col-3">
                          <select class="form-select rounded-pill" name="year" id="year">
                            @for($y=$selectedRad->year_start;$y<=$selectedRad->year_end;$y++)
                              <option value="{{ $y }}" @selected($y == $year)>{{ $y }}</option>
                            @endfor
                          </select>
                        </div>
                      @endif
                      @if(in_array(Auth::user()->role_id, [1,6]))
                        <div class="col-3">
                          <select class="form-select rounded-pill" name="institution" id="institution">
                            <option value="">Pilih Lembaga</option>
                            @foreach($institutions as $ins)
                              <option
                                value="{{ $ins->id }}" @selected(old('institution', $institution_id) == $ins->id)>{{ $ins->name }}</option>
                            @endforeach
                          </select>
                        </div>
                      @endif
                    </div>
                  </form>
                </div>
                <div class="col-12 mb-4">
                  <div class="table-responsive mb-4 border rounded-1">
                    <table class="table table-sm mb-0 align-middle">
                      <thead class="bg-inverse text-white table-dark fs-4">
                      <tr>
                        <th rowspan="2">
                          <h6 class="fs-4 fw-semibold mb-0 text-white">No</h6>
                        </th>
                        <th rowspan="2">
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Kegiatan</h6>
                        </th>
                        <th rowspan="2">
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Sub Kegiatan</h6>
                        </th>
                        <th rowspan="2">
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Satuan</h6>
                        </th>
                        <th rowspan="2">
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Tahun Target {{ $year }}</h6>
                        </th>
                        <th colspan="2">
                          <h6 class="fs-4 fw-semibold mb-0 text-center text-white">Realisasi Target
                            tahun {{ $year }}</h6>
                        </th>
                        <th rowspan="2">
                          <h6 class="fs-4 fw-semibold mb-0 text-center text-white">Alokasi Anggaran
                            tahun {{ $year }}</h6>
                        </th>
                        <th colspan="2">
                          <h6 class="fs-4 fw-semibold mb-0 text-center text-white">Realisasi Anggaran
                            tahun {{ $year }}</h6>
                        </th>
                        <th rowspan="2">
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Sumber Pendanaan</h6>
                        </th>
                        <th rowspan="2">
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Lokasi Aktual Pelaksanaan Kegiatan</h6>
                        </th>
                        <th rowspan="2">
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Aksi</h6>
                        </th>
                      </tr>
                      <tr>
                        <th>
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Sem I</h6>
                        </th>
                        <th>
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Sem II</h6>
                        </th>
                        <th>
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Sem I</h6>
                        </th>
                        <th>
                          <h6 class="fs-4 fw-semibold mb-0 text-white">Sem II</h6>
                        </th>
                      </tr>
                      </thead>
                      <tbody>
                      @foreach($data->items() as $d)
                        <tr>
                          <td class="bg-warning text-black" colspan="13">
                            <strong class="me-4">{{ $d->institution->name}}</strong>
                          </td>
                        </tr>
                        <tr>
                          <td colspan="13">
                            Pillar: <strong class="text-black">{{ $d->pillar->name}}</strong>
                          </td>
                        </tr>
                        <tr>
                          <td colspan="13">
                            Tujuan: <strong class="text-black">{{ $d->metadataPurpose->name}}</strong>
                          </td>
                        </tr>
                        <tr>
                          <td colspan="13">
                            Indikator SDGs:<br/><strong class="text-black">[{{ $d->metadataIndicator->code }}
                              ] {{ $d->metadataIndicator->name }}</strong>
                            <div class="d-flex gap-2 mt-2">
                              <a class="btn btn-info btn-sm"
                                 href="{{ route('matrix2b.forms-view-realisation', [$d->id]) }}"><i
                                  class="ti ti-eye me-2"></i>Lihat Capaian</a>
                              @if(!in_array(Auth::user()->role_id, [1,6]))
                                <a class="btn btn-primary btn-sm"
                                   href="{{ route('matrix2b.forms-update-realisation', [$d->id]) }}"><i
                                    class="ti ti-edit me-2"></i>Update Capaian</a>
                              @endif
                              @if($d->status_form !== null)
                                @if($d->status_form == 0)
                                  <span class="badge text-bg-light my-auto">Menunggu Konfirmasi</span>
                                @endif
                                @if($d->status_form == 1)
                                  <span class="badge text-bg-success my-auto">Disetujui</span>
                                @endif
                                @if($d->status_form == 2)
                                  <span class="badge text-bg-danger my-auto">Ditolak</span>
                                @endif
                              @else
                                <span class="badge text-bg-danger my-auto">Belum Diisi</span>
                              @endif
                            </div>
                          </td>
                        </tr>
                        @foreach($d->programs as $p)
                          <tr>
                            <td colspan="13">
                              Program: <strong class="text-black">{{ $p->nomenclatureProgram->name}}</strong>
                            </td>
                          </tr>
                          @foreach($p->activities as $key=>$a)
                            @foreach($a->subActivities as $keyO=>$o)
                              <tr>
                                @if($keyO === 0)
                                  <td rowspan="{{ count($a->subActivities) }}">{{ $key + 1 }}</td>
                                  <td rowspan="{{ count($a->subActivities) }}" style="min-width: 250px">
                                    <strong>{{ $a->nomenclatureActivity->name}}</strong>
                                    <div class="d-flex flex-column gap-2 mt-2">
                                      Evaluasi:
                                      <div class="d-flex flex-column gap-2 mt-2">
                                        <div class="d-flex gap-2">
                                          <a class="btn btn-info btn-sm {{ in_array(Auth::user()->role_id, [1,6]) ? 'w-100' : '' }}"
                                             href="{{ route('matrix2b.forms-view-evaluation', [$a->id]) }}"><i
                                              class="ti ti-eye me-2"></i>Lihat Evaluasi</a>
                                          @if(!in_array(Auth::user()->role_id, [1,6]))
                                            <a class="btn btn-primary btn-sm"
                                               href="{{ route('matrix2b.forms-update-evaluation', [$a->id]) }}"><i
                                                class="ti ti-edit me-2"></i>Update Evaluasi</a>
                                          @endif
                                        </div>
                                        @if($a->evaluation)
                                          @if($a->evaluation->status_evaluation == 0)
                                            <span class="badge text-bg-light">Menunggu Konfirmasi</span>
                                          @endif
                                          @if($a->evaluation->status_evaluation == 1)
                                            <span class="badge text-bg-success">Disetujui</span>
                                          @endif
                                          @if($a->evaluation->status_evaluation == 2)
                                            <span class="badge text-bg-danger">Ditolak</span>
                                          @endif
                                        @else
                                          <span class="badge text-bg-danger">Belum Diisi</span>
                                        @endif
                                      </div>
                                    </div>
                                  </td>
                                @endif
                                <td>{{ $o->nomenclatureSubActivity->name }}</td>
                                <td>{{ $o->unit }}</td>
                                <td class="text-center">{{ $o->realisations[0]->target }}</td>
                                <td class="text-center">{{ $o->realisations[0]->realisation_target_1 }}</td>
                                <td class="text-center">{{ $o->realisations[0]->realisation_target_2 }}</td>
                                <td
                                  class="text-end">{{ number_format($o->realisations[0]->funds_allocation, 0, ',', '.') }}</td>
                                <td>{{ $o->realisations[0]->realisation_funds_1 }}</td>
                                <td>{{ $o->realisations[0]->realisation_funds_1 }}</td>
                                <td>{{ $o->source }}</td>
                                <td>{{ $o->location }}</td>
                                @if($keyO === 0)
                                  <td rowspan="{{ count($a->subActivities) }}" class="text-center">
                                    <div class="dropdown dropstart">
                                      <a href="javascript:void(0)" class="text-muted" id="dropdownMenuButton"
                                         data-bs-toggle="dropdown" aria-expanded="false">
                                        <i class="ti ti-dots-vertical fs-6"></i>
                                      </a>
                                      <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                        <li>
                                          <a class="dropdown-item d-flex align-items-center gap-3"
                                             href="{{ route('matrix2b.forms-view-evaluation', [$a->id]) }}">
                                            <i class="fs-4 ti ti-eye"></i>Lihat Evaluasi
                                          </a>
                                        </li>
                                        @if(!in_array(Auth::user()->role_id, [1,6]))
                                          <li>
                                            <a class="dropdown-item d-flex align-items-center gap-3"
                                               href="{{ route('matrix2b.forms-update-evaluation', [$a->id]) }}">
                                              <i class="fs-4 ti ti-edit"></i>Update Evaluasi
                                            </a>
                                          </li>
                                        @endif
                                      </ul>
                                    </div>
                                  </td>
                                @endif
                              </tr>
                            @endforeach
                          @endforeach
                        @endforeach
                      @endforeach
                      </tbody>
                    </table>
                  </div>
                </div>
                {{ $data->links() }}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection
@push('scripts')
  <script>
    document.getElementById('rad').addEventListener('change', function () {
      document.getElementById('form-search').submit();
    });
    if(document.getElementById('year')){
      document.getElementById('year').addEventListener('change', function () {
        document.getElementById('form-search').submit();
      });
    }
    if(document.getElementById('institution')){
      document.getElementById('institution').addEventListener('change', function () {
        document.getElementById('form-search').submit();
      });
    }
  </script>
  <script>
    function analyticsData() {
      return {
        rad_id: '',
        selectedYear: null,

        init() {
          this.rad_id = {{ $selectedRad->id ?? 'null' }};
          this.selectedYear = {{ $year ?? 'null'  }};
          console.log(this.rad_id, this.selectedYear);
        },

        exportForm() {
          fetch(`/api/matrix2b/export-form`, {
            method: 'POST',
            headers: {
              'Content-Type': 'application/json',
              'Accept': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
              'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
            },
            body: JSON.stringify({
              radId: this.rad_id,
              selectedYear: this.selectedYear,
            })
          })
            .then(response => {
              if (!response.ok) throw new Error('Failed to download file');
              return response.blob();
            })
            .then(blob => {
              const url = window.URL.createObjectURL(blob);
              const a = document.createElement('a');
              a.href = url;
              a.download = `Form 2b Data.xlsx`;
              document.body.appendChild(a);
              a.click();
              a.remove();
              window.URL.revokeObjectURL(url);
            })
            .catch(error => console.error('Failed to download file:', error));
        },
      }
    }
  </script>
@endpush