@extends('layout.app')

<style>
    hr {
        border-top: 1px solid #dadada !important;
    }

    .text-primary {
        color: #000000 !important;
        font-weight: bold !important;
    }
</style>
@section('content')
    <section class="content-header">
        <h1>
            Publicaciones Programadas: <b>{{ $schedule->name }}</b>
        </h1>
    </section>

    <section class="content">
        @php
            // Agrupar entradas por día
            $entriesByDay = $entries
                ->groupBy(function ($entry) {
                    return $entry->date_estimate_execute
                        ? \Carbon\Carbon::parse($entry->date_estimate_execute)->format('Y-m-d')
                        : 'Sin fecha';
                })
                ->sortKeys();
        @endphp

        @if ($entriesByDay->isEmpty())
            <div class="alert alert-info">
                No hay publicaciones programadas para mostrar.
            </div>
        @else
            @foreach ($entriesByDay as $date => $dayEntries)
                <h4 class="text-primary mb-3">
                    @if ($date == 'Sin fecha')
                        Sin fecha de programación
                    @else
                        {{ \Carbon\Carbon::parse($date)->formatLocalized('%A, %d de %B de %Y') }}
                    @endif
                </h4>
                <hr style="margin-top: 7px; margin-bottom: 21px;">

                <div class="row mb-4">
                    @foreach ($dayEntries as $entry)
                        <div class="col-md-3 mb-5" style="margin-bottom: 30px;">
                            <div class="card"
                                style="border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); padding: 20px; background-color: #fff;">
                                <div>
                                    @if (isset($entry->post))
                                        <div style="margin: 15px 0;">
                                            <h4 style="font-weight: bold; color: #333;font-size: 14px;">{{ $entry->feed_entry->title }}</h4>
                                            <h5 style="color: #666; font-weight: normal;">
                                                {{ $entry->date_estimate_execute ? \Carbon\Carbon::parse($entry->date_estimate_execute)->format('l, d \d\e F \d\e Y, H:i') : 'Fecha no programada' }}
                                            </h5>
                                            <div style="margin: 10px 0;">
                                                <div class="platform-badge"
                                                    style="display: inline-block; background-color: #f5f5f5; padding: 5px 10px; border-radius: 20px; margin: 10px 0;position: absolute;left: 45px;font-size: 12px;">
                                                    {{ $entry->post->social_network_name }}
                                                </div>
                                                @if (isset($entry->post))
                                                    <div
                                                        style="    display: inline-block;
    color: #fff;
    background-color: #25a327;
    padding: 5px 10px;
    border-radius: 20px;
    margin: 10px 0;
    position: absolute;
    right: 45px;
    font-size: 12px;">
                                                        @if ($entry->post->status == 'scheduled')
                                                            Programado
                                                        @elseif($entry->post->status == 'posted')
                                                            Publicado
                                                        @elseif($entry->post->status == 'failed')
                                                            Fallido
                                                        @else
                                                            {{ $entry->post->status }}
                                                        @endif
                                                    </div>
                                                @endif
                                                <img src="media_images/processed/{{ $entry->post->media->name }}"
                                                    alt="Imagen de la publicación" style="width: 100%; border-radius: 5px;">
                                            </div>

                                            <p style="color: #555;font-size: 14px;margin-top: 10px;max-height: 189px;overflow-y: scroll;">
                                                {{ $entry->post->caption }}
                                            </p>
                                        </div>
                                    @endif



                                    <p>
                                        <strong>Fecha de ejecución:</strong>
                                        {{ isset($entry->post->scheduled_at) ? \Carbon\Carbon::parse($entry->post->scheduled_at)->format('d/m/Y H:i') : 'Pendiente de ejecución' }}
                                    </p>


                                        <div class="action-buttons" style="margin-top: 15px; text-align: right;">
                                            <a href="{{ route('schedule.entries.delete', $entry->schedule_entry_id) }}"
                                                class="btn btn-danger btn-sm btn-block"
                                                onclick="return confirm('¿Está seguro de eliminar esta publicación?')">Eliminar</a>
                                        </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endforeach
        @endif

        <div class="mt-4">
            <a href="{{ route('schedule.list') }}" class="btn btn-default">Volver</a>
        </div>
    </section>
@endsection