@extends($viewVars['loadTeacherLayout'] ? 'layouts.teacher' : 'layouts.vertical')

@section('css')
<link href="{{ Helper::assets('assets/libs/select2/select2.min.css') }}" rel="stylesheet" type="text/css" />
<style>
.select2-container .select2-selection--single .select2-selection__rendered {
    color: #0fa05b !important;
}
</style>
@endsection

@php
    $is_child = "";
    $is_child_exist = false;
    if(app('request')->input('c')){
        $is_child = app('request')->input('c');
    }
    if(app('request')->input('child')){
        $is_child = app('request')->input('child');
    }
@endphp

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-auto">
        <h4 class="mb-1 mt-0 font-weight-medium">Edit assessment form</h4>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">
        <form method="post" action="{{ route($viewVars['routePrefix'].'learning-story-analysis.update-assessment-form') }}" class="assessment-form">
            @csrf
            <input type="hidden" name="room" value="1">
            <div class="card">
                <div class="card-body">
                    <div class="section-repeater" data-startingIndex="1" data-first-item-remove="false">
                        @if(isset($initital->questions) && !empty($initital->questions))
                        @foreach($initital->questions as $key => $question)
                        <div class="r-group">
                            <div class="row form-group">
                                <div class="col-md-11 order-2 order-md-1">
                                    <div class="row">
                                        <label class="col-xl-2 col-md-3 col-form-label font-weight-medium">Question <span class="srno number">{{$key+1}}</span></label>
                                        <div class="col-xl-10 col-md-9">
                                            <input type="hidden" name="questions[{{$key}}][_id]" class="id" value="{{$question->_id}}">
                                            <input type="text" class="form-control question" name="questions[{{$key}}][question]" placeholder="Write question" value="{{$question->question}}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-auto order-1 order-md-2 ml-auto input-group-append align-items-center" style="visibility:hidden;">
                                    <span class="input-group-btn mt-md-2">
                                        <a href="javascript:void(0);" class="text-danger r-btnRemove mt-1"><i class="uil uil-multiply"></i></a>
                                    </span>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col-md-11">
                                    <div class="row">
                                        <label class="col-xl-2 col-md-3 col-form-label font-weight-medium">Select field type</label>
                                        <div class="col-xl-10 col-md-9">
                                            <select class="form-control answer" data-plugin="customselect" name="questions[{{$key}}][type]" placeholder="Select the most relevant answer field for this question">
                                                <option value="">Select</option>
                                                @foreach(config('constant.InputType') as $key => $InputType)
                                                <option value="{{$key}}" {{$question->type == $key ? 'selected' : ''}}>{{$InputType}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row border-bottom my-4 mx-n5"></div>
                        </div>
                        @endforeach
                        @else
                        <div class="r-group">
                            <div class="row form-group">
                                <div class="col-md-11 order-2 order-md-1">
                                    <div class="row">
                                        <label class="col-xl-2 col-md-3 col-form-label font-weight-medium">Question <span class="srno number">1</span></label>
                                        <div class="col-xl-10 col-md-9">
                                            <input type="text" class="form-control question" name="questions[0][question]" placeholder="Write question" value="">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-auto order-1 order-md-2 ml-auto input-group-append align-items-center" style="visibility:hidden;">
                                    <span class="input-group-btn mt-md-2">
                                        <a href="javascript:void(0);" class="text-danger r-btnRemove mt-1"><i class="uil uil-multiply"></i></a>
                                    </span>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col-md-11">
                                    <div class="row">
                                        <label class="col-xl-2 col-md-3 col-form-label font-weight-medium">Select field type</label>
                                        <div class="col-xl-10 col-md-9">
                                            <select class="form-control answer" data-plugin="customselect" name="questions[0][type]" placeholder="Select the most relevant answer field for this question">
                                                <option value="">Select</option>
                                                @foreach(config('constant.InputType') as $key => $InputType)
                                                <option value="{{$key}}">{{$InputType}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row border-bottom my-4 mx-n5"></div>
                        </div>
                        @endif
                        <div class="pt-1 btn-div">
                            <div class="row border-bottom my-4 mx-n5"></div>
                            {{-- <div class="">
                                <div class="mb-4">
                                    <p class="mb-0">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd</p>
                                </div>
                            </div> --}}
                            <button type="button" class="btn btn-pink r-btnAdd">Add new question</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mt-3">
                <button type="submit" class="btn btn-success btn-min-width" id="save">Save changes</button>
            </div>
        </form>
    </div>
</div>
@endsection

@section('script-bottom')
<script defer src="{{ Helper::assets('assets/libs/validation/validate.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/select2/select2.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/js/pages/learning-story-analysis-assessment-form.js') }}" type="text/javascript"></script>
@endsection