@extends('layouts.admin')

@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('admin.nav-evenement')

                        @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('admin.show.user', $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('admin.show.user', $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>
                                </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('admin.details-evenement')
                </div>
            </div>
        </div>
    </div>
@endsection

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