@extends('layouts.free_account_registration')

@section('content')

    <h1>Créez votre consultation</h1>

    {!! Form::open(array('route' => 'free_account_registration.create_consultation', 'method'=>'POST')) !!}

        <div class="row">
            <div class="masonry-item col-md-12 pT-30 pB-30">
                <div class="bgc-white p-20 bd">
                    <h4 class="c-grey-900 mB-20">Votre consultation</h4>

                    {!!
                        displayInputV2([
                            'type' => 'text',
                            'name' => 'title',
                            'label' => 'Titre',
                            'errors' => $errors,
                            'required' => true,
                            'placeholder' => 'Titre de la consultation',
                            'max_size' => 160
                        ])
                    !!}

                    {!!
                        displayTextarea([
                            'label' => 'Description',
                            'name' => 'description',
                            'placeholder' => 'Description de la consultation',
                            'required' => true,
                            'errors' => $errors,
                            'max_size' => 500,
                        ])
                    !!}

                    <div class="form-group row choix-type-consultation">
                        @php
                            $selected = 0;

                            if (!empty(old('type')))
                            {
                                $selected = old('type');
                            }
                            else if (isset($consultation))
                            {
                                $selected = $consultation->type;
                            }
                        @endphp
                    
                        <div class="col-sm-2 @if ($errors->has('type')) form-label-invalid @endif">Type de consultation</div>
                        <div class="col-sm-10">
                            <div class="row">
                                <div class="col-sm-4">
                                    <div class="type-consultation consultation-like @if ($selected == 1) active @endif">
                                        <img src="@if ($selected == 1) {{ asset('images/like-active.png') }} @else {{ asset('images/like.png') }} @endif" alt="Exemple de Like"/><br />
                                        <b>Like</b><br />
                                        L'internaute vote de façon positive sur les propositions qu'il préfére
                                    </div>
                                </div>

                                <div class="col-sm-4">
                                    <div class="type-consultation consultation-pcn @if ($selected == 2) active @endif">
                                        <img src="@if ($selected == 2) {{ asset('images/pcn-active.png') }} @else {{ asset('images/pcn.png') }} @endif" alt="Exemple de Pour - Contre - Neutre"/><br />
                                        <b>Pour - Contre - Neutre</b><br />
                                        L'internaute peut voter de façon positive, négative ou neutre
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="type-consultation consultation-unique @if ($selected == 3) active @endif">
                                        <img src="@if ($selected == 3) {{ asset('images/vote-unique-active.png') }} @else {{ asset('images/vote-unique.png') }} @endif" alt="Exemple de vote unique"/><br />
                                        <b>Choix unique</b><br />
                                        L'internaute ne peut choisir qu'une seule proposition
                                    </div>
                                </div>
                            </div>
                        </div>

                        @if ($errors->has('type'))
                            <div class="col-sm-2"></div>
                            <div class="col-sm-10"><div class="invalid-feedback mT-20">Vous devez choisir un type de consultation.</div></div>
                        @endif

                        {!!
                            displayHidden([
                                'name' => 'type',
                                'value' => $selected,
                                'class' => 'type-proposition-hidden'
                            ]);
                        !!}
                </div>
            </div>


            @for ($i = 1; $i <= 5; $i++)
                <div class="masonry-item col-md-12 pT-30 pB-30">
                    <div class="bgc-white p-20 bd">
                        <h4 class="c-grey-900 mB-20">Votre proposition {{ $i }}</h4>
                        
                         {!!
                                displayTextarea([
                                    'name' => 'proposition_texte['.$i.']',
                                    'label' => 'Proposition',
                                    'errors' => $errors,
                                    'required' => false,
                                    'placeholder' => 'Texte de la proposition '.$i,
                                    'php_item_number' => $i,
                                    'max_size' => 160,
                                    'rows' => 3
                                ])
                            !!}


                            {!!
                                displayTextarea([
                                    'label' => 'Description',
                                    'name' => 'proposition_description['.$i.']',
                                    'placeholder' => 'Description de la proposition '.$i,
                                    'required' => false,
                                    'errors' => $errors,
                                    'php_item_number' => $i,
                                    'max_size' => 500,
                                    'rows' => 3
                                ])
                            !!}
                    </div>
                </div>
            @endfor
        </div>


        {!! displayButton('Créer cette consultation', 'btn btn-copernic mT-20 mB-30') !!}

    {!! Form::close() !!}

@endsection