@extends('layout.app')

@section('content')
    <section class="content-header">
        <h1>
            Programaciones <span class="badge bg-red">{{ $schedules->count() }}</span>
            <a href="{{ route('schedule.create') }}" class="btn btn-danger btn-sm pull-right">
                Agregar
            </a>
        </h1>
    </section>

    <section class="content">
        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

        @if (session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif

        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                    <div class="box-body table-responsive">
                        @php
                            // Group schedules by feed channel
                            $groupedSchedules = $schedules->groupBy('feed_channel_id');
                        @endphp

                        @foreach($groupedSchedules as $channelId => $channelSchedules)
                            @php 
                                $channelName = $channelSchedules->first()->feed_channel_name ?? 'Canal sin nombre';
                            @endphp

                            <div class="feed-channel-group">
                                <h3 class="feed-channel-header">
                                    {{ $channelName }}
                                    <span class="badge bg-red pull-right">{{ $channelSchedules->count() }}</span>
                                </h3>
                                
                                <table class="table table-hover schedules-table">
                                    <thead>
                                        <tr>
                                            <th width="25%">Nombre</th>
                                            <th>Tipo</th>
                                            <th>Fecha inicial</th>
                                            <th>Fecha final</th>
                                            <th>Estado</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($channelSchedules as $schedule)
                                            <tr>
                                                <td>@if($schedule->name) {{ $schedule->name }} - {{ $schedule->feed_channel_name }}  @else {{ $schedule->feed_channel_name }} @endif</td>
                                                <td>@if($schedule->type == 'recurring') Recurrente @else Una vez @endif</td>
                                                <td>{{ $schedule->date_init }}</td>
                                                <td>{{ $schedule->date_finish }}</td>
                                                <td>
                                                    <span class="label label-{{ $schedule->status === 'active' ? 'success' : 'danger' }}">
                                                    @if($schedule->status == 'processing') Procesando @elseif($schedule->status == 'scheduled') Programado @elseif($schedule->status == 'completed') Completado @else {{ $schedule->status }} @endif
                                                    </span>
                                                </td>
                                                <td>
                                                    <div class="btn-group pull-right" role="group">
                                                        <a href="{{ route('schedule.edit', $schedule->schedule_id) }}" 
                                                           class="btn btn-default btn-sm">
                                                            Editar
                                                        </a>
                                                        <a href="{{ route('schedule.entries', $schedule->schedule_id) }}"
                                                           class="btn btn-default btn-sm">
                                                            Programación
                                                        </a>
                                                        <a href="{{ route('socialpost.list', ['filter_schedule_id' => $schedule->schedule_id]) }}"
                                                           class="btn btn-default btn-sm">
                                                            Publicaciones
                                                        </a>
                                                        <a href="{{ route('schedule.calendar', $schedule->schedule_id) }}"
                                                           class="btn btn-default btn-sm">
                                                            Calendario
                                                        </a>
                                                        <a href="{{ route('schedule.delete', $schedule->schedule_id) }}"
                                                           class="btn btn-danger btn-sm delete">
                                                            <i class="fa fa-trash"></i>
                                                        </a>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>

    <style>
        .feed-channel-group {
            margin-bottom: 20px;
        }
        .feed-channel-header {
            background-color: #f7f7f7;
            padding: 10px 15px;
            border-radius: 3px;
            margin-bottom: 19px;
            font-size: 18px;
            
        }
    </style>
@endsection