@extends('layouts.app')
@push('title')
    {{ $title }}
@endpush

@section('content')
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body">
                    <button type="button" class="btn btn-secondary px-4 float-right mt-0 mb-3" data-toggle="modal" data-animation="bounce" data-target=".bs-example-modal-center"><i data-feather="settings" class="mr-2"></i>Result Settings</button>

                    <h4 class="mt-0 mb-0 header-title">BDM Exam List <span class="text-primary font-weight-bold">[{{ $bdmQuestionnaires->count()}}]</span></h4>
                    <p class="text-muted mb-3">User Based Exam List</p>

                    <div class="table-datatable">
                        <table id="datatable" class="table table-bordered dt-responsive nowrap">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Candidate Name</th>
                                    <th>Mobile</th>
                                    <th>Email</th>
                                    <th>Feedback</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if($bdmQuestionnaires->count()>0)
                                    @php
                                        $i = 1;
                                    @endphp
                                    @foreach($bdmQuestionnaires as $bdmQuestionnaire)
                                        <tr>
                                            <td>{{ $i++ }}</td>
                                            <td>{{ $bdmQuestionnaire->user->name  }}</td>
                                            <td>{{ $bdmQuestionnaire->user->mobile_no  }}</td>
                                            <td>{{ $bdmQuestionnaire->user->email  }}</td>
                                            <td>{{ $bdmQuestionnaire->feedback  }}</td>
                                            <td>
                                                <a href="{{ route('bdm.questionnaire.exam.details',$bdmQuestionnaire->id) }}" class="btn btn-xs btn-primary" >Details</a>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif
                            </tbody>
                        </table>

                        {{-- @if($bdmQuestionnaires->count()>0)
                            {{$bdmQuestionnaires->appends($_REQUEST)->render()}}
                        @endif --}}
                    </div>
                </div><!--end card-body-->
            </div><!--end card-->
        </div><!--end col-->
    </div><!--end row-->


    {{-- exam pass settings modal --}}
    <div class="modal fade bs-example-modal-center" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" style="display: none;">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title mt-0" id="exampleModalLabel">Result Percentage Settings</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                     <form action="{{ route('bdm.questionnaire.passing.result.settings',$bdmQuestionResultSetting->id)  }}" method="post">
                        @csrf
                        <label class="" for="sunday">Percentage of right answer for Passing</label>
                        <input type="number" class="form-control" required name="passing_percentage" value="{{ $bdmQuestionResultSetting->passing_percentage }}" step="0.01">
                        <br>
                        <button type="submit" class="btn btn-secondary px-4 float-right mt-0 mb-3" data-toggle="modal" data-animation="bounce" data-target=".bs-example-modal-center"><i data-feather="check-circle" class="mr-2"></i>Update</button>
                     </form>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

@endsection
@push('css_links')
<link href="{{ asset('plugins/datatables/dataTables.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
@endpush
@push('js')
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
@endpush
@push('js')
    <script>
        $( document ).ready(function() {
            $("#datatable").DataTable();
        });
    </script>
@endpush