@extends('super-admin.layouts.main')
@section('content')
    <main>
        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper">
            <!-- Content Header (Page header) -->
            <div class="content-header">
                <div class="container-fluid">
                    <div class="row mb-2">
                        <div class="col-sm-6">
                            <h1 class="m-0">Add Master Class</h1><br>
                            <a class="btn btn-info" href="{{ route('masterClass.view') }}">Back</a>
                        </div><!-- /.col -->

                    </div><!-- /.row -->
                </div><!-- /.container-fluid -->
            </div>
            <!-- Main content -->
            <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('masterClass.store') }}" method="POST"
                                        enctype="multipart/form-data" id="addMasterclass">
                                        @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="{{ old('title') }}" autocomplete="off" />


                                            @error('title')
                                                <span class='text-danger'>{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label class="form-label" for="title">Description</label><span
                                                class="text-danger">*</span>
                                            <textarea name="description" class="form-control summernote" id="masterclassDescription">{{ old('title') }}</textarea>
                                            <span class="text-danger" id="masterclassDescriptionerror">
                                                @error('description')
                                                    {{ $message }}
                                                @enderror
                                            </span><br>
                                        </div>

                                        <div class="form-group">
                                            <label class="form-label" for="title">Long Description</label><span
                                                class="text-danger">*</span>
                                            <textarea name="long_description" class="form-control summernote" id="masterclasswhatwill">{{ old('long_description') }}</textarea>
                                            <span class="text-danger" id="masterclasswhatwillerror">
                                                @error('long_description')
                                                    {{ $message }}
                                                @enderror
                                            </span><br>
                                        </div>


                                        <div class="form-group">
                                            <label>Banner Image</label><span class="text-danger">*</span>
                                            <input type="file" name="image" class="form-control"
                                                value="{{ old('image') }}" accept="image/jpeg, image/png" />
                                            @error('banner_image')
                                                <span class='text-danger'>{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label>Image</label><span class="text-danger">*</span>(Height=210 * Width=350)
                                            <input type="file" name="banner_image" class="form-control"
                                                value="{{ old('banner_image') }}" accept="image/jpeg, image/png" />
                                            @error('banner_image')
                                                <span class='text-danger'>{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <label>Pricing</label><span class="text-danger">*</span>
                                        <select class="form-control" name="pricing" id="">
                                            <option value="">Select Pricing</option>
                                            <option value="FREE">FREE</option>
                                            <option value="PREMIUM">PREMIUM</option>

                                        </select><br>
                                        @error('price')
                                            <span class='text-danger'>{{ $message }}</span>
                                        @enderror

                                        <div class="form-group">
                                            <label>Price </label><span class="text-danger">*</span>
                                            <input type="number" name="price" id="price" class="form-control"
                                                value="{{ old('price') }}" />
                                            @error('price')
                                                <span class='text-danger'>{{ $message }}</span>
                                            @enderror
                                        </div>

                                      

                                        <div class="form-group">
                                            <label>Discounted Price </label><span class="text-danger">*</span>
                                            <input type="number" name="discounted_price" class="form-control"
                                                value="{{ old('discounted_price') }}" />
                                            @error('discounted_price')
                                                <span class='text-danger'>{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label>Language </label><span class="text-danger">*</span>
                                            <input type="text" name="language" class="form-control"
                                                value="{{ old('language') }}" />
                                            @error('language')
                                                <span class='text-danger'>{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label>CC Language </label><span class="text-danger">*</span>
                                            <input type="text" name="cc_language" class="form-control"
                                                value="{{ old('cc_language') }}" />
                                            @error('cc_language')
                                                <span class='text-danger'>{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group">
                                            <label>Introduction Video </label><span class="text-danger">*</span>
                                            <input type="file" name="video" class="form-control"
                                                value="{{ old('video') }}"  accept="video/*" />
                                            @error('video')
                                                <span class='text-danger'>{{ $message }}</span>
                                            @enderror
                                        </div>


                                        <div class="form-group">
                                            <label>Duration </label><span class="text-danger">*</span>
                                            <input type="text" name="duration" class="form-control"
                                                value="{{ old('duration') }}" />
                                            @error('duration')
                                                <span class='text-danger'>{{ $message }}</span>
                                            @enderror
                                        </div>



                                        <label>Department</label><span class="text-danger">*</span>
                                        <select class="form-control" name="department_name" id="">
                                            <option value="0">Select Department</option>
                                            @foreach ($departments as $department)
                                                <option value="{{ $department->id }}">{{ $department->department_name }}
                                                </option>
                                            @endforeach
                                        </select><br>

                                        <label>Difficulty type</label><span class="text-danger">*</span>
                                        <select class="form-control" name="difficulty_level" id="">
                                            <option value="">Select difficulty level</option>
                                            @foreach ($difficulty_levels as $difficulty_level)
                                                <option value="{{ $difficulty_level->id }}">
                                                    {{ $difficulty_level->difficulty_level }}</option>
                                            @endforeach
                                        </select><br>


                                        <div class="form-group">
                                        <label>Select Instructor</label><span class="text-danger">*</span>
                                        <select name="select[]" id="multiselect" multiple multiselect-search="true">
                                            @foreach ($instructors as $instructor)
                                                <option value="{{ $instructor->id }}"
                                                    {{ in_array($instructor->id, old('select') ?: []) ? 'selected' : '' }}>
                                                    {{ $instructor->name }}</option>
                                            @endforeach
                                        </select><br>
                                        <span class="text-danger error" id="multiselectError"></span>
                                        <span class="text-danger">
                                            @error('select')
                                                {{ 'The Select Category field is required.' }}
                                            @enderror
                                        </span><br>

                                        <button class="btn btn-info mt-4" type="submit">Submit</button>
                                    </form>


                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.row -->
                </div><!-- /.container-fluid -->
            </div>
            <!-- /.content -->
        </div>
        <!-- /.content-wrapper -->
    </main>
@section('script')
    $('.summernote').summernote({
    height: 100,
    toolbar: [
    ['style', ['bold', 'italic', 'underline', 'clear']],
    ['para', ['ul', 'ol']],
    ],
    disableDragAndDrop: true,
    });
@endsection
@endsection