@php
    $form = \App\Models\Form\Form::where('id',$form_id)->where('status',1)->first();
    $columns = \App\Models\Form\FormColumn::where('form_id',$form_id)->where('status',1)->get();
@endphp
@if(session('success_'.$form_id))
    <div class="p-3">
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <strong>Success !</strong> {{session('success_'.$form_id)}}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    </div>
@endif
@if($form)
<div class="mx-10 mt-10 mb-10">
    <div class="card ">
        <form method="post" action="/form/{{$form->id}}/form-post" enctype="multipart/form-data">
            {{csrf_field()}}
            <div class="card-body">
                <div class="row">
                    @foreach($columns as $column)
                        @php
                            $input_field = 'value_'.$column->id;
                        @endphp
                        <div class="col-sm-{{$column->size}} mb-5">
                            <label for="" class="@if($column->required) required @endif">{{$column->heading}}</label>
                            @if($column->column->type=='textarea')
                                <textarea @if($column->required) required @endif name="value_{{$column->id}}" class="@if($column->use_editor) editor @endif form-control form-control" placeholder="{{$column->placeholder}}" ></textarea>
                            @elseif($column->column->type=='radio')
                                <br>
                                <div @if($column->inline) class="d-inline-flex" @endif>
                                    @foreach($column->options as $option)
                                        <div class="form-check form-check-custom form-check-solid mb-1 me-2">
                                            <input @if($column->required) required @endif class="form-check-input" id="radio_select_{{$option->id}}" type="radio" value="{{$option->id}}" name="value_{{$column->id}}">
                                            <label class="form-check-label" for="radio_select_{{$option->id}}">
                                                <span class="fw-bold">{{$option->name}}</span>
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                            @elseif($column->column->type=='checkbox')
                                <br>
                                <div @if($column->inline) class="d-inline-flex" @endif>
                                    @foreach($column->options as $option)
                                        <div class="form-check form-check-custom form-check-solid mb-1 me-2">
                                            <input @if($column->required) required @endif class="form-check-input" id="radio_select_{{$option->id}}" type="checkbox" value="{{$option->id}}" name="value_{{$column->id}}[]">
                                            <label class="form-check-label" for="radio_select_{{$option->id}}">
                                                <span class="fw-bold">{{$option->name}}</span>
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                            @elseif($column->column->type=='select')
                                <select name="value_{{$column->id}}" @if($column->required) required @endif class="form-control form-control-solid">
                                    @if($column->placeholder)
                                        <option value="">--{{$column->placeholder}}--</option>
                                    @else
                                        <option value="">--Choose One--</option>
                                    @endif
                                    @foreach($column->options as $option)
                                        <option value="{{$option->id}}">{{$option->name}}</option>
                                    @endforeach
                                </select>
                            @else
                                <input @if($column->required) required @endif type="{{$column->column->type}}" name="value_{{$column->id}}" class="form-control form-control" placeholder="{{$column->placeholder}}" >
                            @endif
                            @if($column->required)
                                @error($input_field)
                                <br>
                                <span class="text-danger fs-8">This field is required</span>
                                @enderror
                            @endif
                        </div>
                    @endforeach
                </div>
            </div>
            <div class="card-footer text-end">
                <button type="submit" class=" btn btn-primary">Submit</button>
            </div>
        </form>
    </div>
</div>
@endif