@extends('layouts.app') @push('css')
    <style>
        .answer {
            display: none;
            padding: inherit;
            height: auto;
            border: solid;
            border-width: thin;
            border-color: #a8a8a8;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            color: #2d4053;
        }
    </style>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css" rel="stylesheet"
        type="text/css" />
    @endpush @section('content')

    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    @isset($course)
                        <h1 class="m-0 text-dark">Course and Criteria Edit</h1>
                        @isset($course->is_criteria)
                            <style>
                                .answer {
                                    display: block;
                                }
                            </style>
                        @endisset
                    @else
                        <h1 class="m-0 text-dark">Create Course with Criteria</h1>
                    @endisset
                </div>
                <!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <div class="d-inline p-2 text-white text-right">
                            <a href="{{ route('home') }}" class="btn btn-sm btn-info"><i class="fas fa-home"></i> Home</a>
                        </div>
                        <div class="d-inline p-2 text-white text-right">
                            <a href="{{ route('course.index') }}" class="btn btn-sm btn-primary text-right"><i
                                    class="fas fa-arrow-circle-left"></i> Back</a>
                        </div>
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <!-- Main row -->
            <!-- <div class="row"> -->

            <form action="{{ isset($course) ? route('course.update', $course->id) : route('course.store') }}" method="POST"
                enctype="multipart/form-data">
                @csrf @isset($course)
                    @method('PUT')
                @endisset
                <div class="col-md-12 col-x-12 col-sm-12">
                    <div class="row">
                        <div class="col-md-6 col-x-6 col-sm-6">
                            <div class="form-group">
                                <label for="title"><span class="text-danger">*</span>Course Title</label>
                                <textarea name="title" id="title" class="form-control @error('title') is-invalid @enderror">{{ $course->title ?? old('title') }}</textarea>
                                @error('title')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-3 col-xl-3 col-sm-3">
                            <div class="form-group clearfix">
                                <label for="title">Do you want to set Criteria?</label>
                                <div class="icheck-primary ">
                                    <input type="checkbox" id="checkboxPrimary2" name="criteria" value="1"
                                        @isset($course) {{ $course->is_criteria == 1 ? 'checked' : '' }} @endisset>
                                    <label for="checkboxPrimary2">
                                        Yes
                                    </label>
                                </div>
                            </div>
                        </div>
                        <!-- Mandatory -->
                        <div class="col-md-3 col-xl-3 col-sm-3">
                            <div class="form-group clearfix">
                                <label for="title">Is Criteria Mandatory?</label>
                                <div class="icheck-primary ">
                                    <input type="checkbox" id="checkboxPrimary3" name="mandatory" value="1"
                                        @isset($course) {{ $course->mandatory == 1 ? 'checked' : '' }} @endisset>
                                    <label for="checkboxPrimary3">
                                        Yes
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-xl-4 col-sm-6">
                            <div class="form-group">
                                <label for="tag">Enter Tags with comma (,)</label>
                                <input name="tags" id="tags" type="text" placeholder="tag1,tag2"
                                    class="form-control @error('tags') is-invalid @enderror"
                                    value="{{ $course->tags ?? old('tags') }}" />
                                @error('tags')
                                    <span class="invalid-repository" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-2 col-xl-2 col-sm-6">
                            <div class="form-group">
                                <label for="funded_id">Source of Fund</label>
                                <select id="selectCourse"
                                    class="searchable_select form-control @error('funded_id') is-invalid @enderror"
                                    name="funded_id">
                                    <option value="">Funded By</option>
                                    @foreach ($funded as $fund)
                                        <option value="{{ $fund->id }}"
                                            @isset($course) {{ $course->funded_id == $fund->id ? 'selected' : '' }} @endisset>
                                            {{ $fund->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('funded_id')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-2 col-xl-2 col-sm-6">
                            <label for="fund">Fund (Tk.)</label>
                            <input id="fund" type="number" placeholder=""
                                class="form-control @error('fund') is-invalid @enderror" name="fund"
                                value="{{ $course->fund ?? old('fund') }}" />
                            @error('fund')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="col-md-2 col-xl-2 col-sm-6">
                            <label for="fund">Total Batch</label>
                            <input id="total_batch" type="number" placeholder=""
                                class="form-control @error('total_batch') is-invalid @enderror" name="total_batch"
                                value="{{ $course->total_batch ?? old('total_batch') }}" />
                            @error('total_batch')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="col-md-2 col-xl-2 col-sm-6">
                            <label for="fund">Course Duration (Days)</label><small></small>
                            <input id="duration" type="number" placeholder="Total days"
                                class="form-control @error('duration') is-invalid @enderror" name="duration"
                                value="{{ $course->duration ?? old('duration') }}" />
                            @error('duration')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="col-md-2 col-xl-2 col-sm-2">
                            <div class="form-group clearfix">
                                <label for="title">Allow Child</label>
                                <div class="icheck-primary ">
                                    <input type="checkbox" id="checkboxchild" name="allow_child" value="1"
                                        @isset($course) {{ $course->allow_child == 1 ? 'checked' : '' }} @endisset>
                                    <label for="checkboxchild">
                                        Yes
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 col-xl-2 col-sm-2">
                            <div class="form-group clearfix">
                                <label for="title">Allow Repetition</label>
                                <div class="icheck-primary ">
                                    <input type="checkbox" id="checkboxrepet" name="allow_repetition" value="1"
                                        @isset($course) {{ $course->allow_repetition == 1 ? 'checked' : '' }} @endisset>
                                    <label for="checkboxrepet">
                                        Yes
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
        <!-- Hidden Div -->
        <div class="col-md-12 col-x-12 col-sm-12">
            <fieldset class="answer">
                <legend class="scheduler-border" style="width: auto;">Set Criterias</legend>
                <div class="col-md-12 col-x-12 col-sm-12">
                    <div class="row">
                        <div class="col-md-6 col-x-6 col-sm-6">
                            <div class="form-group">
                                <label for="title">Age Lower Limit</label>
                                <input name="lower_limit" id="lower_limit" type="number"
                                    value="{{ $course->lower_limit ?? old('lower_limit') }}"
                                    class="form-control @error('title') is-invalid @enderror" />
                                <span id="error"></span>
                            </div>
                        </div>
                        <div class="col-md-6 col-x-6 col-sm-6">
                            <div class="form-group">
                                <label for="title">Age Upper Limit</label>
                                <input name="upper_limit" id="upper_limit" type="number"
                                    value="{{ $course->upper_limit ?? old('upper_limit') }}"
                                    class="form-control @error('title') is-invalid @enderror" />
                                <span id="error"></span>
                            </div>
                        </div>
                        <div class="col-md-6 col-x-6 col-sm-6">
                            <div class="form-group">
                                <label for="title">Designation</label>
                                <select id="designation" name="designation[]" multiple="multiple"
                                    class="searchable_select js-example-basic-single form-control @error('desig') is-invalid @enderror">
                                    @isset($course)
                                        @foreach ($designations_edit as $designation)
                                            <option value="{{ $designation->id }}"
                                                @isset($course) {{ $course->id == $designation->course_id ? 'selected' : '' }} @endisset>
                                                {{ $designation->designation }}
                                            </option>
                                        @endforeach
                                    @endisset
                                    @foreach ($designations as $designation)
                                        <option value="{{ $designation->id }}">{{ $designation->designation }}</option>
                                    @endforeach
                                </select>
                                <span id="error"></span>
                            </div>
                        </div>
                        <div class="col-md-6 col-x-6 col-sm-6">
                            <div class="form-group">
                                <label for="title">Subject</label>
                                <select id="subject" name="subject[]" multiple="multiple"
                                    class="searchable_select js-example-basic-single form-control @error('subject') is-invalid @enderror">
                                    @isset($course)
                                        @foreach ($subjects_edit as $subject)
                                            <option value="{{ $subject->id }}"
                                                @isset($course) {{ $course->id == $subject->course_id ? 'selected' : '' }} @endisset>
                                                {{ $subject->subject }}
                                            </option>
                                        @endforeach
                                    @endisset
                                    @foreach ($subjects as $subject)
                                        <option value="{{ $subject->id }}">{{ $subject->subject }}</option>
                                    @endforeach
                                </select>
                                <span id="error"></span>
                            </div>
                        </div>
                        <div class="col-md-6 col-x-6 col-sm-6">
                            <div class="form-group">
                                <label for="title">Zone</label>
                                <select id="zones" name="zones[]" multiple="multiple"
                                    class="searchable_select form-control @error('course_id') is-invalid @enderror">
                                    @isset($course)
                                        @foreach ($zones_edit as $zone_edit)
                                            <option value="{{ $zone_edit->id }}"
                                                @isset($course) {{ $course->id == $zone_edit->course_id ? 'selected' : '' }} @endisset>
                                                {{ $zone_edit->zone_name }}
                                            </option>
                                        @endforeach
                                    @endisset
                                    @foreach ($zones as $zone)
                                        <option value="{{ $zone->id }}">{{ $zone->zone_name }}</option>
                                    @endforeach
                                </select>
                                <span id="error"></span>
                            </div>
                        </div>
                        <div class="col-md-2 col-x-2 col-sm-2">
                            <div class="form-group clearfix">
                                <label for="title">Is Mpo</label>
                                <div class="icheck-primary ">
                                    <input type="checkbox" id="is_mpo" name="is_mpo" value="1"
                                        @if (!isset($course))
                                    @else
                                    {{ $course->is_mpo == 1 ? 'checked' : '' }} @endif>
                                    <label for="is_mpo">Yes
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 col-x-2 col-sm-2">
                            <div class="form-group clearfix">
                                <label for="title">Is Teacher</label>
                                <div class="icheck-primary ">
                                    <input type="checkbox" id="is_teacher" name="is_teacher" value="1"
                                        @if (!isset($course))
                                    @else
                                    {{ $course->is_teacher == 1 ? 'checked' : '' }} @endif>
                                    <label for="is_teacher">Yes
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 col-x-2 col-sm-2">
                            <div class="form-group clearfix">
                                <label for="title">Is Government</label>
                                <div class="icheck-primary ">
                                    <input type="checkbox" id="is_govt" name="is_govt" value="1"
                                        @if (!isset($course)) @else
                                        {{ $course->is_govt == 1 ? 'checked' : '' }} @endif>
                                    <label for="is_govt">Yes
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-x-6 col-sm-6">
                        </div>
                        <div class="col-md-2 col-x-2 col-sm-2 pull-right">
                            <div class="form-group clearfix">
                                <label for="title">Is School </label>
                                <div class="icheck-primary ">
                                    <input type="checkbox" id="is_school" name="is_school" value="1"
                                        @if (!isset($course))
                                        @else
                                        {{ $course->is_school == 1 ? 'checked' : '' }} @endif>
                                    <label for="is_school">Yes
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2 col-x-2 col-sm-2 pull-right">
                            <div class="form-group clearfix">
                                <label for="title">Is College </label>
                                <div class="icheck-primary ">
                                    <input type="checkbox" id="is_college" name="is_college" value="1"
                                        @if (!isset($course))
                                        @else
                                        {{ $course->is_college == 1 ? 'checked' : '' }} @endif>
                                    <label for="is_college">Yes
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-2 col-x-2 col-sm-2 pull-right">
                            <div class="form-group clearfix">
                                <label for="title">Is Office </label>
                                <div class="icheck-primary ">
                                    <input type="checkbox" id="is_office" name="is_office" value="1"
                                        @if (!isset($course))
                                        @else
                                        {{ $course->is_office == 1 ? 'checked' : '' }} @endif>
                                    <label for="is_office">Yes
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-x-6 col-sm-6">
                        </div>
                        <div class="col-md-2 col-x-2 col-sm-2 pull-right">
                            <div class="form-group clearfix">
                                <label for="title">Is Employee</label>
                                <div class="icheck-primary ">
                                    <input type="checkbox" id="is_employee" name="is_employee" value="1"
                                        @if (!isset($course)) @else
                                        {{ $course->is_employee == 1 ? 'checked' : '' }} @endif>
                                    <label for="is_employee">Yes
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </fieldset>
        </div>
        <div class="col-md-12 col-x-12 col-sm-12 mt-4">
            @isset($course)
                <button type="submit" class="btn btn-lg btn-primary pull-right" value="Update">Update</button>
            @else
                <button type="submit" class="btn btn-lg btn-primary pull-right" value="Create">Save</button>
                <button type="submit" class="btn btn-lg btn-success pull-right" style="margin-right:10px;" name="publish" value="1">Save and
                    Publish</button>
            @endisset
        </div>
        </form>
        <!-- </div> -->
        <!-- /.row (main row) -->
        </div>
        <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
 
    @endsection @push('js')
    <script>
        $(document).ready(function() {
            $(function() {
                $("#checkboxPrimary2").on("click", function() {
                    $(".answer").toggle(this.checked);
                });
            });

            // $(function() {
            //     $("#checkboxPrimary3").on("click", function() {
            //         if ($(this).prop('checked')) {
            //         $('#checkboxPrimary2').prop('checked', true);
            //         } else {
            //             $('#checkboxPrimary2').prop('checked', false);
            //         }
            //         $(".answer").toggle(this.checked);
            //     });
            // });


            // $('#tags').on('keyup', function() {
            //     var tag = $(this).val();
            //     $.ajax({
            //         url: '{{ url('/') }}' + '/batch/tags/' + tag,
            //         type: "GET",
            //         dataType: "json",
            //         success: function(data) {

            //             // var res = '<option value="0">Select Tag</option>';
            //             // $.each(data.batches, function(key, value) {
            //             //     res +=
            //             //         '<option value="' + value.id + '">' + value.name + '</option>';
            //             // });
            //             // $('select[name="selectTag"]').html(res);
            //         }
            //     });
            // });

        });
    </script>
@endpush