@extends('adminlte::page')

@section('title', 'Bots')

@section('content_header')
    <h1>Listado de Bots</h1>
@stop

@section('content')


    <div class="card">
        <!-- /.card-header -->
        <div class="card-body">

            <table id="example1" class="w-datatable table table-bordered table-striped dataTable dtr-inline" role="grid" aria-describedby="example1_info">
                <thead>
                <tr role="row">
                    <th>id</th>
                    <th>Nombre</th>
                    <th>URL</th>
                    <th>Session Tag</th>
                    <th>Calentamiento de línea</th>
                    <th>Opciones</th>
                </tr>
                </thead>
                <tbody>

                @foreach($secretaries as $row)
                    @php
                        $warmupStartedAt = $row->warmup_started_at ? \Carbon\Carbon::parse($row->warmup_started_at) : null;
                        $daysInWarmup = $warmupStartedAt ? $warmupStartedAt->diffInDays(\Carbon\Carbon::today()) + 1 : 0;

                        // Calcular progreso (máximo 7 días para warmup completo)
                        $maxDays = 7;
                        $percentage = $warmupStartedAt ? min(($daysInWarmup / $maxDays) * 100, 100) : 0;

                        // Determinar color basado en el progreso
                        if ($percentage == 0) {
                            $barColor = '#6c757d'; // gris - sin warmup
                        } elseif ($percentage < 30) {
                            $barColor = '#dc3545'; // rojo - inicio
                        } elseif ($percentage < 60) {
                            $barColor = '#ffc107'; // amarillo - medio
                        } elseif ($percentage < 100) {
                            $barColor = '#17a2b8'; // cyan - avanzado
                        } else {
                            $barColor = '#28a745'; // verde - completo
                        }

                        // Determinar límite diario según días
                        if (!$warmupStartedAt) {
                            $dailyLimit = 'Sin límite';
                        } elseif ($daysInWarmup === 1) {
                            $dailyLimit = '20/día';
                        } elseif ($daysInWarmup === 2) {
                            $dailyLimit = '40/día';
                        } elseif ($daysInWarmup === 3) {
                            $dailyLimit = '80/día';
                        } elseif ($daysInWarmup >= 4 && $daysInWarmup <= 7) {
                            $dailyLimit = '200/día';
                        } else {
                            $dailyLimit = 'Sin límite';
                        }
                    @endphp
                    <tr role="row" class="odd">
                        <td>{{$row->id}}</td>
                        <td>{{$row->name}}</td>
                        <td>{{$row->url}}</td>
                        <td>{{$row->session_tag}}</td>
                        <td>
                            @if($warmupStartedAt)
                                <div style="min-width: 200px;">
                                    <div style="display: flex; align-items: center; margin-bottom: 3px;">
                                        <small style="margin-right: 8px; font-weight: 600;">Día {{$daysInWarmup}}/{{$maxDays}}</small>
                                        <small style="color: #6c757d;">{{$dailyLimit}}</small>
                                    </div>
                                    <div style="background-color: #e9ecef; border-radius: 10px; height: 18px; overflow: hidden; position: relative;">
                                        <div style="background-color: {{$barColor}}; height: 100%; width: {{$percentage}}%; transition: width 0.3s ease, background-color 0.3s ease; border-radius: 10px;"></div>
                                    </div>
                                    <small style="color: #6c757d; font-size: 0.75rem;">Inicio: {{$warmupStartedAt->format('d/m/Y')}}</small>
                                </div>
                            @else
                                <small class="text-muted">Sin calentamiento</small>
                            @endif
                        </td>
                        <td>
                            <a class="btn btn-success btn-xs" href="{{route('admin::bots_add',['id'=>$row->id])}}"><i class="fa fa-eye"></i></a>
                        </td>
                    </tr>
                @endforeach


                </tbody>
            </table>

        </div>
        <div class="card-footer">
            <div class="row">
                <a class="btn btn-primary" href="{{route('admin::bots_add')}}">Agregar Bot</a>
            </div>
        </div>

    </div>





@stop

@section('css')
@stop

@section('js')
    <script></script>
@stop