@extends('layouts.app')
@section('titlePage', 'Manage Page')

@section('content')
<div class="page-wrapper">
    <!-- [ breadcrumb ] start -->
    <div class="breadcrumb-header justify-content-between">
        <div class="left-content">
            <span class="main-content-title mg-b-0 mg-b-lg-1">PUBLISH</span>
        </div>
        <div class="justify-content-center mt-2">
            <ol class="breadcrumb breadcrumb-style3">
                <li class="breadcrumb-item tx-15"><a href="{{ _route('client.test-series.naxevaTestSeriesList') }}"><i class="feather icon-home"></i></a></li>
                <li class="breadcrumb-item active"></li>
            </ol>
        </div>
    </div>
    <!-- [ breadcrumb ] end -->
    <!-- [ Main Content ] start -->
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <a href="{{ _route('client.test-series.naxevaTestSeriesList') }}" class="btn btn-primary">List</a>
                </div>
                <div class="card-body">
                    @include('common.alert')
                    <form method="POST" action="{{ _route('client.test-series.test-seriesPublishUpdate',['test_id' => $id]) }}" enctype="multipart/form-data">
                        @csrf


                                                @include('common.script.select-multi-section')
                       {{-- <div class="col-md-6" id="checkboxes">
                            <label class="ckbox" style="margin-left: 5px" for="select_all"><input type="checkbox" id="select_all" name="select_all" value="1" {{ ($select_all == 'true') ? 'checked' : '' }}>
                                <span>Select All</span></label>
                        </div>

                        <div class="row filter_container" style="display: {{ ($select_all == 'true') ? 'none' : 'flex' }}">

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="" class="form-label">Select Campus <span class="text-red">*</span></label>
                                    <select class="SlectBox form-control" name="campus_id[]" id="campus_id" multiple>
                                        @foreach ($dataMap['campuses'] as $campus)
                                        <option value="{{$campus->id}}" @if(old('campus_id',$data->campus_id ?? null) == $campus->id) selected @endif>{{$campus->campus_title}} -- {{$campus->campus_location}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Select Degree <span class="text-red">*</span></label>
                                    <select class="js-example-data-array" name="degree_specialization_id[]" id="degree_specialization_id" multiple>
                                        @if(!empty($data) && $data->degree_specialization_multiple && !empty($dataMap['degreesMap'][$data->campus_multiple]))
                                        @foreach ($dataMap['degreesMap'][$data->campus_multiple] as $degree)
                                        <option value="{{$degree['id']}}" @if(($data->degree_specialization_multiple ?? null) == $degree['id']) selected @endif>{{$degree['title']}}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="">Select Department <span class="text-red">*</span></label>

                                    <select class="js-example-data-array col-sm-12" name="department_mng_id[]" id="department_mng_id" multiple>

                                        @if(!empty($data) && !empty($dataMap['departmentsMap'][$data->degree_specialization_id]))
                                        @foreach ($dataMap['departmentsMap'][$data->degree_specialization_id] as $department)
                                        @php
                                        $selected = "";
                                        if (is_array(json_decode($data->department_mng_id_multiple))
                                        && in_array($department['id'], json_decode($data->department_mng_id_multiple))) {
                                        $selected = "selected";
                                        }
                                        @endphp
                                        <option value="{{$department['id']}}" {{$selected}}>{{$department['title']}}</option>
                                        @endforeach
                                        @else
                                        <option value="">-- Select Department --</option>
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Select Batch <span class="text-red">*</span></label>
                                    <select class="js-example-data-array" name="batch_id[]" id="batch_id" multiple>
                                        @if(!empty($data) && $data->batches_ids && !empty($dataMap['batchesMap'][$data->department_mng_id_multiple]))
                                        @foreach ($dataMap['batchesMap'][$data->department_mng_id_multiple] as $batch)
                                        <option value="{{$batch['id']}}" @if(($data->batches_ids ?? null) == $batch['id']) selected @endif>{{$batch['title']}}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>--}}
                        <div class="col-md-12 mt-2">
                            <button type="submit" class="btn btn-primary ">Submit</button>
                        </div>

                    </form>
                </div>
                {{-- /card-body --}}
            </div>
        </div>
    </div>
    <!-- [ Main Content ] end -->
</div>
@endsection
@push('script')
<script src="{{ asset('assets/vidiyal/js/jquery.copy-to-clipboard.js') }}"></script>
<script src="{{ asset('assets/vidiyal/vendor.js') }}"></script>
<script type="text/javascript">
      $(document).ready(function() {
        $(function() {
            // [ Add phone validator ] start
            $.validator.addMethod("validation_title", function(value, element) {
                return this.optional(element) || /^[a-zA-Z][a-zA-Z0-9-& ]+$/i.test(value);
            }, "Please enter alphabets numeric space and - only and first letter should be alphabet");

            // [ Initialize validation ] start
            $('#testseries-form').validate({
                ignore: '.ignore, .select2-input',
                focusInvalid: false,
                rules: {
                    'section': {
                        required: true,
                    },
                   
                    // Checkbox groups  //d_description
                },

                // Errors //

                errorPlacement: function errorPlacement(error, element) {
                    var $parent = $(element).parents('.form-group');

                    // Do not duplicate errors
                    if ($parent.find('.jquery-validation-error').length) {
                        return;
                    }

                    $parent.append(
                        error.addClass('jquery-validation-error small form-text invalid-feedback')
                    );
                },
                highlight: function(element) {
                    var $el = $(element);
                    var $parent = $el.parents('.form-group');

                    $el.addClass('is-invalid');

                    // Select2 and Tagsinput
                    if ($el.hasClass('select2-hidden-accessible') || $el.attr('data-role') === 'tagsinput') {
                        $el.parent().addClass('is-invalid');
                    }
                },
                unhighlight: function(element) {
                    $(element).parents('.form-group').find('.is-invalid').removeClass('is-invalid');
                }
            });

        });
    });
</script>
    @endpush