@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"><a href="{{ route('admin.reports.weeks.index') }}">Generación de informes</a></li>
            <li class="breadcrumb-item active" aria-current="page">Informe detallado</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> Volver a generar</a>
   </div>
</div><!-- content-header -->

<div class="content-body">
   <div class="component-section no-code d-flex justify-content-between">
      <div>
         <h5 class="tx-semibold">Análisis detallado</h5>
         <p class="mg-b-25">Este es el detalle del informe correspondiente a la semana {{ $weeklyReport->week_start }} a {{ $weeklyReport->week_end }}</p>
      </div>
      @if($previousReport)
      <a class="btn btn-link" href="{{ route('admin.reports.daily.index', [$previousReport, $socialProfile->id]) }}">Reporte anterior</a>
      @else
      <a href="">No hay más reportes anteriores</a>
      @endif
      @if($nextReport)
      <a class="btn btn-link" href="{{ route('admin.reports.daily.index', [$nextReport, $socialProfile->id]) }}">Siguiente reporte</a>
      @else
      <a href="">No hay más reportes posteriores</a>
      @endif
   </div>

   @if ($dailyReports->isNotEmpty())
   <h5 class="mt-4"></h5>
   <table class="table table-bordered mt-2">
      <thead>
         <tr>
            <th>ID</th>
            <th>Periodo del análisis</th>
            <th>Vistas</th>
            <th>Videos publicados</th>
            <th>Total seguidores</th> 
            <th>Me gusta</th>
            <th>Comentarios</th>
            <th>Compartidos</th>
            <th>Guardados</th>
            <th>Última actualización</th>
            <th>Acciones</th>
         </tr>
      </thead>
      <tbody>
         @foreach ($dailyReports as $report)
         <tr>
            <td>{{ $report->id }}</td>
            <td>{{ $report->date }}</td>
            <td>{{ number_format($report->total_views) }}</td>
            <td>{{ number_format($report->videos_posted) }}</td>
            <td>{{ number_format($report->total_followers) }}</td>
            
            {{-- <td>{{ number_format($report->total_followers - $report->followers) }} / {{ number_format($report->total_followers) }}</td> --}}
            <td>{{ number_format($report->total_likes) }}</td>
            <td>{{ number_format($report->total_comments) }}</td>
            <td>{{ number_format($report->total_shares) }}</td>
            <td>{{ number_format($report->total_collects) }}</td>
            <td>{{ $report->updated_at }}</td>
            <td>
               <a href="{{ route('admin.reports.daily.edit', $report) }}">
                  Editar
               </a>
            </td>
         </tr>
         @endforeach
      </tbody>
   </table>
   @else
   <div class="alert alert-warning mt-4">
      En este momento no se puedo cargar el informe detallado para este periodo.
      <form method="POST" action="{{ route('admin.reports.daily.generate', $weeklyReport) }}">
         @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-success mt-2">Intentar nuevamente</button>
      </form>
   </div>
   @endif
</div>
@stop