@extends('company.layouts.main')
@section('content')
    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-1">
                <a class="btn btn-outline-info mr-2" href="{{ route('virtualExpWhatWillYouLearn.view',$virtualExpWhatWillYouLearn->virtual_experience_id) }}">Back</a>
                </div>
                    <div class="col-sm-6">

                        <h1 class="m-0">Edit Vwep What will you learn</h1><br>
                    </div>

                </div>
            </div>
        </div>

        <div class="content">
            <div class="container-fluid">
                <div class="card">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card-body">
                                <form
                                    action="{{ route('virtualExpWhatWillYouLearn.update', [$virtualExpWhatWillYouLearn->id]) }}"
                                    method="POST" id="editVirtualExperienceWhatWillYouLearn" enctype="multipart/form-data">
                                    @if (Session::has('success'))
                                        <div class="alert alert-success">{{ Session::get('success') }}</div>
                                    @endif
                                    @csrf

                                    <div class="form-group">
                                        <label class="form-label" for="title">Title</label><span class="text-danger">*</span>
                                        <input type="text" class="form-control" id="title" name="title"
                                            placeholder="title" value="{{ $virtualExpWhatWillYouLearn->title }}"
                                            autocomplete="off" />
                                        <label id="agent-name-error" class="error" style="display: none;"></label>
                                        @error('title')
                                            <span class='text-danger'>{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label class="form-label" for="skills">Skills</label><span class="text-danger">*</span>
                                        <input type="text" class="form-control" id="skills" name="skills"
                                            placeholder="skills" value="{{ $virtualExpWhatWillYouLearn->skills }}"
                                            autocomplete="off" />
                                        <label id="agent-name-error" class="error" style="display: none;"></label>
                                        @error('skills')
                                            <span class='text-danger'>{{ $message }}</span>
                                        @enderror
                                    </div>


                                    <div class="form-group">
                                        <label>Description </label><span class="text-danger">*</span>
                                        <textarea class="form-control summernote" name="description" id="description" cols="30" rows="10">{{ $virtualExpWhatWillYouLearn->description }}</textarea>
                                        <span class='text-danger' id="descriptionError"></span>
                                    </div>

                                    <div class="form-group">
                                        <label>Difficulty Level </label><span class="text-danger">*</span>
                                        <select class="form-control" name="difficulty_level"
                                            value="{{ $virtualExpWhatWillYouLearn->difficulty_level }}" id="">
                                            <option value="">Select Difficulty Level</option>
                                            @foreach ($difficulty_levels as $difficulty_level)
                                                <option value="{{ $difficulty_level->id }}"
                                                    {{ $virtualExpWhatWillYouLearn->difficulty_level_id == $difficulty_level->id ? 'selected' : null }}>
                                                    {{ $difficulty_level->difficulty_level }}</option>
                                            @endforeach

                                        </select>
                                    </div>

                                    <div class="form-group">
                                        <label class="form-label" for="duration">Duration</label>
                                        <input type="text" class="form-control" id="duration" name="duration"
                                            placeholder="duration" value="{{ $virtualExpWhatWillYouLearn->duration }}"
                                            autocomplete="off" />
                                        <label id="agent-name-error" class="error" style="display: none;"></label>
                                        @error('duration')
                                            <span class='text-danger'>{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                            <label>Model solution description </label>
                                            <textarea class="form-control " name="short_description" id="short_description" cols="30" rows="10">{{ $virtualExpWhatWillYouLearn->short_description }}</textarea>
                                            <span class='text-danger' id="descriptionError"></span>
                                        </div>

                                        <div class="form-group">
                                            <label>Helpful hint</label>
                                            <textarea class="form-control " name="helpful_hint" id="helpful_hint" cols="30" rows="10">{{ $virtualExpWhatWillYouLearn->helpful_hint }}</textarea>
                                            <span class='text-danger' id="descriptionError"></span>
                                        </div>

                                    <button class="btn btn-info mt-4" type="submit">Update</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@section('script')
    $('.summernote').summernote({
    height: 100,
    toolbar: [
    ['style', ['bold', 'italic', 'underline', 'clear']],
    ['para', ['ul', 'ol']],
    ],
    disableDragAndDrop: true,
    });
@endsection
@endsection