@extends('layouts.app')

@section('title', 'Modifier photo communauté')

@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-12">
                    <h2 class="text-left mb-2 mt-0 pt-0 pb-0 font-weight-bold">{{"Modifier la photo la photo de l'évènement"}}</h2>
                    <div class="progress mt-0 bg-color-1" style="height: 2px; width: 10%;"></div>

                    <div class="card border border-light mt-3">
                        <div class="card-body px-5">
                            {!! Form::model($evenement, ['method' => 'POST', 'url' => route('evenement.change-photo.post', $evenement), 'enctype' => 'multipart/form-data']) !!}
                                {{ csrf_field() }}
                                
                                <div class="row mb-3">
                                    <div class="col-12 col-md-9 md-form pl-0">
                                        <div class="file-field">
                                            <div class="btn btn-3 btn-sm float-left">
                                                <span>Choisir une image</span>
                                                <input type="file" name="photo" required>
                                            </div>
                                            <div class="file-path-wrapper">
                                                <input class="file-path validate" type="text" placeholder="Image">
                                            </div>
                                        </div>
                                        @if($errors->has('photo'))
                                            <span class="red-text">{{$errors->first('photo')}}</span>
                                        @endif
                                    </div>
                                </div>
                                
                                <div class="md-form">
                                    <button class="btn btn-2 rounded p-2 px-3" type="submit">
                                        Modifier
                                    </button>
                                    <a class="btn btn-3 rounded p-2 px-3" href="{{route('evenements.show', $evenement)}}">
                                        Annuler
                                    </a>
                                </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
   <script type="text/javascript" src="{{ asset('template/ckeditor/ckeditor.js') }}"></script>
    <script>
        CKEDITOR.replace( 'description' );
        CKEDITOR.replace( 'objectif' );
        CKEDITOR.replace( 'regle' );
    </script>
@endsection