@extends('backEnd.master')
@section('title')
    @lang('exam.result_settings')
@endsection

@section('mainContent')
    <section class="sms-breadcrumb mb-20">
        <div class="container-fluid">
            <div class="row justify-content-between">
                <h1>@lang('exam.setup_exam_rule')</h1>
                <div class="bc-pages">
                    <a href="{{route('dashboard')}}">@lang('common.dashboard')</a>
                    <a href="#">@lang('exam.examination')</a>
                    <a href="#">@lang('exam.settings')</a>
                    <a href="#">@lang('exam.setup_exam_rule')</a>
                </div>
            </div>
        </div>
    </section>
    <section class="admin-visitor-area up_st_admin_visitor">
        <div class="container-fluid p-0">
            <div class="row">
                <div class="col-lg-6">
                    <div class="row">
                        <div class="col-lg-12">
                            @if($edit_data > 1)
                                {{ Form::open(['class' => 'form-horizontal', 'files' => true, 'route' => array('custom-result-setting/update'), 'method' => 'PUT', 'enctype' => 'multipart/form-data']) }}
                            @else
                                @if(userPermission('custom-result-setting/store'))
                                    {{ Form::open(['class' => 'form-horizontal', 'files' => true, 'route' => 'custom-result-setting/store','method' => 'POST', 'enctype' => 'multipart/form-data']) }}
                                @endif
                            @endif
                            <div class="white-box">
                                <div class="main-title">
                                    <h3 class="mb-15">
                                        @lang('exam.setup_final_exam_rule')
                                    </h3>
                                </div>
                                <div class="add-visitor">
                                    <div class="row mb-40 ">
                                        @php
                                            $average=0;
                                        @endphp
                                        @foreach($exams as $exam)
                                            <div class="col-lg-12 mt-15">
                                                <div class="row">
                                                    <div class="col-lg-7 d-flex">
                                                        <p class="text-uppercase fw-300 mb-10">
                                                            @lang('exam.exam_type') {{$exam->title}} (%)
                                                            <input type="hidden" value="{{$exam->id}}" name="exam_type_id[]" >
                                                        </p>
                                                    </div>
                                                    <div class="col-lg-5">
                                                        <div class="">
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="primary_input ">
                                                                        <input type="text" data-id="{{$exam->id}}"  name="exam_type_percent[{{$exam->id}}]" value="{{ isset($exam->id) == @$exam->examTerm->exam_type_id? $exam->examTerm->exam_percentage: $average }}" class="primary_input_field maxPercent">
                                                                        
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                        <div class="col-lg-12 mt-15 border-top">
                                            <div class="row">
                                                <div class="col-lg-7 d-flex">
                                                    <strong>
                                                        <p class="text-uppercase fw-300 mb-10">
                                                            @lang('exam.total_mark') 100%
                                                        </p>
                                                    </strong>
                                                </div>
                                                <div class="col-lg-5">
                                                    <div class="radio-btn-flex ">
                                                        <div class="row">
                                                            <div class="col-lg-12">
                                                                <div class="primary_input ">
                                                                    <strong>
                                                                        <p id="mark-calculate"></p>
                                                                    </strong>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        @php
                                            $tooltip = "";
                                            if(userPermission('custom-result-setting/store')){
                                                    $tooltip = "";
                                                }else{
                                                    $tooltip = "You have no permission to update";
                                                }
                                        @endphp
                                        <div class="col-lg-12 text-center">
                                            <button type="submit" class="primary-btn fix-gr-bg submit result_setup" data-toggle="tooltip" title="{{@$tooltip}}">
                                                @if($edit_data > 1)
                                                    <span class="ti-check"></span>@lang('exam.update')
                                                @else
                                                    <span class="ti-check"></span>@lang('exam.store')
                                                @endif
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                {{ Form::close() }}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="white-box">
                        <div class="main-title">
                            <h3 class="mb-15">
                                @lang('exam.mark_contribution')
                            </h3>
                        </div>
                        <table class="table" cellspacing="0" width="100%">
                            <thead>
                            <tr class="border-bottom">
                                <th>@lang('exam.exam_term')</th>
                                <th class="text-right">@lang('exam.percentage')</th>
                            </tr>
                            </thead>
                            <tbody>
                            @php
                                $total_percentage = 0;
                            @endphp
                            @foreach($custom_settings as $key=>$custom_setting)
                                @if (!$custom_setting->exam_type_id == 0)
                                    <tr>
                                        <td>{{@$custom_setting->examTypeName->title}}</td>
                                        <td class="text-right">{{@$custom_setting->exam_percentage}}%</td>
                                        @php
                                            $total_percentage+=@$custom_setting->exam_percentage;
                                        @endphp
                                    </tr>
                                @endif
                            @endforeach
                            </tbody>
                            <tfoot>
                            <tr class="border-top">
                                <th>@lang('exam.total')</th>
                                <th class="text-right">{{$total_percentage}}%</th>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
            <div class="row mt-40">
                <div class="col-lg-6">                    
                    <div class="white-box">
                        <div class="main-title">
                            <h3 class="mb-15">
                                @lang('exam.do you want to skip this step for mark register/store')
                            </h3>
                        </div>     
                        {!! Form::open(['route' => 'exam.step.skip.update', 'method'=>'POST']) !!}                     
                            <div class="row">
                                <div class="col-lg-12">
                                    <label class="primary_input_label" for="">@lang('exam.name of step')</label><br>
                                    @foreach($skipSteps as $key=>$item)
                                        <div class="">
                                            
                                                <input type="checkbox" id="item{{$item}}"
                                                        class="common-checkbox form-control{{ $errors->has('item') ? ' is-invalid' : '' }}"
                                                        name="item[]"
                                                        value="{{$item}}" {{ isset($exitSkipSteps) ? in_array($item, $exitSkipSteps) ? 'checked':'' :'' }}>
                                                <label for="item{{$item}}">@lang('exam.'.$item)</label>
                                            
                                        </div>
                                    @endforeach
                                    @if($errors->has('item'))
                                        <span class="text-danger validate-textarea-checkbox" role="alert">
                                        <strong>{{ @$errors->first('item') }}
                                    </span>
                                    @endif
                                </div>
                                <div class="col-lg-12 text-center mt-25">
                                    <button type="submit" class="primary-btn fix-gr-bg">
                                       
                                            <span class="ti-check"></span>@lang('exam.update')
                                       
                                    </button>
                                </div>
                            </div>
                            {!! Form::close() !!}
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="white-box">
                        <div class="main-title">
                            <h3 class="mb-15">
                                @lang('exam.merit_list_contribution_using')
                            </h3>
                        </div>
                        <div class="d-flex flex-wrap radio-btn-flex">
                            <div class="mr-30">
                                <input type="radio" name="trueOrFalse" id="totalMark" value="total_mark" class="common-radio relationButton" {{isset($meritListSettings)? $meritListSettings->merit_list_setting == "total_mark"? 'checked': '' : 'checked'}}>
                                <label for="totalMark">@lang('exam.total_mark')</label>
                            </div>
                            <div class="mr-30">
                                <input type="radio" name="trueOrFalse" id="grade" value="total_grade" class="common-radio relationButton" {{isset($meritListSettings)? $meritListSettings->merit_list_setting == "total_grade"? 'checked': '' : 'checked'}}>
                                <label for="grade">@lang('exam.total_grade')</label>
                            </div>
                            <div class="mr-30">
                                <input type="radio" name="trueOrFalse" id="rollNumber" value="roll_number" class="common-radio relationButton" {{isset($meritListSettings)? $meritListSettings->merit_list_setting == "roll_number"? 'checked': '' : 'checked'}}>
                                <label for="rollNumber">@lang('student.roll_number')</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">


                <div class="col-lg-12 mt-40">
                    <div class="white-box">
                        <div class="main-title">
                            <h3 class="mb-15">
                                @lang('exam.result_print_style')
                            </h3>
                        </div>
                        <div class="d-flex flex-wrap radio-btn-flex">
                            <div class="mr-30">
                                <input type="checkbox" name="profile_image" id="profileImage" value="image" class="common-radio relationButtonPrint" {{isset($meritListSettings)? $meritListSettings->profile_image == "image"? 'checked': '' : 'checked'}}>
                                <label for="profileImage">@lang('exam.with_profile_image')</label>
                            </div>
                            <div class="mr-30">
                                <input type="checkbox" name="header_background" id="headerBackground" value="header" class="common-radio relationButtonPrint" {{isset($meritListSettings)? $meritListSettings->header_background == "header"? 'checked': '' : 'checked'}}>
                                <label for="headerBackground">@lang('exam.with_header_background')</label>
                            </div>
                            <div class="mr-30">
                                <input type="checkbox" name="body_background" id="bodyBackground" value="body" class="common-radio relationButtonPrint" {{isset($meritListSettings)? $meritListSettings->body_background == "body"? 'checked': '' : 'checked'}}>
                                <label for="bodyBackground">@lang('exam.with_body_background')</label>
                            </div>
                            <div class="mr-30">
                                <input type="checkbox" name="vertical_boarder" id="verticalBoarder" value="vertical_boarder" class="common-radio relationButtonPrint" {{isset($meritListSettings)? $meritListSettings->vertical_boarder == "vertical_boarder"? 'checked': '' : 'checked'}}>
                                <label for="verticalBoarder">@lang('exam.with_vertical_boarder')</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@push('script')

    <script>
        $( document ).ready(function() {
            $( ".relationButton" ).change(function() {
                let value = $( this ).val();
                $.ajax({
                    type: "POST",
                    data: {
                        value: value,
                    },
                    dataType: "json",
                    url: "{{route('merit-list-settings')}}",
                    success: function(data) {
                        if (data == "success") {
                            toastr.success("Operation Successfull", "Successful", {
                                timeOut: 5000,
                            });
                        } else {
                            toastr.error("Operation Failed", "Failed!", {
                                timeOut: 5000,
                            });
                        }
                    },
                    error: function(data) {
                        console.log("Error:", data["error"]);
                    },
                })
            });
        });
    </script>
    <script>
        $( document ).ready(function() {
            $( ".relationButtonPrint" ).click(function() {
                let value = $( this ).is(':checked');
                if(value){
                    var key = 1;
                    var printStatus = $( this ).val();
                }else{
                    var key = 0;
                    var printStatus = $( this ).val();
                }
                $.ajax({
                    type: "POST",
                    data: {
                        printStatus: printStatus,
                        key: key,
                    },
                    dataType: "json",
                    url: "{{route('merit-list-settings')}}",
                    success: function(data) {
                        if (data == "success") {
                            toastr.success("Operation Successfull", "Successful", {
                                timeOut: 5000,
                            });
                        } else {
                            toastr.error("Operation Failed", "Failed!", {
                                timeOut: 5000,
                            });
                        }
                    },
                    error: function(data) {
                        console.log("Error:", data["error"]);
                    },
                })
            });
        });
    </script>
@endpush