@extends('dashboard::layouts.app')

@section('title')
    <h5 class="text-dark font-weight-bold mt-2 mb-2 mr-5">
        Question Set
    </h5>
@endsection
@section('content')
    <div class="card card-custom gutter-b">
        <div class="card-header">
            <h3 class="card-title">
                Edit Question Set
            </h3>
        </div>
        <form class="form" action="{{ route('cd-admin.update_question_set') }}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="card-body">
                <input type="hidden" name="id" value="{{ $set->id }}">
                <div class="row form-group">
                    <label class="col-lg-2 col-form-label text-right">Question Set Title:</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" name="qestion_set_title" placeholder="Enter Question Set title here" value="{{ $set->qestion_set_title }}" required/>
                        @error('qestion_set_title')
                            <span style="color: red;">{{ $message }}</span>
                        @enderror
                    </div>

                    <label class="col-lg-2 col-form-label text-right">Question Set Topics:</label>
                    <div class="col-lg-4">
                        <select class="form-control selectpicker" name="topic_id[]" data-size="7" data-live-search="true" multiple required>
                            @if(count($topics)>0)
                                @foreach($topics as $topic)
                                <option value="{{ $topic->id }}" @foreach($set->topic_id as $topic_id){{$topic_id == $topic->id ? 'selected': ''}} @endforeach>{{ $topic->topic_title }}</option>
                                @endforeach
                            @else
                                <option>No Topics to Select</option>
                            @endif
                        </select>
                        @error('topic_id')
                            <span style="color: red;">{{ $message }}</span>
                        @enderror
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-2 col-form-label text-right">Set Time:</label>
                    <div class="col-lg-4">
                        <input class="form-control" name="time_limit" id="kt_timepicker_2" readonly placeholder="Select time" type="text" value="{{ $set->time_limit }}" required/>
                    </div>
                    @error('time_limit')
                        <span style="color: red;">{{ $message }}</span>
                    @enderror
                    <label class="col-lg-2 col-form-label text-right">Feedback Video:</label>
                    <div class="col-lg-4">
                        <div class="custom-file">
                            <input type="file" name="file" class="custom-file-input" id="customFile"/>
                            @if(isset($set->feedback_video))
                            <label class="custom-file-label" for="customFile">{{ $set->feedback_video }}</label>
                            @else
                            <label class="custom-file-label" for="customFile">Select a Video:</label>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="row form-group">
                    <label class="col-lg-2 col-form-label text-right">Feedback video link:</label>
                    <div class="col-lg-4">
                        <input type="text" name="video_url" class="form-control" placeholder="Enter feedback video title here"  value="{{ $set->video_url }}"/>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        <button type="submit" class="btn btn-success mr-2">Update Package</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection