@extends('layout.app')

@section('content')
    <section class="content-header">
        <h1>
            Detalles de la publicación
        </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-md-4">
                <div class="box box-default">
                    <div class="box-body">
                        @if (isset($post->media))
                            <div class="form-group">
                                <label>Multimedia</label>
                                        <img src="/media_images/processed/{{ $post->media->name }}" class="img-responsive">
                            </div>
                        @endif

                        @if(isset($post->social_channel))
                        <div class="form-group">
                            <label>Canal social</label>
                            <p>{{ $post->social_channel->name }}</p>
                        </div>
                        @endif

                        @if(isset($post->social_network))
                            <div class="form-group">
                                <label>Red social</label>
                                <p>{{ $post->social_network->name }}</p>
                            </div>
                        @endif
                        
                        <div class="form-group">
                            <label>Estado</label>
                            <p><span
                                    class="label label-{{ $post->status == 'published' ? 'success' : ($post->status == 'scheduled' ? 'warning' : 'default') }}">
                                    {{ ucfirst($post->status) }}
                                </span></p>
                        </div>

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


                        <div class="form-group">
                            <label>Fecha programada</label>
                            <p>{{ $post->scheduled_at ? \Carbon\Carbon::parse($post->scheduled_at)->format('d/m/Y H:i') : 'No programado' }}
                            </p>
                        </div>

                        <div class="form-group">
                            <label>Fecha de creación</label>
                            <p>{{ \Carbon\Carbon::parse($post->created_at)->format('d/m/Y H:i') }}</p>
                        </div>

                        <div class="form-group">
                            <label>Última actualización</label>
                            <p>{{ \Carbon\Carbon::parse($post->updated_at)->format('d/m/Y H:i') }}</p>
                        </div>

                        <div class="box-footer">
                            <div class="btn-group pull-right" role="group" aria-label="Basic example">
                                <a href="{{ route('socialpost.list') }}" class="btn btn-default">Volver</a>
                                <a href="{{ route('socialpost.delete', $post->post_id) }}" class="btn btn-danger"
                                    onclick="return confirm('¿Está seguro de eliminar esta publicación?')">Eliminar</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection