@extends('layouts.app')
@push('title')
    {{ $title }}
@endpush

@section('content')

    <div class="row">
        <div class="col-sm-12">

            @php
                $countId = 1;
                $questionCount =1;
            @endphp

            <form action="{{ route('bdm.questionnaire.qa.platform.submit') }}" method="post">
                @csrf
                @foreach ($question_answers as $item)

                    <div class="card">
                        <div class="card-body">

                            <div class="form-group">
                                <label class="mb-2 text-bold-600 text-uppercase"> <b>{{ $questionCount++.'. ' }}</b> {{ $item->question }}</label>
                                <div class="">
                                    @foreach ($item->ans_parameter as $ans_parameter)
                                        <div class="form-check my-1">
                                            <div class="custom-control custom-radio">
                                                <input type="radio" required id="{{ 'customRadio-'.$countId }}" value="{{ $ans_parameter }}"   name="{{ "answers[$item->id]" }}"  class="custom-control-input">
                                                 <label class="custom-control-label" for="{{ 'customRadio-'.($countId++) }}">{{ $ans_parameter }}</label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>

                        </div>
                    </div>

                @endforeach

                <div class="form-group">
                    <button type="submit" class="btn btn-primary waves-effect waves-light mt-4" style="float: right"></i>Submit Answer</button>
                </div><!--end form-group-->
            </form>



        </div>
    </div>

@endsection
@push('css_links')
    <style>
        .card:hover{
            box-shadow: 1px 6px 8px #4e545e75;
            transition: .7s;
        }
        .custom-radio{
            cursor: pointer;
        }
    </style>
@endpush
@push('js')

@endpush
@push('js')
@endpush