@extends('admin::layouts.master')

@section('title')
@lang('translation.Courses') / Edit
@endsection

@section('content')
@component('admin::components.breadcrumb')
@slot('li_1')
<a href="{{ route('admin.course.index') }}">Courses</a>
@endslot
@slot('title')
Edit Discipline
@endslot
@endcomponent

<script src="https://cdn.ckeditor.com/4.11.1/standard/ckeditor.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <form id="course" action="{{ route('admin.course.update', $course->id) }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="country_id">Country</label> <span class="required">*</span>
                                <select class="form-control" name="country_id" id="country_id">
                                    <option value="">-- Select Country --</option>
                                    @foreach(getHomeCountries() as $country)
                                    <option @if($course->country_id == $country->id) selected @endif value="{{ $country->id }}">{{ $country->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="level_id">Level</label> <span class="required">*</span>
                                <select class="form-control" name="level_id" id="level_id">
                                    <option value="">-- Select Level --</option>
                                    @foreach($levels as $level)
                                    <option @if($course->level_id == $level->id) selected @endif value="{{ $level->id }}">{{ $level->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="discipline_id">Discipline</label> <span class="required">*</span>
                                <select class="form-control" name="discipline_id" id="discipline_id">
                                    <option value="">-- Select Discipline --</option>
                                    @foreach($disciplines as $discipline)
                                    <option @if($course->level_id == $level->id) selected @endif value="{{ $discipline->id }}">{{ $discipline->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="name" class="form-label">Name</label> <span class="required">*</span>
                                <input type="text" class="form-control" id="name" name="name" placeholder="Name" value="{{ $course->name }}">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="course_code" class="form-label">Course Code</label> <span class="required">*</span>
                                <input type="text" class="form-control" id="course_code" name="course_code" placeholder="Course Code" value="{{ $course->course_code }}">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="code" class="form-label">CRICOS/RTO</label>
                                <input type="text" class="form-control" id="code" name="code" placeholder="CRICOS/RTO" value="{{ $course->code }}">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="duration" class="form-label">Duration</label> <span class="required">*</span>
                                <input type="text" class="form-control" id="duration" name="duration" placeholder="Duration" value="{{ $course->duration }}">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="status">Status</label> <span class="required">*</span>
                                <select name="status" class="form-control">
                                    <option @if($course->status == '1')selected @endif value="1">Active</option>
                                    <option @if($course->status == '0')selected @endif value="0">Inactive</option>
                                    <option @if($course->status == '2')selected @endif value="2">Deleted</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="mb-3">
                                <label for="description" class="form-label">Description</label> <span class="required">*</span>
                                <textarea name="description" class="form-control" id="description" placeholder="Enter Description">{{ $course->description }}</textarea>
                                <script>
                                    CKEDITOR.replace('description');
                                </script>
                            </div>
                        </div>
                    </div>
                    <div>
                        <button class="btn btn-primary" type="submit">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div> <!-- end col -->
</div> <!-- end row -->
@endsection
@section('script')
<!-- jquery-validation -->
<script src="{{ asset('themes/backend/custom/build/libs/jquery-validation/jquery.validate.min.js') }}"></script>

<script>
    $(function() {
        $('#course').validate({
            rules: {
                country_id: {
                    required: true,
                },
                level_id: {
                    required: true,
                },
                discipline_id: {
                    required: true,
                },
                name: {
                    required: true,
                },
                course_code: {
                    required: true,
                },
                duration: {
                    required: true,
                },
                description: {
                    required: true,
                },
                status: {
                    required: true
                },
            },
            messages: {
                name: "Please enter name",
                country_id: "Please choose one country",
                level_id: "Please choose one level",
                discipline_id: "Please choose one discipline",
                course_code: "Please enter course code",
                duration: "Please enter course code",
                status: "Please select one status",
            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.addClass('invalid-feedback');
                element.closest('.mb-3').append(error);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            }
        });
    });
</script>
@endsection