@extends('admin::layouts.plane')
@section('page_heading') {{ $title }} @endsection
@section('content')
    <div class="col-lg-12">
        <div class="panel panel-default filterable">
            <div class="panel-heading">
                <div class="panel-title font-weight-bold">{{ $title }}<br><br></div>
            </div>
            <div class="container-fluid">
                <div class="panel-body">

                    {{ Form::open(['url' => route('save_course'), 'method' => 'post', 'name' => 'feedbackF']) }}
                    {{ csrf_field() }}
                    <div class="row">
                        <label for="Program" class="col-sm-2 col-form-label">Program</label>
                        <div class="col-sm-4">
                            @foreach ($programs as $value => $label)
                                <div class="form-check" style="display: inline;">
                                    {{ Form::radio('program', $value, $value == '', ['id' => $value, 'class' => 'form-check-input']) }}
                                    <label class="form-check-label" for="{{ $value }}">
                                        {{ $label }}
                                    </label>
                                </div>
                            @endforeach

                        </div>

                    </div>
                    <div class="row">
                        <label for="department" class="col-sm-2 col-form-label">Department</label>
                        <div class="col-sm-4">
                            {{ Form::select('department', $dept_list, '', ['placeholder' => '- Select -', 'class' => 'form-control', 'id' => 'department', 'required' => 'required']) }}
                        </div>
                        <label for="course_type" class="col-sm-2 col-form-label">Course Type</label>
                        <div class="col-sm-4">
                            {{ Form::select('course_type', ['Core' => 'Core', 'AECC' => 'AECC', 'GE' => 'GE', 'SEC' => 'SEC','DSC'=>'DSC','DSE'=>'DSE','DISS'=>'DISS','NCC'=>'NCC','PROJECT'=>'PROJECT'], '', ['placeholder' => '- Select -', 'class' => 'form-control', 'id' => 'course_type', 'required' => 'required']) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            &nbsp;
                        </div>
                    </div>
                    <div class="row">
                        <label for="course_name" class="col-sm-2 col-form-label">Course Name</label>
                        <div class="col-sm-4">
                            {{ Form::text('course_name', '', ['class' => 'form-control', 'id' => 'course_name', 'required' => 'required']) }}
                        </div>
                        <label for="course_code" class="col-sm-2 col-form-label">Course Code</label>
                        <div class="col-sm-4">
                            {{ Form::text('course_code', '', ['class' => 'form-control', 'id' => 'course_code', 'required' => 'required']) }}
                        </div>


                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            &nbsp;
                        </div>
                    </div>
                    <div class="row">
                        <label for="theory_credits" class="col-sm-2 col-form-label">Theory Credits</label>
                        <div class="col-sm-4">
                            {{ Form::text('theory_credits', '', ['class' => 'form-control', 'id' => 'theory_credits', 'required' => 'required']) }}
                        </div>
                        <label for="partical_credits" class="col-sm-2 col-form-label">Partical Credits</label>
                        <div class="col-sm-4">
                            {{ Form::text('partical_credits', '', ['class' => 'form-control', 'id' => 'partical_credits']) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            &nbsp;
                        </div>
                    </div>
                    <div class="row">
                        <label for="internal" class="col-sm-2 col-form-label">Internal</label>
                        <div class="col-sm-4">
                            {{ Form::text('internal', '', ['class' => 'form-control', 'id' => 'internal', 'required' => 'required']) }}
                        </div>
                        <label for="mcq" class="col-sm-2 col-form-label">MCQ</label>
                        <div class="col-sm-4">
                            {{ Form::text('mcq', '', ['class' => 'form-control', 'id' => 'mcq', 'required' => 'required']) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            &nbsp;
                        </div>
                    </div>
                    <div class="row">
                        <label for="theory" class="col-sm-2 col-form-label">Theory</label>
                        <div class="col-sm-4">
                            {{ Form::text('theory', '', ['class' => 'form-control', 'id' => 'mcq', 'required' => 'required']) }}
                        </div>
                        <label for="partical" class="col-sm-2 col-form-label">Partical</label>
                        <div class="col-sm-4">
                            {{ Form::checkbox('partical', '1', null, ['class' => '', 'id' => 'partical']) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            &nbsp;
                        </div>
                    </div>
                    <div class="row" id="partical_fields" style="display:none;">
                        <label class="col-sm-2 col-form-label">Pratical Internal</label>
                        <div class="col-sm-4">
                            {{ Form::text('partical_internal', '', ['class' => 'form-control', 'id' => 'internal']) }}
                        </div>
                        <label lass="col-sm-2 col-form-label">Pratical External</label>
                        <div class="col-sm-4">
                            {{ Form::text('partical_external', '', ['class' => 'form-control', 'id' => 'mcq']) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            &nbsp;
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-3"></div>
                        <div class="col-sm-3">
                            <button type="submit" class="btn btn-primary align-content-center">Submit</button>
                        </div>
                    </div>
                    {{ Form::close() }}
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            function toggleParticalFields() {
                if ($('#partical').is(':checked')) {
                    $('#partical_fields').show();
                } else {
                    $('#partical_fields').hide();
                }
            }

            $("#department").select2();

            $('#partical').change(function() {
                toggleParticalFields();
            });

            // Initialize the form in edit mode
            toggleParticalFields();

            // If partical_internal or partical_external have values, check the checkbox and show the fields
            if ($('#partical_internal').val() || $('#partical_external').val()) {
                $('#partical').prop('checked', true);
                toggleParticalFields();
            }
        });
    </script>
@stop