@extends('layout.index')

@section('title', 'Master Question Validation')
<!-- 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">Master Question Validation</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">
                        {{ $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="validation_master">
                                    {{ csrf_field() }}
                                    <div class="row">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <h3 for="form">{{$aQuestion->name_description}}</h3>
                                                <!-- @error('form')
                                                <span class="text-danger">{{ $message }}</span>
                                                @enderror -->
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <select class="form-control" id="country_id" name="country_id" onchange="submit_country()">
                                                        <option value="-1">All Country</option>
                                                                                                            </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12 d-flex align-items-center justify-content-end">
                                            <a href="{{ url('master_questions/add_edit') }}" class="btn btn-outline-primary float-right">
                                                <i data-feather="plus"></i><span>Add New Question</span></a>
                                        </div>
                                       
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="validation[]" class="form-check-input" type="checkbox" value="required" id="required" {{in_array('required',$aValidation['validation']) ? 'checked' : ''}} onclick="required_check()">
                                                    <input name="required_val" type="hidden" value="required">
                                                    <label class="form-check-label" for="required">Required</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="validation[]" class="form-check-input" type="checkbox" value="readonly" id="readonly" {{in_array('readonly',$aValidation['validation']) ? 'checked' : ''}} onclick="required_check()">
                                                    <input name="readonly_val" type="hidden" value="readonly">
                                                    <label class="form-check-label" for="readonly">Readonly</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="validation[]" class="form-check-input" type="checkbox" value="numeric" id="numeric" {{in_array('numeric',$aValidation['validation']) ? 'checked' : ''}} onclick="numeric_check()">
                                                    <input name="numeric_val" type="hidden" value="numeric">
                                                    <label class="form-check-label" for="numeric">Numeric</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="validation[]" class="form-check-input" type="checkbox" value="decimallength" id="decimallength" {{in_array('decimallength',$aValidation['validation']) ? 'checked' : ''}} onclick="decimallength_check()">
                                                    <label class="form-check-label" for="decimallength">Decimal Length</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="decimallength_val" class="form-control" type="text" min="0" value="{{!empty($aValidation['decimallength_val']) ? $aValidation['decimallength_val'] : ''}}" id="decimallength_val" placeholder="Decimal Length" oninput="this.value = this.value.replace(/[^0-9.]/g, '')">
                                                    <div class="error">{{ !empty($aError['decimallength_val']) ? $aError['decimallength_val'] : '' }}</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="validation[]" class="form-check-input" type="checkbox" value="alpha" id="alpha" {{in_array('alpha',$aValidation['validation']) ? 'checked' : ''}}>
                                                    <input name="alpha_val" type="hidden" value="alpha">
                                                    <label class="form-check-label" for="alpha">Only Alpha</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="validation[]" class="form-check-input" type="checkbox" value="min" id="min" {{in_array('min',$aValidation['validation']) ? 'checked' : ''}}>
                                                    <label class="form-check-label" for="min">Minimum value</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="min_val" class="form-control" type="text" min="0" value="{{!empty($aValidation['min_val']) ? $aValidation['min_val'] : ''}}" id="min_val" placeholder="Minimum value" oninput="this.value = this.value.replace(/[^0-9.]/g, '')">
                                                    <div class="error">{{ !empty($aError['min_val']) ? $aError['min_val'] : '' }}</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="validation[]" class="form-check-input" type="checkbox" value="max" id="max" {{in_array('max',$aValidation['validation']) ? 'checked' : ''}}>
                                                    <label class="form-check-label" for="max">Maximum value</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="max_val" class="form-control" type="text" min="0" value="{{!empty($aValidation['max_val']) ? $aValidation['max_val'] : ''}}" id="max_val" placeholder="Maximum value" oninput="this.value = this.value.replace(/[^0-9.]/g, '')">
                                                    <div class="error">{{ !empty($aError['max_val']) ? $aError['max_val'] : '' }}</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="validation[]" class="form-check-input" type="checkbox" value="min_farm_area" id="min_farm_area" {{in_array('min_farm_area',$aValidation['validation']) ? 'checked' : ''}}>
                                                    <label class="form-check-label" for="min_farm_area">Minimum value for per acre farm area</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="min_farm_area_val" class="form-control" type="text" min="0" value="{{!empty($aValidation['min_farm_area_val']) ? $aValidation['min_farm_area_val'] : ''}}" id="min_farm_area_val" placeholder="Minimum value for per acre farm area" oninput="this.value = this.value.replace(/[^0-9.]/g, '')">
                                                    <div class="error">{{ !empty($aError['min_farm_area_val']) ? $aError['min_farm_area_val'] : '' }}</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="validation[]" class="form-check-input" type="checkbox" value="max_farm_area" id="max_farm_area" {{in_array('max_farm_area',$aValidation['validation']) ? 'checked' : ''}}>
                                                    <label class="form-check-label" for="max_farm_area">Maximum value for per acre farm area</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="max_farm_area_val" class="form-control" type="text" min="0" value="{{!empty($aValidation['max_farm_area_val']) ? $aValidation['max_farm_area_val'] : ''}}" id="max_farm_area_val" placeholder="Maximum value for per acre farm area" oninput="this.value = this.value.replace(/[^0-9.]/g, '')">
                                                    <div class="error">{{ !empty($aError['max_farm_area_val']) ? $aError['max_farm_area_val'] : '' }}</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="validation[]" class="form-check-input" type="checkbox" value="max_farm_activities" id="max_farm_activities" {{in_array('max_farm_activities',$aValidation['validation']) ? 'checked' : ''}}>
                                                    <label class="form-check-label" for="max_farm_activities">Maximum value for per acre farm area (All activity)</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="max_farm_activities_val" class="form-control" type="text" min="0" value="{{!empty($aValidation['max_farm_activities_val']) ? $aValidation['max_farm_activities_val'] : ''}}" id="max_farm_activities_val" placeholder="Maximum value for per acre farm area (All activity)" oninput="this.value = this.value.replace(/[^0-9.]/g, '')">
                                                    <div class="error">{{ !empty($aError['max_farm_activities_val']) ? $aError['max_farm_activities_val'] : '' }}</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="validation[]" class="form-check-input" type="checkbox" value="max_cycle_field" id="max_cycle_field" {{in_array('max_cycle_field',$aValidation['validation']) ? 'checked' : ''}}>
                                                    <label class="form-check-label" for="max_cycle_field">Maximum value upto selected question</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <select name="max_cycle_field_val" id="max_cycle_field_val" class="form-control form-select select2">
                                                        <option value="0">Select Question</option>    
                                                        @foreach($aQuestions as $question)
                                                        <option value="{{$question->id}}" {{(!empty($aValidation['max_cycle_field_val']) && $aValidation['max_cycle_field_val']==$question->id) ? 'selected' : ''}}>{{$question->id}}) {{$question->name_description}} - {{$question->form_name}}</option>
                                                        @endforeach
                                                    </select>
                                                    <div class="error">{{ !empty($aError['max_cycle_field_val']) ? $aError['max_cycle_field_val'] : '' }}</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="validation[]" class="form-check-input" type="checkbox" value="min_cycle_field" id="min_cycle_field" {{in_array('min_cycle_field',$aValidation['validation']) ? 'checked' : ''}}>
                                                    <label class="form-check-label" for="min_cycle_field">Minimum value upto selected question</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <select name="min_cycle_field_val" id="min_cycle_field_val" class="form-control form-select select2">
                                                        <option value="0">Select Question</option>
                                                        @foreach($aQuestions as $question)
                                                        <option value="{{$question->id}}" {{(!empty($aValidation['min_cycle_field_val']) && $aValidation['min_cycle_field_val']==$question->id) ? 'selected' : ''}}>{{$question->id}}) {{$question->name_description}} - {{$question->form_name}}</option>
                                                        @endforeach
                                                    </select>
                                                    <div class="error">{{ !empty($aError['min_cycle_field_val']) ? $aError['min_cycle_field_val'] : '' }}</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="validation[]" class="form-check-input" type="checkbox" value="required_condition" id="required_condition" {{in_array('required_condition',$aValidation['validation']) ? 'checked' : ''}} onclick="required_condition_check()">
                                                    <label class="form-check-label" for="required_condition">Required only on selected question has given answer</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <select name="required_condition_val" id="required_condition_val" class="form-control form-select select2" onchange="get_question_option()">
                                                        <option value="0">Select Question</option>
                                                        @foreach($aQuestions as $question)
                                                        @if($question->form_id==$aQuestion->form_id)
                                                        <option value="{{$question->id}}" {{(!empty($aValidation['required_condition_val']) && $aValidation['required_condition_val']==$question->id) ? 'selected' : ''}}>{{$question->id}}) {{$question->name_description}} - {{$question->form_name}}</option>
                                                        @endif
                                                        @endforeach
                                                    </select>
                                                    <div class="error">{{ !empty($aError['required_condition_val']) ? $aError['required_condition_val'] : '' }}</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group" id="required_condition_option">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-1">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="validation[]" class="form-check-input" type="checkbox" value="minsum" id="minsum" {{in_array('minsum',$aValidation['validation']) ? 'checked' : ''}} onclick="minsum_check()">
                                                    <label class="form-check-label" for="minsum">Minimum sum of selected questions</label>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <select name="minsum_val[]" id="minsum_val" class="form-control form-select select2" multiple="multiple" >
                                                        <option value="0">Select Question</option>
                                                        @foreach($aQuestions as $question)
                                                        <option value="{{$question->id}}" {{(!empty($aValidation['minsum_val']) && in_array($question->id,$aValidation['minsum_val'])) ? 'selected' : ''}}>{{$question->id}}) {{$question->name_description}} - {{$question->form_name}}</option>
                                                        @endforeach
                                                    </select>
                                                    <div class="error">{{ !empty($aError['minsum']) ? $aError['minsum'] : '' }}</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <div class="form-check">
                                                    <input name="minsum_condition_ans_val" class="form-control" type="text" min="0" value="{{!empty($aValidation['minsum_condition_ans_val']) ? $aValidation['minsum_condition_ans_val'] : ''}}" id="minsum_condition_ans_val" placeholder="Minimum sum (default is 0)" oninput="this.value = this.value.replace(/[^0-9.]/g, '')">
                                                    <div class="error">{{ !empty($aError['minsum_condition_ans_val']) ? $aError['minsum_condition_ans_val'] : '' }}</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 text-center mt-1">
                                            <button type="submit" class="btn btn-primary mr-1" onClick="return ()">Submit</button>
                                            <a href="{{ url('/master_questions/add_edit/'.$id) }}" type="reset"
                                            class="btn btn-outline-secondary btn-danger">Cancel</a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </section>
   <script>
    $( document ).ready(function() {
        $('#max_cycle_field_val').select2({});
    });

    function required_check(){
        $('#required_condition').prop('checked', false);
    }

    function required_condition_check(){
        $('#required').prop('checked', false);
    }

    function decimallength_check(){
        if(document.getElementById('decimallength').checked){
            $('#numeric').prop('checked', true);
        }
    }

    function minsum_check(){
        if(document.getElementById('minsum').checked){
            $('#numeric').prop('checked', true);
        }
    }

    function numeric_check(){
        if(!document.getElementById('numeric').checked){
            $('#decimallength').prop('checked', false);
            $('#minsum').prop('checked', false);
        }
    }
    
    get_question_option()
    
    function get_question_option(){
        let qid = $('#required_condition_val').val()
        if(qid){
            $.ajax({
                url: "