@extends('layouts/eims_layout')
@section('title', '| ' . $pageTitle)
@section('content')

<div class="row add-data-form" style="height:100%">
    <div class="col-md-12">
        <div class="col-md-1"></div>
        <div class="col-md-10 fullbody">
            <div class="panel panel-default panel-border">

                <div class="panel-heading">
                    <div class="panel-title">{{$pageTitle}}</div>
                </div>

                <div class="panel-body" >

                    <div class="row" style="margin-left: 200px">

                        <div class="tab-content" id="formDiv">

                            <div class="col-md-12 tab-pane fade in active" id="opening">

                                {!! Form::open([
                                    'url' => '',
                                    'enctype' => 'multipart/form-data',
                                    'role' => 'form',
                                    'class' => 'form-horizontal form-groups',
                                ]) !!}

                                <div class="col-md-offset-2 col-md-10">
                                    <input type='hidden' name='type' class='getTypeInput' value='ais_mis_ledger_code_config'>
                                    <div class="form-group">

                                        <div class="row">
                                            <div class="col-md-5">
                                                <table id="addAutoVoucherConfigTable" class="table table-striped table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th style="text-align:center;"><input type="checkbox" name="isallow" /></th>
                                                            <th style="text-align:left;">Total Marks</th>
                                                            <th style="text-align:center;">
                                                                <input type="number" name="total_mark" class="form-control text-center" value="100" placeholder="Enter total marks">
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="eachRow">
                                                        <tr class='valueRow' id="row">
                                                            <td>
                                                                <input type="checkbox" name="isallow_attendance" class="isallow-checkbox" />
                                                            </td>
                                                            <td style='text-align:left; padding-left:5px;' class='misIdColumn'>Attendance</td>
                                                            <td style='text-align:center'>
                                                                <input type="text" name="attendance_mark" class="form-control text-center" value="" placeholder="Enter Attendance marks">
                                                            </td>
                                                        </tr>
                                                        <tr class='valueRow' id="row">
                                                            <td>
                                                                <input type="checkbox" name="isallow_ct" class="isallow-checkbox" />
                                                            </td>
                                                            <td style='text-align:left; padding-left:5px;' class='misIdColumn'>CT</td>
                                                            <td style='text-align:center'>
                                                                <input type="text" name="ct_mark" class="form-control text-center" value="" placeholder="Enter CT marks">
                                                            </td>
                                                        </tr>

                                                        <tr class='valueRow' id="row">
                                                            <td>
                                                                <input type="checkbox" name="isallow_midterm" class="isallow-checkbox" />
                                                            </td>
                                                            <td style='text-align:left; padding-left:5px;' class='misIdColumn'>Midterm</td>
                                                            <td style='text-align:center'>
                                                                <input type="text" name="midterm_mark" class="form-control text-center" value="" placeholder="Enter Midterm marks">
                                                            </td>
                                                        </tr>


                                                        <tr class='valueRow' id="row">
                                                            <td>
                                                                <input type="checkbox" name="isallow_final" class="isallow-checkbox" />
                                                            </td>
                                                            <td style='text-align:left; padding-left:5px;' class='misIdColumn'>Final</td>
                                                            <td style='text-align:center'>
                                                                <input type="text" name="final_mark" class="form-control text-center" value="" placeholder="Enter Final marks">
                                                            </td>
                                                        </tr>


                                                        <tr class='valueRow' id="row">
                                                            <td>
                                                                <input type="checkbox" name="isallow_viba" class="isallow-checkbox" />
                                                            </td>
                                                            <td style='text-align:left; padding-left:5px;' class='misIdColumn'>Viba</td>
                                                            <td style='text-align:center'>
                                                                <input type="text" name="viba_mark" class="form-control text-center" value="" placeholder="Enter Viba marks">
                                                            </td>
                                                        </tr>



                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <br>

                                
                                <div class="row">
                                    <div class="col-md-6"></div>
                                    <div class="form-group col-md-10 text-center">
                                        {!! Form::label('submit', ' ', ['class' => 'col-sm-2 control-label']) !!}
                                        <div class="col-sm-12">
                                            {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']) !!}
                                            {{-- <a href="{{ url('pos/viewAisMisLedgerCodeConfig/') }}"
                                                class="btn btn-danger closeBtn">Close</a> --}}
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <span id="success" style="color:green; font-size:20px;"></span>
                                    </div>
                                </div>

                                {!! Form::close() !!}

                            </div>

                        </div>

                    </div>

                </div>
            </div>
            <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>
        <div class="col-md-1"></div>
    </div>
</div>


@endsection





<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>
<script type="text/javascript">
    $(document).ready(function(){

        $('form').submit(function( event ) {
            event.preventDefault();
            $.ajax({
                type: 'post',
                url: '{{route("eims_exam_mark_config_store")}}',
                data: $('form').serialize(),
                dataType: 'json',
                beforeSend: function(){
                    $('#add').attr('disabled', 'disabled');
                    $('#add').html('Please wait...');
                    $('.show-errors').remove();
                },
                success: function( _response ){
                    if (_response.errors) {
                        const errors = _response.errors;

                        // errors foreach loop
                        for (const key in errors) {
                            if (errors.hasOwnProperty(key)) {
                                let error = '';
                                // check if the errors[key] is an array
                                if (Array.isArray(errors[key])) {
                                    error = errors[key].join('<br>');
                                } else {
                                    error = errors[key];
                                }
                                $(`#${key}_error`).empty().show().append(`<small class="show-errors" style="color:red;">${error}</small>`);
                            }else{
                                $(`#${key}_error`).empty().show().append(`<small class="show-errors" style="color:red;">${errors[key]}</small>`);
                            }
                        }

                    } else {

                        Swal.fire({
                            icon: _response.responseStatus,
                            title: _response.responseTitle,
                            text: _response.responseText,
                            showConfirmButton: false,
                            timer: 1500
                        })
                        if(_response.responseStatus == 'success'){
                            setTimeout(function() {
                                window.location.href = "{{route('eims_exam_mark_config_create')}}";
                            }, 1000);
                        }
                    }
                },
                
                error: function( _response ){
                    toastr.error(_response.errors);

                },
                complete: function(){
                    $('#add').removeAttr('disabled');
                    $('#add').html('Submit');
                }
            });
        });

        $("input").keyup(function(){
                    var name = $("#name").val();
                    if(name){$('#namee').hide();}else{$('#namee').show();}
        });

    });
</script>