@extends('layouts.app')

@section('title', $evenement->name)

@section('content')
    <div class="container-fluid background-r">
        <div class="page-top"></div>
        <div class="container py-3">
            <div class="row">
                <div class="col-md-8">
                    <div class="mb-3">
                        @include('evenements.nav')

                        @can('post-evenement', $evenement)
                            
                            {!! Form::model($new_post, [ 'method' => 'post', 'url' => route('evenement.post', $evenement) ]) !!}
                            
                                <div class="input-group mb-2 mt-5 mb-3">
                                    <div class="input-group-btn">
                                        <img class="d-flex rounded-circle avatar mb-0 mr-2" src="{{ Auth::user()->getPhoto() }}" alt="Avatar" style="width:40px; height:40px;">
                                    </div>
                                    
                                    {!! Form::hidden('user_id' , Auth::id(), [ ]) !!}
                                    {!! Form::hidden('evenement_id' , $evenement->id, [ ]) !!}
                                    
                                    {!! Form::text('contenu' , null, [
                                        "class" => "form-control rounded py-0 added-margin white grey-text", 
                                        "placeholder" => "Dites quelque chose sur l'évènement ...", "required"=>"true"
                                    ]) !!}
                                    
                                </div>
                            
                            {!! Form::close() !!}
                            
                        @endcan

                        @foreach($posts as $post)
                            <div class="card border border-light mb-2">
                                <div class="card-body p-2">
                                    <div class="row">
                                        <div class="col-2 col-sm-1 col-md-1">
                                            <a href="{{ route('membre', $post->user) }}" class="link-text-color-1">
                                            <img class="rounded-circle mx-auto" src="{{ $post->user->getPhoto() }}" alt="Avatar" style="height:40px;width:40px">
                                            </a>
                                        </div>
                                        <div class="col-9 col-sm-10 col-md-10 pl-md-3 pl-sm-3">
                                            <a href="{{ route('membre', $post->user) }}" class="link-text-color-1">
                                            {{ $post->user->prenom.' '.$post->user->nom }}
                                            </a>
                                            <h5 class="grey-text" style="font-size: 13px">{{ $post->contenu }}</h5>
                                        </div>
                                        <div class="col-1 col-sm-1 col-md-1 text-right">
                                            @can('admin-post-evenement', $post)
                                                <a href="#!" class="black-text" id="param" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
                                                </a>
                                                <div class="dropdown-menu pl-2" aria-labelledby="param">
                                                    <a class="link-text-color-1 py-0"  onclick="event.preventDefault(); document.getElementById('delete-post-form').submit();">
                                                        <i class="fa fa-trash" aria-hidden="true"></i> Supprimer
                                                    </a>
                                                </div>
                                                {!! Form::open([ 'url' => route('evenement.post.delete', [$post, $evenement]), 'method' => 'post', 'id' => 'delete-post-form' ]) !!}
                                                    {{ csrf_field() }}
                                                {!! Form::close() !!}
                                            @endcan
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                        
                        @if($posts)
                            <div class="col-lg-12 col-md-12 mb-4 ">
                                {{ $posts->links() }}
                            </div>
                        @endif
                    </div>
                </div>
                <div class="col-md-4">
                    @include('evenements.details')
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script type="text/javascript">
        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        })
    </script>
@endsection