@include('links.header')
<div class="sm-bg-header clearfix">
   <figure><img src="https://upload.wikimedia.org/wikipedia/en/0/08/Dance_India_Dance_2019_logo.jpg" alt="Monitor Backlinks" width="250" height="304" /></figure>
    <b class="hd-sm">{{ $event->name }}</b><a href="{{url('/event')}}" class="btn btn-primary pull-right">Back</a>
</div>


<br><br>
@if (Session::has('msg'))
<div class="alert bg-green alert-dismissible" role="alert"><strong>Success! </strong>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    {!! session('msg') !!}
</div>
@endif
@if (Session::has('msg_e'))
<div class="alert bg-danger alert-dismissible" role="alert"><strong>Danger! </strong>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    {!! session('msg_e') !!}
</div>
@endif
<form method="POST" action="{{ route('entry.store') }}">
    @csrf
    <div class="row clearfix ">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

            <div class="row clearfix">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="panel panel-default">
                        <div class="panel-body">

                            <div class="row clearfix cform">
                                <!-- @php echo "<pre>";print_r($event_details->form_json ); @endphp -->
                                @foreach($event_details->form_json as $form )
                               
                                @switch($form['type'])

                                @case('text')

                                @componentFirst(['entry.components.input'])

                                @slot('label')
                                @if(isset($form['label']))
                                {{ $form['label'] }}
                                @else
                                undefined
                                @endif
                                @endslot

                                @slot('name')
                                @if(isset($form['name']))
                                {{ $form['name'] }}
                                @else
                                undefined
                                @endif
                                @endslot

                                @slot('id')
                                @if(isset($form['id']))
                                {{ $form['id'] }}
                                @else
                                undefined
                                @endif
                                @endslot

                                @slot('value')
                                @if($form['name']=='first_name')
                                {{ Auth::user()->first_name }}

                                @elseif($form['name']=='last_name')
                                {{ Auth::user()->last_name }}

                                @elseif($form['name']=='country')
                                {{ Auth::user()->country }}
                                @endif
                                @endslot

                                @endcomponent
                                @break

                                @case('radio')
                                <div class=" col-md-6 col-sm-6">
                                        <label class="form-label">{{ $form['label'] }}</label>
                                        <div class="form-group form-float">
                                            <div class="demo-radio-button">
                                                @foreach( $form['options'] as $key=>$option )
                                                <div class="demo-radio-button">
                                                    <input name="{{ $form['name'] }}" type="radio" id="radio_+{{ $key }}"  />
                                                    <label for="radio_+{{ $key }}">{{ $option['name'] }}</label>
                                                </div>       
                                                @endforeach
                                                
                                            </div>
                                        </div>

                                            <span class="invalid-feedback" role="alert">
                                                <i style='color:red' id='name'></i>
                                            </span>

                                </div>

                                @break
                                @case('select')
                                    
                                <div class="col-md-6 col-sm-6">
                                    <label class="form-label">{{ $form['label'] }}</label>
                                    <div class="form-group form-float">
                                        <div class="form-line">
                                            <select name="{{ $form['name'] }}" class="form-control" data-live-search='true' multiple="multiple" required=''>
                                            @foreach($form['options'] as $option)
                                                <option value="{{ $option['value'] }} ">{{ $option['name'] }}</option>
                                            @endforeach
                                                
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                @break

                                @default
                                Default case...
                                @endswitch
                                @endforeach
                            </div>
                        </div>
                    </div>


                    <div class="row clearfix">
                        <div class="button-demo" style="text-align:center;">
                            <button type="submit" class="btn btn-primary waves-effect submit">Register</button>
                        </div>
                    </div>

                </div>
            </div>

</form>
<!-- <script>
    function validate(){
        $('form').submit(function() {
        // $('#result').text(JSON.stringify($('form').serializeObject()));
        console.log(JSON.stringify($('form').serializeObject()));
        return false;
        });
    }
    
</script> -->
@include('links.footer')