@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="#">Operator '@if($operator==1) A @endif @if($operator==2) B @endif'</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Post Evaluation</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid">
<div class="row">
    <div class="col-md-12 col-sm-12">
        <h5 class="caption">Underground Storage Tank (UST) Operator Training Post Evaluation Sheet</h5>
    </div>
    <div class="col-md-12 col-sm-12">
        <h6>Please complete this part of the questionnaire after the training starts</h6>
    </div>
    <div class="col-md-12 col-sm-12">
        <h5 class="caption">For CLASS @if($operator==1) A @endif @if($operator==2) B @endif 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($post != '')
            {{ Form::model($post, ['url'=>'user/post-evaluation', 'id'=>'validateForm']) }}
            {{ Form::hidden('post_id', $post->id) }}
        @else
            {{ Form::open(['url'=>'user/post-evaluation', 'id'=>'validateForm']) }}
        @endif
        {{ Form::hidden('operator', $operator) }}
        <div class="chapterscontainer">
            <div class="col-md-12 col-sm-12 operatorheading">Class @if($operator==1) A @endif @if($operator==2) B @endif 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 did you understand about your responsibilities to keep your UST system in compliance through the training?</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($post!='' && $post->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($post!='' && $post->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($post!='' && $post->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) How much did you learn about the basics of UST system and its components?</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($post!='' && $post->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($post!='' && $post->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($post!='' && $post->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 did you understand about the different release detection methods of an 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($post!='' && $post->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($post!='' && $post->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($post!='' && $post->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($post!='' && $post->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($post!='' && $post->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($post!='' && $post->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) How well did you understand about the walk-through inspections, delivery prohibitions and record keeping through the training?</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($post!='' && $post->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($post!='' && $post->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($post!='' && $post->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 understanding skills in responding to the emergency situation upon releases?</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($post!='' && $post->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($post!='' && $post->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($post!='' && $post->question6 == 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">7) How much did you gain knowledge on demonstrating financial mechanism 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="radiobox19" name="question7" value="1" required @if($post!='' && $post->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($post!='' && $post->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($post!='' && $post->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 much did you understand about the UST Registrations and Permits?</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($post!='' && $post->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($post!='' && $post->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($post!='' && $post->question8 == 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">9) How well did you understand about the UST Closure?</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($post!='' && $post->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($post!='' && $post->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($post!='' && $post->question9 == 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').append(error);
            }
        });
    });
    
    $('#validateForm').submit(function(e) {
        if($("#validateForm").valid()) {
            $("#validateForm").submit();
        } else {
            return false;
        }
    });
</script>
@endsection