@extends('layouts.new-app')
@section('content')
<style>
    .error{font-size:10px !important;}
</style>
<div class="container-fluid">
    <div class="col-md-12 col-sm-12 col-lg-12">
        <div class="row">
            <div class="col-md-9 col-sm-9 col-lg-9 breadcrumbcustomize">
                <div class="row">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ url('/home') }}">Home</a></li>
                            <li class="breadcrumb-item"><a href="{{ url('/user/chapter-home/') }}/@if($operator==1)1 @endif @if($operator==2)2 @endif">Operator 'AB'</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Pre Evaluation</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid">
<div class="row">
    <div class="col-md-12 col-sm-12">
        <h6>Please complete this part of the questionnaire before the training starts</h6>
    </div>
    <div class="col-md-12 col-sm-12">
        <h5 class="caption">For CLASS AB Operator</h5>
    </div>
    <div class="col-md-12 col-sm-12"><span class="operatorname">{{ ucwords(auth()->user()->name.' '.auth()->user()->last_name) }}</span>
    </div>
    <div class="col-md-6 col-sm-6" style="margin-top: 10px; font-size: 14px;">Please Tick <i class="fa fa-check" aria-hidden="true" style="color: #5eb034; font-size:18px;"></i> the appropriate box</div>
    <div class="col-md-6 col-sm-6 text-right" style="margin-top: 10px; font-size: 14px;"><span style="color: red">*</span> All fields are mandatory</div>
    <div class="col-md-12 col-sm-12">
        @if($pre != '')
            {{ Form::model($pre, ['url'=>'user/pre-evaluation', 'id'=>'validateForm']) }}
            {{ Form::hidden('pre_id', $pre->id) }}
        @else
            {{ Form::open(['url'=>'user/pre-evaluation', 'id'=>'validateForm']) }}
        @endif
        {{ Form::hidden('operator', $operator) }}
        <div class="chapterscontainer">
            <div class="col-md-12 col-sm-12 operatorheading">Class AB Operator</div>
            <div class="col-md-12 col-sm-12 operatortable">
                <div class="row radio-group">
                    <div class="col-md-12 col-sm-12 col-lg-7">1) How much do you know State Fire Marshal(SFM) and one of its Bureau (Bureau of Underground Storage Tank Regulations) - BUSTR ?</div>
                    <div class="col-md-12 col-sm-12 col-lg-1">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox1" name="question1" value="1"  required @if($pre!='' && $pre->question1 == 1) checked @endif>
                            </label>
                            Nil
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox2" name="question1" value="2" @if($pre!='' && $pre->question1 == 2) checked @endif>
                            </label>
                            Somewhat Familiar
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox3" name="question1" value="3" @if($pre!='' && $pre->question1 == 3) checked @endif>
                            </label>
                            Familiar
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 operatortable">
                <div class="row radio-group">
                    <div class="col-md-12 col-sm-12 col-lg-7">2) Please rate your knowledge on how well you can operate your UST system to keep in compliance?</div>
                    <div class="col-md-12 col-sm-12 col-lg-1">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox4" name="question2" value="1" required @if($pre!='' && $pre->question2 == 1) checked @endif>
                            </label>
                            Nil
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox5" name="question2" value="2" @if($pre!='' && $pre->question2 == 2) checked @endif>
                            </label>
                            Somewhat Familiar
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox6" name="question2" value="3" @if($pre!='' && $pre->question2 == 3) checked @endif>
                            </label>
                            Familiar
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 operatortable">
                <div class="row radio-group">
                    <div class="col-md-12 col-sm-12 col-lg-7">3) How well are you aware of your responsibilities for operating and maintaining UST system?</div>
                    <div class="col-md-12 col-sm-12 col-lg-1">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox7" name="question3" value="1" required @if($pre!='' && $pre->question3 == 1) checked @endif>
                            </label>
                            Nil
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox8" name="question3" value="2" @if($pre!='' && $pre->question3 == 2) checked @endif>
                            </label>
                            Somewhat Familiar
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox9" name="question3" value="3" @if($pre!='' && $pre->question3 == 3) checked @endif>
                            </label>
                            Familiar
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 operatortable">
                <div class="row radio-group">
                    <div class="col-md-12 col-sm-12 col-lg-7">4) How well you can Identify and understand each component in your UST system?</div>
                    <div class="col-md-12 col-sm-12 col-lg-1">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox10" name="question4" value="1" required @if($pre!='' && $pre->question4 == 1) checked @endif>
                            </label>
                            Nil
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox11" name="question4" value="2" @if($pre!='' && $pre->question4 == 2) checked @endif>
                            </label>
                            Somewhat Familiar
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                             <input type="radio" class="filled-in" id="radiobox12" name="question4" value="3" @if($pre!='' && $pre->question4 == 3) checked @endif>
                            </label>
                            Familiar
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 operatortable">
                <div class="row radio-group">
                    <div class="col-md-12 col-sm-12 col-lg-7">5) Rate your knowledge in dealing withrelease detection equipment and analysis of test results?</div>
                    <div class="col-md-12 col-sm-12 col-lg-1">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox13" name="question5" value="1" required @if($pre!='' && $pre->question5 == 1) checked @endif>
                            </label>
                            Nil
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox14" name="question5" value="2" @if($pre!='' && $pre->question5 == 2) checked @endif>
                            </label>
                            Somewhat Familiar
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox15" name="question5" value="3" @if($pre!='' && $pre->question5 == 3) checked @endif>
                            </label>
                            Familiar
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 operatortable">
                <div class="row radio-group">
                    <div class="col-md-12 col-sm-12 col-lg-7">6) How would you rate your knowledge in preventing releases, spills and overfills at your UST system?</div>
                    <div class="col-md-12 col-sm-12 col-lg-1">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox16" name="question6" value="1" required @if($pre!='' && $pre->question6 == 1) checked @endif>
                            </label>
                            Nil
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox17" name="question6" value="2" @if($pre!='' && $pre->question6 == 2) checked @endif>
                            </label>
                            Somewhat Familiar
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox18" name="question6" value="3" @if($pre!='' && $pre->question6 == 3) checked @endif>
                            </label>
                            Familiar
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 operatortable">
                <div class="row radio-group">
                    <div class="col-md-12 col-sm-12 col-lg-7">7) How do you rate your skills in maintaining and submitting UST records to SFM?</div>
                    <div class="col-md-12 col-sm-12 col-lg-1">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox19" name="question7" value="1" required @if($pre!='' && $pre->question7 == 1) checked @endif>
                            </label>
                            Nil
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox20" name="question7" value="2" @if($pre!='' && $pre->question7 == 2) checked @endif>
                            </label>
                            Somewhat Familiar
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                             <input type="radio" class="filled-in" id="radiobox21" name="question7" value="3" @if($pre!='' && $pre->question7 == 3) checked @endif>
                            </label>
                            Familiar
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 operatortable">
                <div class="row radio-group">
                    <div class="col-md-12 col-sm-12 col-lg-7">8) How well you respond to the emergency situation upon releases in your UST system?</div>
                    <div class="col-md-12 col-sm-12 col-lg-1">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox22" name="question8" value="1" required @if($pre!='' && $pre->question8 == 1) checked @endif>
                            </label>
                            Nil
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox23" name="question8" value="2" @if($pre!='' && $pre->question8 == 2) checked @endif>
                            </label>
                            Somewhat Familiar
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox24" name="question8" value="3" @if($pre!='' && $pre->question8 == 3) checked @endif>
                            </label>
                            Familiar
                        </div>
                    </div>
                </div>
            </div>
            @if($operator==1)
            <div class="col-md-12 col-sm-12 operatortable">
                <div class="row radio-group">
                    <div class="col-md-12 col-sm-12 col-lg-7">9) How well you can demonstrate with financial mechanisms for your UST system?</div>
                    <div class="col-md-12 col-sm-12 col-lg-1">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox25" name="question9" value="1" required @if($pre!='' && $pre->question9 == 1) checked @endif>
                            </label>
                            Nil
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox26" name="question9" value="2" @if($pre!='' && $pre->question9 == 2) checked @endif>
                            </label>
                            Somewhat Familiar
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox27" name="question9" value="3" @if($pre!='' && $pre->question9 == 3) checked @endif>
                            </label>
                            Familiar
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 operatortable">
                <div class="row radio-group">
                    <div class="col-md-12 col-sm-12 col-lg-7">10) How much do you know about annual UST registration and type of applications to be submitted to SFM according to UST activity type?</div>
                    <div class="col-md-12 col-sm-12 col-lg-1">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox28" name="question10" value="1" required @if($pre!='' && $pre->question10 == 1) checked @endif>
                            </label>
                            Nil
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox29" name="question10" value="2" @if($pre!='' && $pre->question10 == 2) checked @endif>
                            </label>
                            Somewhat Familiar
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox30" name="question10" value="3" @if($pre!='' && $pre->question10 == 3) checked @endif>
                            </label>
                            Familiar
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 operatortable">
                <div class="row radio-group">
                    <div class="col-md-12 col-sm-12 col-lg-7">11) How well you know about permits and which UST activities require permit by SFM?</div>
                    <div class="col-md-12 col-sm-12 col-lg-1">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox31" name="question11" value="1" required @if($pre!='' && $pre->question11 == 1) checked @endif>
                            </label>
                            Nil
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox32" name="question11" value="2" @if($pre!='' && $pre->question11 == 2) checked @endif>
                            </label>
                            Somewhat Familiar
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                             <input type="radio" class="filled-in" id="radiobox33" name="question11" value="3" @if($pre!='' && $pre->question11 == 3) checked @endif>
                            </label>
                            Familiar
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 operatortable">
                <div class="row radio-group">
                    <div class="col-md-12 col-sm-12 col-lg-7">12) How much you know about the UST temporary and permanent closures?</div>
                    <div class="col-md-12 col-sm-12 col-lg-1">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox34" name="question12" value="1" required @if($pre!='' && $pre->question12 == 1) checked @endif>
                            </label>
                            Nil
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                            <input type="radio" class="filled-in" id="radiobox35" name="question12" value="2" @if($pre!='' && $pre->question12 == 2) checked @endif>
                            </label>
                            Somewhat Familiar
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-2">
                        <div class="radio">
                            <label>
                             <input type="radio" class="filled-in" id="radiobox36" name="question12" value="3" @if($pre!='' && $pre->question12 == 3) checked @endif>
                            </label>
                            Familiar
                        </div>
                    </div>
                </div>
            </div>
            @endif
            <div class="col-md-12 col-lg-12 col-sm-12" id="error-div"></div>
            <div class="col-md-12 col-sm-12 col-lg-12 chapterbuttons">
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-lg-6">
                        <a href="{{ url('/home') }}" class="btn btn-outline-primary buttoncustom">CANCEL</a>
                    </div>
                    <div class="col-md-6 col-sm-6 col-lg-6 rightbuttons">
                        <button type="submit" class="btn buttonorange">SUBMIT</button>
                    </div>
                </div>
            </div>
        </div>
        {{ Form::close() }}
    </div>
</div>

<script>
    $(function() {
        $('#validateForm').validate({
            rules: {
                'radio': {
                    required: true
                },
            },
            highlight: function (input) {
                $(input).parents('.form-line').addClass('error');
            },
            unhighlight: function (input) {
                $(input).parents('.form-line').removeClass('error');
            },
            errorPlacement: function (error, element) {
                $(element).parents('.radio-group').append(error);
            }
        });
    });

    $('#validateForm').submit(function(e) {
        if($("#validateForm").valid()) {
            $("#validateForm").submit();
        } else {
            return false;
        }
    })
</script>
@endsection