@extends('layout.index')

@if (isset($id))
    @section('title', 'Edit Chart Tab')
@else
    @section('title', 'Add Chart Tab')
@endif
<!-- Dashboard Ecommerce start -->
@section('content')
    <section>

        <div class="content-body">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12 d-flex">
                            <h2 class="content-header-title float-start mb-0">Add Chart Tab                            </h2>
                        </div>
                    </div>
                </div>             
            </div>
        </div>

        @if ($message = Session::get('error'))
            <div class="demo-spacing-0 mb-1">
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <div class="alert-body">
                        {{-- <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> --}}
                        {{ $message }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">

                    </div>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
        @endif
        @if ($message = Session::get('success'))
        <div class="demo-spacing-0 mb-1">
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <div class="alert-body">
                    <i class="fa fa-check-circle" style="font-size:16px;" aria-hidden="true"></i>
                    {{ $message }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">

                </div>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        </div>
        @endif

        <div class="content-body">
            <section id="multiple-column-form">
                <div class="row justify-content-center">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-body">
                                <form class="form" action="" method="post">
                                    <input type="hidden" name="form_type" value="add_edit_chart_tab">
                                    {{ csrf_field() }}
                                
                                    <div class="row">
                                     
                                        <div class="col-md-3 col-12">
                                            <div class="form-group">
                                                <label for="tabTitle">Tab Title <span style="color:red;">
                                                        *</span></label>
                                                <input type="text" id="tabTitle" class="form-control"
                                                    placeholder="Enter Tab Title" name="tabTitle" autocomplete="off"
                                                    value="{{ old('tabTitle', $tabTitle) }}" />

                                                <h5><small class="text-danger" id="tabTitle_err"></small></h5>
                                                @error('tabTitle')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
										<div class="col-sm-3">
											<label class="form-label" for="validationCustom04">Season<span style="color:red;"> *</span></label>
																						<select class="form-select form-control select2" name='season[]' id="season" multiple>
												{{-- <option value='0'>Select Season</option> --}}
																							</select>
											<h5><small class="text-danger" id="season_err"></small></h5>
											@error('season')
												<span class="text-danger">{{ $message }}</span>
											@enderror
										</div>

                                        <div class="col-sm-3">
											<label class="form-label" for="validationCustom04">Program<span style="color:red;"> *</span></label>

																						<select class="form-select form-control" name='program' id="program"  >
												<option value=''>Select Program</option>
																							</select>
                                           
											<h5><small class="text-danger" id="program_err"></small></h5>
											@error('program')
												<span class="text-danger">{{ $message }}</span>
											@enderror
										</div>
                                       
                                        <div class="col-md-3 col-12">
                                            <div class="form-group">
                                                <label for="sortOrder">Sort Order <span style="color:red;">
                                                        *</span></label>
                                                <input type="text" id="sortOrder" class="form-control"
                                                    placeholder="Enter Tab Title" name="sortOrder" autocomplete="off"
                                                    value="{{ old('sortOrder', $sortOrder) }}" />

                                                <h5><small class="text-danger" id="sortOrder_err"></small></h5>
                                                @error('sortOrder')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-12 text-center mt-1">
                                           
                                            <button type="submit" class="btn btn-primary mr-1" onClick="return Validation();">Submit</button>
                                            <a href="{{ url('/chart_management') }}" type="reset"
                                            class="btn btn-outline-secondary ">Cancel</a>
                                        </div> 
                                    </div>
                                </form>

                               
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        
        {{-- <div class="modal fade" id="link_table_modal" tabindex="-1" role="dialog" aria-labelledby="link_table_modal" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
              <div class="modal-content">
                <div class="col-xl-12">
                  <div class="card social-profile mb-0">
               
                    <div class="card-body" >
                        <form class="form" id="model" action="{{ url('master_questions/link/'.$id) }}" method="post">
                            @csrf
                            <div id="link_table_modal_body">
                                
                            </div>
                        </form>
                    </div>         
                    <br>
                  </div>
                </div>  
              </div>
            </div>
        </div> --}}

        
      
    </section>
   
@endsection
<script>
  var id = 0;

    function Validation()
    {
		var chartType=$('#chartType').val();
		var season=$('#season').val();
		var tabTitle=$('#tabTitle').val();
	
		if ($('#tabTitle').val() == "") {
			$('#tabTitle').parent().addClass('has-error');
			$('#tabTitle_err').html('Please Enter Tab.');
			$('#tabTitle').focus();
			$('#tabTitle').change(function() {
				$('#tabTitle').parent().removeClass('has-error');
				$('#tabTitle_err').html('');
			});
			return false;
		}

        if (!$('#season').val() || $('#season').val().length === 0 || $('#season').val() == "0") {
            $('#season').next('.select2-container').addClass('has-error');
            $('#season_err').html('Please Select Season.');

            $('#season').select2('open');

            $('#season').on('change', function () {
                $('#season').next('.select2-container').removeClass('has-error');
                $('#season_err').html('');
            });
            return false;
        }

        // if(id == 0){
        //     if ($('#chartType').val() == "") {
        //         $('#chartType').parent().addClass('has-error');
        //         $('#chartType_err').html('Please Select Chart Type.');
        //         $('#chartType').focus();
        //         $('#chartType').change(function() {
        //             $('#chartType').parent().removeClass('has-error');
        //             $('#chartType_err').html('');
        //         });
        //         return false;
        //     }
        // }

        if ($('#program').val() == "") {
            $('#program').parent().addClass('has-error');
            $('#program_err').html('Please Select Program.');
            $('#program').focus();
            $('#program').change(function() {
                $('#program').parent().removeClass('has-error');
                $('#program_err').html('');
            });
            return false;
        }
        
    
        if ($('#sortOrder').val() == "" || $('#sortOrder').val() == '0') {
            $('#sortOrder').parent().addClass('has-error');
            $('#sortOrder_err').html('Please Enter Sort Order.');
            $('#sortOrder').focus();
            $('#sortOrder').change(function() {
                $('#sortOrder').parent().removeClass('has-error');
                $('#sortOrder_err').html('');
            });
            return false;
        }
        return true;
    }

function closebtn()
{
    // alert('here');
    $("#link_table_modal").modal("toggle");
    location.reload();
}

function get_Question() {
    var formId = $('#form').val(); 

    sQuestionOptions = '<option value="0">Select Question</option>';
    $.each(aQuestion, function(key, question_obj) {
        var selected='';
        
        if (formId != 0 && question_obj.formId == formId) {
            
            sQuestionOptions += '<option value=' + question_obj.id + ' '+selected+'>' + question_obj.questionName + '</option>'
        }else if (formId == 0) {
            sQuestionOptions += '<option value=' + question_obj.id + ' '+selected+'>' + question_obj.questionName + '</option>'
        }
    })
    
    $('#question').html(sQuestionOptions);
    
}
</script>