@extends('layout.app')

@section('content')
<section class="content-header">
    <h1>
    Canales sociales <span class="badge bg-red">{{ $socialchannels->count() }}</span>
    <a href="{{ route('socialchannel.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
                        $groupedChannels = $socialchannels->groupBy('social_network_name');
                    @endphp
                    
                    @foreach($groupedChannels as $networkName => $channels)
                        <h4><strong>{{ $networkName }}</strong></h4>
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th width="30%">Nombre</th>
                                    <th>Estado</th>
                                    <th>Última actualización</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($channels as $channel)
                                <tr @if($channel->error) class="danger" @endif>
                                    <td>{{ $channel->name }} @if($channel->error) <span class="label label-danger"> <small>{{ $channel->error }}</small></span> @endif</td>
                                    <td> <span class="label label-danger">{{ $channel->status == 1 ? 'Activo' : 'Inactivo' }}</span> </td>
                                    <td>{{ $channel->updated_at }}</td>
                                    <td>
                                        <div class="btn-group pull-right" role="group" aria-label="Basic example">
                                            <a href="{{ route('socialpost.list') }}?filter_channel_id={{ $channel->social_channel_id }}" class="btn btn-default btn-sm">
                                                Publicaciones
                                            </a>
                                            <a href="{{ route('socialchannel.edit', $channel->social_channel_id) }}" class="btn btn-default btn-sm">
                                                Editar
                                            </a>
                                            <a href="{{ route('socialchannel.delete', $channel->social_channel_id) }}" class="btn btn-danger btn-sm delete">
                                                <i class="fa fa-trash"></i>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>
@endsection