@extends('panel.app')

@section('content')

<div class="content-header justify-content-between">
   <div>
      <nav aria-label="breadcrumb">
         <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('panel.index') }}">Inicio</a></li>
            <li class="breadcrumb-item"><a href="{{ route('panel.index') }}">Admin</a></li>
            <li class="breadcrumb-item active" aria-current="page">Generación de informes</li>
         </ol>
      </nav>
      <h4 class="content-title content-title-xs">Generación de informes</h4>
   </div>
   <div class="d-none d-sm-flex">
      <a href="" class="btn btn-white"><i data-feather="share-2" class="svg-14"></i> Compartir</a>
      <a href="" class="btn btn-brand-01 mg-l-5"><i data-feather="save" class="svg-14"></i> Descargar PDF</a>
   </div>
</div><!-- content-header -->

<div class="content-body">
   <div class="component-section no-code">
      <h5 id="section6" class="tx-semibold">Semana del análisis</h5>
      <p class="mg-b-25">Todos los informes están asociados a una semana</p>

      <form method="GET" action="{{ route('admin.reports.weeks.index') }}">
         <div class="row">
            <div class="wd-md-25p">
               <label>Semana</label>
               <select name="week_range" class="custom-select">
                  <option disabled {{ request('week_range') ? '' : 'selected' }}>Selecciona una semana</option>
                  <option value="all" {{ request('week_range') === 'all' ? 'selected' : '' }}>Todas</option>
                  @foreach ($weeks as $week)
                  <option value="{{ $week['week_start'] }}|{{ $week['week_end'] }}" {{ request('week_range') == ($week['week_start'].'|'.$week['week_end']) ? 'selected' : '' }}>
                     Semana {{ $week['week_number'] }}: {{ $week['week_start'] }} al {{ $week['week_end'] }}
                  </option>
                  @endforeach
               </select>
            </div>

            <div class="wd-md-25p">
               <label>Candidato</label>
               <select name="candidate_id" class="custom-select">
                  <option disabled selected>Selecciona un candidato</option>
                  @foreach ($candidates as $candidate)
                  <option value="{{ $candidate->id }}" {{ request('candidate_id') == $candidate->id ? 'selected' : '' }}>
                     {{ $candidate->name }}
                  </option>
                  @endforeach
               </select>
            </div>

            <div class="wd-md-25p">
               <label>Plataforma</label>
               <select name="platform" class="custom-select">
                  <option disabled selected>Selecciona plataforma</option>
                  <option value="tiktok" {{ request('platform') == 'tiktok' ? 'selected' : '' }}>TikTok</option>
                  <option value="instagram" {{ request('platform') == 'instagram' ? 'selected' : '' }}>Instagram</option>
               </select>
            </div>

            <div class="wd-md-25p d-flex align-items-end">
               <button type="submit" class="btn btn-primary">Filtrar</button>
            </div>
         </div>
      </form>

   </div>

   @if (request()->has(['week_range', 'candidate_id', 'platform']))
   @if (!$generateReport)
   <h5 class="mt-5 mb-4">Resultados del informe para {{ $candidateInfo->name }}</h5>

   <table class="table table-bordered mt-2">
      <thead>
         <tr>
            <th>Periodo del análisis</th>
            <th>Plataforma</th>
            <th>Vistas</th>
            <th>Videos publicados</th>
            <th>Seguidores</th>
            <th>Me gusta</th>
            <th>Comentarios</th>
            <th>
               Rendimiento
               <a href="#" data-bs-toggle="tooltip" title="El redimiento se calcula con base en la sumatoria de interacciones (me gusta, comentarios y compartidos) de los videos, en relación con la cantidad de visualizaciones que estos reciben. La fórmula aplicada es la siguiente: Engagement Score = ((Likes + Comments + Shares) / Views) × 100" class="link-03">
                  <i data-feather="help-circle" class="svg-14"></i>
               </a>
            </th>
            <th>Última actualización</th>
            <th>Acciones</th>
         </tr>
      </thead>
      <tbody>
         @foreach ($reportData as $report)
         <tr>
            <td>{{ $report->week_start }} al {{ $report->week_end }}</td>
            <td>{{ ucfirst(request('platform')) }}</td>
            <td>{{ number_format($report->views_received) }}</td>
            <td>{{ number_format($report->videos_posted) }}</td>
            <td>{{ number_format($report->followers) }}</td>
            <td>{{ number_format($report->likes_received) }}</td>
            <td>{{ number_format($report->comments_received) }}</td>
            <td>{{ $report->engagement_score }}</td>
            <td>{{ $report->updated_at }}</td>
            <td>
               <a class="btn btn-link" href="{{ route('admin.reports.daily.index', [$report, $socialProfile->id]) }}">Ver detalle diario</a>
               <a class="btn btn-sm btn-outline-primary btn-block" href="{{ route('admin.reports.weeks.edit', $report) }}">Editar</a>
            </td>
         </tr>
         @endforeach

         @if($totals)
         <tr style="font-weight: bold; background-color: #f0f0f0;">
            <td>Total</td>
            <td></td> {{-- Para la columna plataforma --}}
            <td>{{ number_format($totals['views_received']) }}</td>
            <td>{{ number_format($totals['videos_posted']) }}</td>
            <td>{{ number_format($totals['followers']) }}</td>
            <td>{{ number_format($totals['likes_received']) }}</td>
            <td>{{ number_format($totals['comments_received']) }}</td>
            <td>{{ number_format($totals['engagement_score'], 2) }}</td>
            <td></td> {{-- Para updated_at --}}
            <td></td> {{-- Para acciones --}}
         </tr>
         @endif
      </tbody>
   </table>
   @else
   <div class="text-center mt-5 border p-4">
      No se encontraron reportes para los filtros seleccionados.

      @if(request('week_range') === 'all')
      <p class="mt-4 text-danger">No se puede generar un reporte si la selección es "Todas" en la opción <b>semanas</b>. Intenta cambiando por una semana y luego presiona en el botón Filtrar.</p>
      @else
      <form method="POST" action="{{ route('admin.reports.weeks.generate') }}">
         @csrf
         <input type="hidden" name="week_range" value="{{ request('week_range') }}">
         <input type="hidden" name="candidate_id" value="{{ request('candidate_id') }}">
         <input type="hidden" name="platform" value="{{ request('platform') }}">
         <button class="btn btn-primary mt-2">Generar informe</button>
      </form>
      @endif
   </div>
   @endif
   @endif



</div>
@stop