{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content')

<div class="card card-custom example example-compact">
    <div class="card-header">
        <h3 class="card-title">
              :             
        </h3>
        <a href="{{route('dashboard_judge')}}" style="height:40px !important;" class="btn btn-success">BACK</a>
    </div>
    <!--begin::Form-->
    <form class="form" action="{{url('scores')}}" method="POST">
        @csrf
        <input id="level" name="level" type="hidden" value=""></input>
        <input id="apid" name="apid" type="hidden" value=""></input>
        <input id="eventid" name="eventid" type="hidden" value=""></input>
        <input id="gender" name="gender" type="hidden" value=""></input>
        <input class="form-control" name="escore" id="escore" type=hidden value="10">
                                <input class="form-control" name="dscore" id="dscore" type=hidden value="10">
        <div class="card-body">
            @if ($errors->any())
            <div class="alert alert-danger">
                <strong>Error!</strong>
                <ul>
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
            @endif
            <div class="form-group row">
                <label class="col-lg-3 control-label">Club</label>
                <div class="col-lg-6 col-md-9 col-sm-12">
                    <select class="form-control" id="club" name="club" required>
                        <option value="" selected="">Club</option>
                                            </select>
                </div>
            </div>
            <div class="form-group row">
                <label class="col-lg-3 control-label">Gymnast</label>
                <div class="col-lg-6 col-md-9 col-sm-12">
                    <select class="form-control" id="reg_id" name="reg_id" required>

                    </select>
                </div>
            </div>
            <div class="form-group row">
                <label class="col-lg-3 control-label">&nbsp;</label>
                <div class="col-lg-6 col-md-9 col-sm-12">
                    <table cellpadding="10px" cellspacing="10px" border="1">
                                                    @php $skilldata= App\Http\Controllers\GymnastScoreController::getskills($data['eventid'],$data['cat'],$data['apid'],$item); @endphp
                                                        @php $skilldata= App\Http\Controllers\GymnastScoreController::getskills($data['eventid'],$data['cat'],$data['apid'],$item); @endphp
                                                        @php $skilldata= App\Http\Controllers\GymnastScoreController::getskills($data['eventid'],$data['cat'],$data['apid'],$item); @endphp
                                                        @php $skilldata= App\Http\Controllers\GymnastScoreController::getskills($data['eventid'],$data['cat'],$data['apid'],$item); @endphp
                                                        @php $skilldata= App\Http\Controllers\GymnastScoreController::getskills($data['eventid'],$data['cat'],$data['apid'],$item); @endphp
                                                        @php $skilldata= App\Http\Controllers\GymnastScoreController::getskills($data['eventid'],$data['cat'],$data['apid'],$item); @endphp
                                                        @php $skilldata= App\Http\Controllers\GymnastScoreController::getskills($data['eventid'],$data['cat'],$data['apid'],$item); @endphp
                                                </table>
                </div>
            </div>

            <div class="form-group row">
                <label class="col-lg-3 control-label">Avg</label>
                <div class="col-lg-6 col-md-9 col-sm-12">
                    <input class="form-control" name="avg" id="avg" type="text" onfocus="calavg();" onfocusout="calavg()" maxlength="4">
                </div>
            </div>
            <div class="form-group row">
                <label class="col-lg-3 control-label">Penalty</label>
                <div class="col-lg-6 col-md-9 col-sm-12">
                    <input class="form-control" name="penalty" id="penalty" type="text" onkeyup="checkDec(this);" onfocusout="caltotal()" maxlength="4" placeholder="penalty" value="">
                </div>
            </div>
            <div class="form-group row">
                <label class="col-lg-3 control-label">Total</label>
                <div class="col-lg-6 col-md-9 col-sm-12">
                    <input type="text" class="form-control" id="total" name="total"  onfocus="caltotal()" onkeypress="return event.charCode >= 48 && event.charCode <= 57" onfocus="caltotal()" maxlength="5" required />
                </div>
            </div>
        </div>
        <div class="card-footer">
            <div class="row">
                <div class="col-lg-9 ml-lg-auto">
                    <input type="submit" class="btn btn-success mr-2" value="Submit">
                </div>
            </div>
        </div>
    </form>
    <!--end::Form-->
</div>
@endsection
@section('scripts')
<script>
    function checkDec(el) {
        var ex = /^[0-9]+\.?[0-9]*$/;
        if (ex.test(el.value) == false) {
            el.value = el.value.substring(0, el.value.length - 1);
        }
    }

    function caltotal() {

        avg1 = document.getElementById('avg').value;
        var penalty = document.getElementById('penalty').value;

        var total = avg1 - penalty;
        total = (total).toFixed(2);
        document.getElementById('total').value = total;
    }

    function calavg() {

        var grpA = 0;
        var grpB = 0;
        var grpC = 0;
        var grpD = 0;
        var grpE = 0;
        var grpF = 0;
        var grpG = 0;
        if ($("input[name='grpA']").is(':checked'))
            grpA = $("input[type='radio'][name='grpA']:checked").val();

        if ($("input[name='grpB']").is(':checked'))
            grpB = $("input[type='radio'][name='grpB']:checked").val();

        if ($("input[name='grpC']").is(':checked'))
            grpC = $("input[type='radio'][name='grpC']:checked").val();

        if ($("input[name='grpD']").is(':checked'))
            grpD = $("input[type='radio'][name='grpD']:checked").val();

        if ($("input[name='grpE']").is(':checked'))
            grpE = $("input[type='radio'][name='grpE']:checked").val();

        if ($("input[name='grpF']").is(':checked'))
            grpF = $("input[type='radio'][name='grpF']:checked").val();

        if ($("input[name='grpG']").is(':checked'))
            grpG = $("input[type='radio'][name='grpG']:checked").val();

        var dscore = (+grpA + +grpB + +grpC + +grpD + +grpE + +grpF+ +grpG);
        var escore = 0;


        document.getElementById('avg').value = dscore.toFixed(2);
    }
    $(document).ready(function() {
        $('.select2').select2();

        var club = $("#club").val();

        if (club != '')
            getgymnast(club);

        $("#club").change(function() {
            var club = $(this).val();
            $("#reg_id").empty();
            getgymnast(club);
        });

        function getgymnast(club) {
            var gender = $("#gender").val();
            var eventid = $("#eventid").val();
            var apid = $("#apid").val();
            var cat = $("#level").val();
            $.ajax({
                url: '{{ url("gymnastsbyclub") }}',
                type: 'POST',
                data: {
                    _token: '