@extends('mix::layouts.master')
@section('title', __('Course Settings'))
@section('content')
@section('back-button', route('sandy-blocks-course-mix-dashboard'))
<div class="mix-padding-10">
    <div class="dashhead flex-col sm:flex-row mb-5">
        <div class="flex">
            <div class="-icon">
                {!! orion('cogwheel-1') !!}
            </div>

            <div class="-content">
                <p class="--title my-auto">{{ __('Course') }}
                    <span class="text-gray-400 text-sm">{{ __('/ Settings') }}</span>
                </p>
            </div>
        </div>
    </div>
    
    <form action="{{ route('sandy-blocks-course-mix-settings-post') }}" method="post">
        @csrf

        <div class="koon-white-card">

            <div class="form-input mb-5">
                <input type="text" name="course[name]" placeholder="{{ __('Course Name') }}" value="{{ user('settings.course.name') }}">
            </div>
            <div class="form-input">
                <textarea name="course[description]" cols="30" rows="10" placeholder="{{ __('Course Description') }}">{{ user('settings.course.description') }}</textarea>
            </div>

            <div class="koon-gray-title my-5 flex items-center justify-between">
                <div class="-title">{{ __('Enable Exam') }}</div>
                <label class="sandy-switch is-koon">
                    <input type="hidden" name="course[exam][enable]" value="0">
                    <input class="sandy-switch-input" name="course[exam][enable]" {{ user('settings.course.exam.enable') ? 'checked' : '' }} value="1" type="checkbox">
                    <span class="sandy-switch-in"><span class="sandy-switch-box"></span></span>
                </label>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 hidden">
                <label class="sandy-big-checkbox koon-checkbox">
                    <input type="radio" name="course[exam][type]" {{ !user('settings.course.exam.type') ? 'checked' : '' }} value="0" class="sandy-input-inner">
                    <div class="checkbox-inner">
                        <div class="-icon w-12 h-12">
                            {!! ori('custom', 'course-cert-1', 'w-5 h-5 text-white') !!}
                        </div>
                        <div class="content ml-2">
                            <h1 class="font-bold">{{ __('Reward Certificate') }}</h1>
                            <p class="font-10">{{ __('Students can get certificates of completion') }}</p>
                        </div>
                    </div>
                </label>
                <label class="sandy-big-checkbox koon-checkbox">
                    <input type="radio" name="course[exam][type]" {{ user('settings.course.exam.type') ? 'checked' : '' }} value="1" class="sandy-input-inner">
                    <div class="checkbox-inner">
                        <div>
                            <div class="-icon w-12 h-12">
                                {!! ori('custom', 'course-badge-1', 'w-5 h-5 text-white') !!}
                            </div>
                        </div>
                        <div class="content ml-2">
                            <h1 class="font-bold">{{ __('Reward Badge') }}</h1>
                            <p class="font-10">{{ __('Students can get badge of completion') }}</p>
                        </div>
                    </div>
                </label>
            </div>


            <a href="{{ route('sandy-blocks-course-mix-settings-exam') }}" class="koon-gray-title mt-5 py-3 flex w-full justify-center items-center">
                
                <div class="-title">{{ __('Performance Exam') }}</div>
            </a>
        </div>
        <button class="koon-btn-dark mt-5">{{ __('Save') }}</button>
    </form>
</div>
@endsection