@extends('admin.layout')
@section('content')
<style type="text/css">
#watermarked::before {
    position: fixed;
    top: -75%;
    left: -75%;
    display: block;
    width: 300%;
    height: 300%;
    transform: rotate(-45deg);
    content: attr(data-watermark);
    font-size: 30px;
    opacity: 0.15;
    line-height: 4em;
    letter-spacing: 2px;
    color: #ff0523;
    z-index: 0;
}

.content-wrapper,
.right-side {
    background: #FFF;
}

.box {
    background: transparent;
    z-index: 1;
}

.required-mark {
    color: red;
}

.mr-1 {
    margin-right: 0.01rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

hr {
    margin-left: 15px;
    margin-bottom: -3px;
}

.hr-primary {
    border: 1px solid #3c8dbc;
}

.bootstrap-select.btn-group .dropdown-menu li {
    border-bottom: 1px solid #6c6c6cde;
}

.my-current {
    color: #00c0ef;
}

.reating li {
    list-style: none;
    display: inline-grid;
    margin-right: 20px;
}

.reating {
    padding: 14px 20px;
    border: 1px solid #ddd3d3;
}
</style>
<div class="search-list">
    <div class="content-wrapper search-result-list">
        <section class="content-header">
            <h1> {{ trans('Add Form') }} <small></small> </h1>
            <ol class="breadcrumb">
                <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i>
                        {{ trans('labels.breadcrumb_dashboard') }}</a></li>
                <li class="active">{{ trans('Add Question') }}</li>
            </ol>
        </section>
        <section class="content">
            @php
            $keys=Session::get('fkey');
            $getUserRoleData = userRoleData();
            $LeadSources = explode(",",$getUserRoleData->LeadSources);
            if(isset($_REQUEST['date'])) {
            $from_date = $_REQUEST['date'];
            }
            @endphp

            <div class="row">
                <div class="col-md-12">
                    <div class="box box-info">
                        <div class="box-body">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="">
                                        <div class="row">
                                            @if(session()->has('message'))
                                            <div class="alert alert-success alert-dismissible">
                                                <button aria-hidden="true" data-dismiss="alert" class="close"
                                                    type="button">×</button>
                                                <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}
                                                </h4>
                                                {{ session()->get('message') }}
                                            </div>
                                            @endif
                                            @if(session()->has('error'))
                                            <div class="alert alert-warning alert-dismissible">
                                                <button aria-hidden="true" data-dismiss="alert" class="close"
                                                    type="button">×</button>
                                                <h4><i class="icon fa fa-warning"></i>
                                                    {{ trans('labels.WarningLabel') }}</h4>
                                                {{ session()->get('error') }}
                                            </div>
                                            @endif
                                        </div>
                                        <div class="box-body">
                                            {!! Form::open(array('url' => route('callmonitoring.store'),
                                            'method'=>'post', 'class' => 'form-horizontal', 'id' => 'addNewLeadSources',
                                            'enctype'=>'multipart/form-data')) !!}

                                            <div class="form-row">
                                                <div class="form-group col-md-4 mr-1">
                                                    <label for="inputCity1">Name</label>
                                                    <select name="name" class="form-control select2">
                                                        <option value=''>Search by User</option>
                                                        @foreach($result['users'] as $user)
                                                        <option @if (old('name')==$user->myid) selected="selected"
                                                            @endif value="{{$user->myid}}" @if(isset($_REQUEST['user'])
                                                            &&
                                                            !empty($_REQUEST['user']) && $_REQUEST['user']==$user->myid)
                                                            selected @endif >{{$user->first_name}} {{$user->last_name}}
                                                        </option>
                                                        @endforeach
                                                    </select>

                                                </div>
                                                <div class="form-group col-md-4 mr-1">
                                                    <label for="inputState">Supervisor</label>
                                                    <input type="text" class="form-control" id="supervisor"
                                                        name="supervisor" value="{{ old('supervisor') }}">
                                                    <span class="text-danger">{{$errors->first('supervisor') }}</span>
                                                </div>
                                                <div class="form-group col-md-4 mr-1">
                                                    <label for="inputZip">Date</label>
                                                    <input readonly type="text" id="date" name="date"
                                                        class="form-control" value="{{date('Y-m-d H:i:s')}}">
                                                    <span class="text-danger">{{$errors->first('date') }}</span>
                                                </div>
                                            </div>
                                            <div class="form-row">
                                                <div class="form-group col-md-4 mr-1">
                                                    <label for="inputCity">Call Reference</label>
                                                    <input type="text" class="form-control" id="call_reference"
                                                        name="call_reference" value="{{ old('call_reference') }}">
                                                    <span
                                                        class="text-danger">{{$errors->first('call_reference') }}</span>
                                                </div>
                                                <div class="form-group col-md-4 mr-1">
                                                    <label for="inputState">Call Recording Reference</label>
                                                    <input type="text" class="form-control" id="call_recording"
                                                        name="call_recording" value="{{ old('call_recording') }}">
                                                    <span
                                                        class="text-danger">{{$errors->first('call_recording') }}</span>
                                                </div>
                                                <div class="form-group col-md-4 mr-1">
                                                    <label for="inputZip">Customer Number</label>
                                                    <input type="text" class="form-control" id="customer_no"
                                                        name="customer_no" value="{{ old('customer_no') }}">
                                                    <span class="text-danger">{{$errors->first('customer_no') }}</span>
                                                </div>
                                            </div>

                                            @php $i=1; $j=0;$totalques=0; @endphp
                                            @if(count((array) $result['questiondata'])>0)
                                            @foreach ($result['questiondata'] as $key => $rsVal)

                                            @foreach($rsVal as $val1)
                                            @if($key=='Greeting' || $key=='Handling Contact')
                                            @php
                                            $j+=1;

                                            @endphp
                                            @endif
                                            @php $totalques+=$i; @endphp
                                            @endforeach
                                            @endforeach
                                            @php $noqueswithoption= $totalques-$j;
                                            $optionval=90/$noqueswithoption;
                                            $eachoption=$optionval/10;
                                            @endphp

                                            @foreach ($result['questiondata'] as $key => $rsVal)

                                            <div class="form-row">
                                                <div class="col-md-12">
                                                    <h3>{{ $key }}</h3>
                                                </div>
                                            </div>


                                            @foreach($rsVal as $val1)
                                            <input type="hidden" name="qaquestion[{{$i}}][question]"
                                                value="{{ $val1->id}}" />
                                            @if($key=='Greeting' || $key=='Handling Contact')

                                            <div class="form-row">
                                                <div class="form-group col-md-8">
                                                    <h4 class="mt-0">{{ $i.'.'.$val1->question_name }}</h4>
                                                </div>
                                                <div class="form-group col-md-4">
                                                    <select class="form-select mt-3 ansval1"
                                                        name="qaquestion[{{$i}}][answer]"
                                                        Onchange="mysumfunction(this.value)">
                                                        <option value="1">N/A</option>
                                                        <option @if(old('qaquestion.'.$i.'.answer')==1) selected @endif
                                                            value="1">Yes</option>
                                                        <option @if(old('qaquestion.'.$i.'.answer')==0) selected @endif
                                                            value="0">No</option>
                                                    </select>
                                                </div>
                                            </div>
                                            @else

                                            <div class="form-row">
                                                <div class="form-group col-md-6 d-inline mr-1">

                                                    <ul class="reating border border-secondary">
                                                        <h5>{{ $i.'.'.$val1->question_name }}</h5>
                                                        <li>
                                                            <span>1</span>
                                                            <input class="form-check-input chkradio ansval" type="radio"
                                                                name="qaquestion[{{$i}}][answer]" id="inlineRadio1"
                                                                value="{{$eachoption*1 }}"
                                                                @if(old('qaquestion.'.$i.'.answer')==1) checked @endif
                                                                onclick="mysumfunction(this.value)">
                                                        </li>
                                                        <li>
                                                            <span>2</span>
                                                            <input class="form-check-input chkradio ansval" type="radio"
                                                                name="qaquestion[{{$i}}][answer]" id="inlineRadio2"
                                                                value="{{$eachoption*2 }}"
                                                                @if(old('qaquestion.'.$i.'.answer')==2) checked @endif
                                                                onclick="mysumfunction(this.value)">
                                                        </li>
                                                        <li>
                                                            <span>3</span>
                                                            <input class="form-check-input chkradio ansval" type="radio"
                                                                name="qaquestion[{{$i}}][answer]" id="inlineRadio3"
                                                                value="{{$eachoption*3 }}"
                                                                @if(old('qaquestion.'.$i.'.answer')==3) checked @endif
                                                                onclick="mysumfunction(this.value)">
                                                        </li>
                                                        <li>
                                                            <span>4</span>
                                                            <input class="form-check-input chkradio ansval" type="radio"
                                                                name="qaquestion[{{$i}}][answer]" id="inlineRadio4"
                                                                value="{{$eachoption*4 }}"
                                                                @if(old('qaquestion.'.$i.'.answer')==4) checked @endif
                                                                onclick="mysumfunction(this.value)">
                                                        </li>
                                                        <li>
                                                            <span>5</span>
                                                            <input class="form-check-input chkradio ansval" type="radio"
                                                                name="qaquestion[{{$i}}][answer]" id="inlineRadio5"
                                                                value="{{$eachoption*5 }}"
                                                                @if(old('qaquestion.'.$i.'.answer')==5) checked @endif
                                                                onclick="mysumfunction(this.value)">
                                                        </li>
                                                        <li>
                                                            <span>6</span>
                                                            <input class="form-check-input chkradio ansval" type="radio"
                                                                name="qaquestion[{{$i}}][answer]" id="inlineRadio6"
                                                                value="{{number_format($eachoption*6, 2) }}"
                                                                @if(old('qaquestion.'.$i.'.answer')==6) checked @endif
                                                                onclick="mysumfunction(this.value)">
                                                        </li>
                                                        <li>
                                                            <span>7</span>
                                                            <input class="form-check-input chkradio ansval" type="radio"
                                                                name="qaquestion[{{$i}}][answer]" id="inlineRadio7"
                                                                value="{{number_format($eachoption*7, 2) }}"
                                                                @if(old('qaquestion.'.$i.'.answer')==7) checked @endif
                                                                onclick="mysumfunction(this.value)">
                                                        </li>
                                                        <li>
                                                            <span>8</span>
                                                            <input class="form-check-input chkradio ansval" type="radio"
                                                                name="qaquestion[{{$i}}][answer]" id="inlineRadio8"
                                                                value="{{number_format($eachoption*8, 2) }}"
                                                                @if(old('qaquestion.'.$i.'.answer')==8) checked @endif
                                                                onclick="mysumfunction(this.value)">
                                                        </li>
                                                        <li>
                                                            <span>9</span>
                                                            <input class="form-check-input chkradio ansval" type="radio"
                                                                name="qaquestion[{{$i}}][answer]" id="inlineRadio9"
                                                                value="{{number_format($eachoption*9, 2) }}"
                                                                @if(old('qaquestion.'.$i.'.answer')==9) checked @endif
                                                                onclick="mysumfunction(this.value)">
                                                        </li>
                                                        <li>
                                                            <span>10</span>
                                                            <input class="form-check-input chkradio ansval" type="radio"
                                                                name="qaquestion[{{$i}}][answer]" id="inlineRadio10"
                                                                value="{{number_format($eachoption*10, 2) }}"
                                                                @if(old('qaquestion.'.$i.'.answer')==10) checked @endif
                                                                onclick="mysumfunction(this.value)">
                                                        </li>
                                                        <li>
                                                            <span>N/A</span>
                                                            <input class="form-check-input chkradio ansval" type="radio"
                                                                name="qaquestion[{{$i}}][answer]" id="inlineRadio-N/A"
                                                                value="{{number_format($eachoption*10, 2) }}"
                                                                @if(old('qaquestion.'.$i.'.answer')==10) checked @endif
                                                                onclick="mysumfunction(this.value)">
                                                        </li>
                                                    </ul>
                                                </div>

                                            </div>
                                            @endif
                                            @php $i++; @endphp
                                            @endforeach
                                            @endforeach
                                            @endif

                                            <div class="form-row">
                                                <div class="col-md-6">
                                                    <div class="form-group col-md-5">
                                                        <h4 style="margin-top:0px;">Is this a fatal call</h4>
                                                    </div>
                                                    <div class="form-group col-md-7 text-left">
                                                        <input type="radio" @if(old('fatalcall')==1) checked @endif
                                                            name="fatalcall" id="fatalcall1" value="1" checked>&nbsp;
                                                        <span>Yes</span>
                                                        <span style="margin-right:5px; display: inline-block;"></span>
                                                        <input type="radio" @if(old('fatalcall')==0) checked @endif
                                                            name="fatalcall" id="fatalcall0" value="0">&nbsp;
                                                        <span>No</span>
                                                    </div>
                                                    <div class="form-group col-md-12">
                                                        <label for="inputCity1">Assign to Trainer</label>
                                                        <select name="Trainer" id="ftraner" class="form-control select2"
                                                            @if(old('fatalcall')==1) required @endif>
                                                            <option value=''>Search by Trainer</option>
                                                            @foreach($result['users'] as $user)
                                                            <option @if (old('Trainer')==$user->myid)
                                                                selected="selected"
                                                                @endif value="{{$user->myid}}"
                                                                @if(isset($_REQUEST['user'])
                                                                &&
                                                                !empty($_REQUEST['user']) &&
                                                                $_REQUEST['user']==$user->myid)
                                                                selected @endif >{{$user->first_name}}
                                                                {{$user->last_name}}
                                                            </option>
                                                            @endforeach
                                                        </select>

                                                    </div>
                                                </div>

                                            </div>
                                            <div class="col-md-12 text-center">
                                                <textarea style="width: 1057px; height: 119px;"
                                                    name="comment">{{old('comment')}}</textarea>
                                                <p class="text-danger">{{$errors->first('comment') }}</p>
                                                <input type="hidden" value="{{old('percentval')}}" id="percentval"
                                                    name="percentval" />
                                                <h2 id="percenttag">{{old('percentval')??'0'}}%</h2>
                                            </div>

                                            <div class="text-center" style="float: left;">
                                                <button type="submit"
                                                    class="btn btn-primary">{{ trans('Submit') }}</button>
                                                <a href="{{ URL('admin/callmonitoring',$keys) }}" type="button"
                                                    class="btn btn-primary">{{ trans('labels.back') }}</a>
                                            </div>

                                            {!! Form::close() !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div id="watermarked"
                        data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}"
                        class="row listing">
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
<script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css"
    rel="stylesheet" />
<script>
document.querySelectorAll('#watermarked').forEach(function(el) {
    el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
});
</script>
<script>
function mysumfunction(myval) {

    var total = 0;
    var totalmarks = 100;
    var percentval = 0;

    $(".ansval1").each(function() {

            var $this = $(this);
            var itemval = $this.val();

            total = parseInt(total) + parseInt(itemval);

        }


    )

    $(".ansval").each(function() {

        var $this = $(this);
        var itemval = $this.val();

        if ($(this).prop('checked')) {

            total = parseInt(total) + parseInt(itemval);

        }



    })

    percentval = parseInt((total / totalmarks) * 100);
    if (percentval >= 70) {
        document.getElementById('fatalcall0').checked = true;
        document.getElementById("ftraner").required = false;
    } else {
        document.getElementById('fatalcall0').checked = false;
        document.getElementById('fatalcall1').checked = true;
        document.getElementById("ftraner").required = true;
    }
    //alert(percentval);

    $('#percenttag').html(percentval + '%');
    $('#percentval').val(percentval);

}
</script>

@endsection