@extends('layouts.vertical', ["page_title"=> "Dashboard", "mode" => $mode ?? "", "demo" => $demo ?? ""])
@section('content')
    <div class="account-pages">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12 p-0">
                    <div class="card bg-pattern">
                        <div class="card-body p-3 row">

                            @if(Session::has('error'))<div class="alert alert-danger">{{Session::get('error')}}</div>
                            <br>@endif
                            @if(session('success'))<div class=" alert alert-success">{{ session('success') }}
                            </div>
                            <br>@endif
                            <div class="col-8">
                                <h4 class="page-title">{{$form->title}}</h4>
                            </div>
                            <div class="col-4">
                                @if($form->link_type == 'form')
                                <a href="/formaction/history" class="float-end pt-1">View History</a>
                                @else
                                <a href="{{url()->previous()}}" class="float-end pt-1">Back</a>
                                @endif
                            </div>
                            <form method="POST">
                                @csrf
                                @if($id)
                                <input type="hidden" name="id" value="{{$id}}">
                                @endif
                                <input type="hidden" name="user_id" value="ea28da69-5372-493d-8cc6-6d4cced95d30">
                                <div class="row">
                                @foreach($questions as $question)
                                    <div class="col-md-6 mb-2">
                                    <label for="field-{{$question->code}}" class="form-label">{{$question->question}} {!!$question->required == 'yes' ? '<span class="text-danger">*</span>':''!!} </label>
                                    @switch($question->type)
                                        @case('hidden')
                                            <input type="{{$question->type}}" id="field-{{$question->code}}" name="{{$question->code}}" value="{{isset($question->value)?$question->value:''}}">
                                            @break
                                        @case('text')
                                        @case('email')
                                        @case('tel')
                                        @case('date')
                                            <input type="{{$question->type}}" id="field-{{$question->code}}" name="{{$question->code}}" class="form-control" {{$question->required == 'yes'?'required':'' }} value="{{isset($question->value)?$question->value:''}}">
                                            @break
                                        @case('number')
                                            <input type="{{$question->type}}" min="0" max="9999999999" step="1" id="field-{{$question->code}}" name="{{$question->code}}" class="form-control" {{$question->required == 'yes'?'required':'' }}  value="{{isset($question->value)?$question->value:0}}">
                                            @break
                                        @case('textarea')
                                            <textarea id="field-{{$question->code}}" name="{{$question->code}}" class="form-control" {{$question->required == 'yes'?'required':'' }}>{{isset($question->value)?$question->value:''}}</textarea>
                                            @break
                                        @case('dropdown')
                                            <select class="form-control" id="field-{{$question->code}}" name="{{$question->code}}" {{$question->required == 'yes'?'required':'' }}>
                                                <option value=""> -- Select -- </option>
                                                @foreach($question->options as $option)
                                                <option value="{{$option->value}}" {{isset($question->value) && $question->value == $option->value ? 'selected':''}}>{{$option->display}}</option>
                                                @endforeach
                                            </select>
                                            @break
                                    @endswitch
                                    </div>
                                @endforeach
                                </div>
                                <div class="text-center d-grid mt-3">
                                    <button class="btn btn-primary" type="submit"> Submit </button>
                                </div>

                            </form>

                        </div> <!-- end card-body -->
                    </div>
                    <!-- end card -->

                    <!-- end row -->

                </div> <!-- end col -->
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </div>
@endsection