@extends('layouts.app')
@section('content')
    <div class="container">
        <div class="mt-5">
            <a href="{{ route('show-course', ['course' => $course]) }}"
               class="text-dark"><i class="fa fa-arrow-circle-left "></i> Cursos</a>
            <hr>
        </div>
        <form method="POST"
              enctype="multipart/form-data"
              action="{{ isset($subject) ? url("/classroom/admin/{$course->id}/update-subject/{$subject->id}") : url("/classroom/admin/{$course->id}/store-subject") }}">
            @csrf
            @if(isset($subject))
                <input type="hidden" value="{{ $subject->id }}">
            @endif
            <div class="card">
                <div class="card-header">Crear Tema</div>
                <div class="card-body">
                    <div class="form-group row">
                        <label for="number" class="col-sm-2 col-form-label">Numero</label>
                        <div class="col-sm-5">
                            <input name="number" type="text"
                                   placeholder="CODE-OR-ABBREVIATION"
                                   class="form-control @error('number') is-invalid @enderror" id="number"
                                   value="{{ empty(old('number'))?($subject->number??''):old('number') }}" required>

                            @error('number')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="name" class="col-sm-2 col-form-label">Nombre</label>
                        <div class="col-sm-5">
                            <input name="name" type="text" placeholder="..."
                                   class="form-control @error('name') is-invalid @enderror" id="name"
                                   value="{{ empty(old('name'))?($subject->name??''):old('name') }}" required>

                            @error('name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="detail" class="col-sm-2 col-form-label">Detalle</label>
                        <div class="col-sm-5">
                            <textarea placeholder="..." name="detail" class="form-control" id="detail" rows="2"
                                      maxlength="255">{{ empty(old('detail'))?($subject->detail??''):old('detail') }}</textarea>
                            @if($errors->has('detail'))
                                <div class="text-danger">{{ $errors->first('detail') }}</div>
                            @endif
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="description" class="col-sm-2 col-form-label">Descripcion</label>
                        <div class="col-sm-5">
                            <ckeditor :editor="editor" :config="editorConfig" v-model="long_detail"></ckeditor>
                            <input type="hidden" name="description" v-model="long_detail" />
                            @if($errors->has('description'))
                                <div class="text-danger">{{ $errors->first('description') }}</div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <div class="card mt-5">
                <div class="card-header">Archivo</div>
                <div class="card-body">
                    @if(isset($subject))
                    <video height="240" controls>
                        <source src="{{ route('get-subject-video', ['course' => $course->id, 'subject' => $subject->id]) }}" type="video/mp4">
                        Your browser does not support HTML video.
                    </video>
                    @endif
                    <br/>
                    <div class="form-group row mt-2">
                        <label for="url_video" class="col-sm-2 col-form-label">{{ __('video') }}</label>
                        <div class="col-sm-5">
                            <input type="file" name="url_video" id="url_video">

                            @error('url_video')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-3">
                @if (session('success'))
                    <div class="alert alert-success">
                        <center>{{ session('success') }}</center>
                    </div>
                @endif

                <div class="form-group row">
                    <div class="col-sm-10">
                        <button type="submit" class="btn btn-primary">{{ ucfirst(__('general.save')) }}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

@push('scripts')
    <script>
        window.longDetail = `{!! empty(old('description'))?($subject->description??''):old('description') !!}`;
    </script>
@endpush