@extends('layout')
@section('content')
    <div class="event-generator">


    <div class="pricing-header mx-auto text-center">
        <h1 class="display-4">Pas d'idée pour votre event de ce soir ?</h1>
    </div>
    @if(true)
    <div id="app" >
        <events-generator-component></events-generator-component>
    </div>
    @else
        <div class="container">
            <div class="card-deck mb-3 text-center">
                <div class="card mb-4 shadow-sm">
                    <div class="card-header bg-lightblue">
                        <h4 class="my-0 font-weight-normal">Environnement</h4>
                    </div>
                    <div class="card-body">
                        <h1 class="card-title pricing-card-title">{{$scenario->eventEnvironment->title}}</h1>
                        {{--<ul class="list-unstyled mt-3 mb-4">
                            <li></li>
                        </ul>--}}
                    </div>
                </div>
                <div class="card mb-4 shadow-sm">
                    <div class="card-header bg-lightblue">
                        <h4 class="my-0 font-weight-normal">Catégorie</h4>
                    </div>
                    <div class="card-body">
                        <h1 class="card-title pricing-card-title">{{$scenario->eventActivity->eventCategory->title}}</h1>

                        {{-- <ul class="list-unstyled mt-3 mb-4">
                            <li>Create account</li>

                        </ul>
                        <a href="{{route('register')}}" class="btn btn-lg btn-block btn-primary">Join my organization</a>
                        --}}
                    </div>
                </div>
                <div class="card mb-4 shadow-sm">
                    <div class="card-header bg-lightblue">
                        <h4 class="my-0 font-weight-normal">Objectif</h4>
                    </div>
                    <div class="card-body">
                        <h1 class="card-title pricing-card-title">{{$scenario->eventActivity->title}}</h1>
                        {{-- <ul class="list-unstyled mt-3 mb-4">
                            <li>The project is at it's beginning</li>
                            <li>Ask us to add functionnalities</li>
                            <li><a href="https://discord.gg/TVZFnTY">Discord</a></li>
                            <li>https://discord.gg/TVZFnTY</li>
                            <li>&nbsp;</li>
                        </ul>
                        <a target="_blank" href="https://discord.gg/TVZFnTY" class="btn btn-lg btn-block btn-primary">Ask your questions</a>--}}
                    </div>
                </div>

            </div>

            <div class="card mb-12 shadow-sm">
                <div class="card-header">
                    <h4 class="my-0 font-weight-normal">Description de l'event</h4>
                </div>
                <div class="card-body">
                    <p class="card-title pricing-card-title">{{$scenario->title}}</p>
                    {{-- <ul class="list-unstyled mt-3 mb-4">
                        <li>The project is at it's beginning</li>
                        <li>Ask us to add functionnalities</li>
                        <li><a href="https://discord.gg/TVZFnTY">Discord</a></li>
                        <li>https://discord.gg/TVZFnTY</li>
                        <li>&nbsp;</li>
                    </ul>
                    <a target="_blank" href="https://discord.gg/TVZFnTY" class="btn btn-lg btn-block btn-primary">Ask your questions</a>--}}
                </div>
            </div>

        </div>
    @endif



    </div>

@stop