@extends('layouts.master')

@section('mainContent')

    <div class="page-wrapper">
        <div class="page-header-link">
            <a href="javascript:;" class="show-menuheader">
                Project Menus
                <i class="fas fa-align-left ms-auto"></i>
            </a>
        </div>
        <div class="page-menu">
            <div class="page-menu-header">
                <h2>Project Menu</h2>
                <a href="javascript:;" class="close-header-menu"> <i class="fas fa-close"></i></a>
            </div>

            @include('layouts.tenants.project-support-menu')

        </div>

        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Training Plan</h3>
                        <ul>
                            <li class="text-primary">Project Support</li>
                            <li><a href="javascript:;">Training Plan</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                    <div class="col-12" >
                        <div class="card-nav-header">
                            <nav>
                                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                    <button class="nav-link active" id="nav-training-tab" data-bs-toggle="tab" data-bs-target="#nav-training" type="button" role="tab" aria-controls="nav-training" aria-selected="true">Training</button>
                                    <a class="nav-link" href="{{ url('skillmatrix/list') }}" id="nav-skill-tab" aria-controls="nav-skill" aria-selected="false">Skill Matrix</a>
                                </div>
                            </nav>
                        </div>
                        <div class="mt-3">
                            <div class="tab-content  p-0" id="nav-tabContent">
                                <div class="tab-pane fade show active" id="nav-training" role="tabpanel" aria-labelledby="nav-training-tab">
                                    <div class="col-12" >
                                        <div class="card">
                                            <div class="card-body p-0">
                                                <div class="tab-set">
                                                    <!-- <nav>
                                                        <div class="nav nav-tabs border-0" id="nav-tab" role="tablist">
                                                            <button class="nav-link active" id="nav-documents-tab" data-bs-toggle="tab" data-bs-target="#nav-documents" type="button" role="tab" aria-controls="nav-documents" aria-selected="true">Training Plan</button>
                                                            <button class="nav-link" id="nav-comments-tab" data-bs-toggle="tab" data-bs-target="#nav-comments" type="button" role="tab" aria-controls="nav-comments" aria-selected="false">Training Feedback</button>
                                                        </div>
                                                    </nav> -->
                                                    <div class="tab-content" id="nav-tabContent">
                                                        <div class="tab-pane fade show active" id="nav-documents" role="tabpanel" aria-labelledby="nav-documents-tab">
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="row">
                                                                        <div class="col-lg-6">
                                                                            <div class="datatable-search"></div>
                                                                        </div>
                                                                        <div class="col-lg-6">
                                                                            <ul class="btn-header-split">
                                                                            @if(Auth::user()->hasPermission('training_matrix','create'))
                                                                            <li>
                                                                                <a class="btn btn-primary" id="add_plan_click"><i class="fe fe-plus me-2"></i>New Training Plan</a>
                                                                                </li>
                                                                                @endif
                                                                                <!-- <li>
                                                                                    <a href="#" class="btn btn-secondary-outline">Filter<i class="fe fe-sliders ms-2"></i></a>
                                                                                </li>
                                                                                <li>
                                                                                    <a href="#" class="btn btn-secondary-outline">Sort by<i class="fe fe-filter ms-2"></i></a>
                                                                                </li> -->
                                                                                <!-- <li>
                                                                                <a href="{{ url('training_plan/export/excel') }}" class="btn btn-secondary-outline">Export<i class="fe fe-copy ms-2"></i></a>
                                                                                </li>   -->
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                    <div class="table-responsive">
                                                                    <table class="table mt-3" id="training_table">
                                                                    <thead>
                                                                        <tr>
                                                                        <th>Training ID</th>
                                                                        <th>Need</th>
                                                                        <th>Category</th>
                                                                        <th>Type</th>
                                                                        <th>No of staff</th>
                                                                        <th>Duration</th>
                                                                        <th>Person hours</th>
                                                                        <th>Schedule</th>
                                                                        <th>Goal</th>
                                                                        <th>Action</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>

                                                                    </tbody>
                                                                </table>
                                                                    </div>
                                                                    <div class="row align-items-center">
                                                                        <div class="col-md-12">
                                                                            <div class="datatable-paginate"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        @if(auth()->user()->id==1)
                                                        <table class="table mt-4" id="training_table">
                                                            <thead>
                                                                <tr>
                                                                <th>Types of training</th>
                                                                @if($training_types->count()>0)
                                                                    @foreach($training_types as $row)
                                                                        <th>{{ $row->name }}</th>
                                                                    @endforeach
                                                                    <th>Total</th> </tr>
                                                                @endif
                                                            </thead>
                                                            <tbody>
                                                            @if($training_types->count()>0)
                                                            <tr> <td> </td>
                                                            @php
                                                                $total_ratings = 0;
                                                            @endphp
                                                                @foreach($training_types as $row)
                                                                @php
                                                                    $total_ratings+=$row->planRatings();
                                                                @endphp
                                                                    <td>{{ $row->planRatings() }}</td>
                                                                @endforeach

                                                                @php
                                                                $avg = ($total_ratings>0 && $no_employee)?round($total_ratings/$no_employee,2):0;
                                                                @endphp
                                                                <td>{{ $total_ratings }}</td> <tr>
                                                                <tr><td>Total No of Employee </td> <td> {{ $no_employee }} </td></tr>
                                                                <tr><td>Average Training Per-Hrs </td> <td> {{ $avg }} per hrs/yr</td></tr>
                                                            @endif
                                                        </tbody>
                                                        </table>
                                                        @endif

                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



@endsection

@section('customModal')
<!-- Add -->
<div class="modal fade modal-customization" id="add_plan_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="modal-heading">Add Training Plan</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                    <i class="fe fe-x"></i>
              </button>
            </div>
            <form id="planForm">
            <input type="hidden" name="training_id" value="">
            <input type="hidden" name="page" value="{{ $page }}" id="page">
            <div class="modal-body">
                <div class="row">
                <div class="col-lg-4 col-md-4  col-md-12 ">
                        <div class="mb-3" id="training_topic_div">
                            <label class="form-label"> Training Topic <span class="manitory">*</span></label>
                            <input type="text" class="form-control" name="training_topic" id="training_topic" placeholder="Enter training topic" >
                        </div>
                </div>

                    <div class="col-lg-4 col-md-4  col-md-12 ">
                        <div class="mb-3" id="training_type_div">
                            <label class="form-label">Training Type <span class="manitory">*</span></label>
                           <select class="select" name="training_type" id="ratings" >
                           <option value="">Select</option>
                           @if($configurations['training_types']->count()>0)
                                @foreach($configurations['training_types'] as $row)
                                    <option value="{{ $row->id }}">{{ $row->name }}</option>
                                @endforeach
                            @endif
                            </select>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-4  col-md-12 ">
                        <div class="mb-3" id="training_need_div">
                            <label class="form-label">Training Need <span class="manitory">*</span></label>
                           <select class="select" name="training_need" id="ratings" >
                           <option value="">Select</option>
                           @if($configurations['training_need']->count()>0)
                                @foreach($configurations['training_need'] as $row)
                                    <option value="{{ $row->id }}">{{ $row->name }}</option>
                                @endforeach
                            @endif
                            </select>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-4  col-md-12 ">
                        <div class="mb-3" id="training_category_div">
                            <label class="form-label">Training Category <span class="manitory">*</span></label>
                           <select class="select" name="training_category" id="training_category" >
                           <option value="">Select</option>
                           @if($configurations['training_category']->count()>0)
                                @foreach($configurations['training_category'] as $row)
                                    <option value="{{ $row->id }}">{{ $row->name }}</option>
                                @endforeach
                            @endif
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4  col-md-12 ">
                        <div class="mb-3" id="duration_div">
                            <label class="form-label"> Duration <span class="manitory">*</span></label>
                            <input type="text" class="form-control" name="duration" id="duration" placeholder="Enter duration">
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4  col-md-12 ">
                        <div class="mb-3" id="schedule_date_div">
                            <label class="form-label"> Schedule Date <span class="manitory">*</span></label>
                            <div class="cal-icon">
                            <input type="text" name="schedule_date" id="schedule_date" class="form-control datepicker" placeholder="01-04-2024">
                            </div>
                        </div>
                    </div>
                    <div class="table-staff">
                    <h4 class="table-head">Assign Staffs to the Training</h4>
                    <div class="card mb-0">
                        <div class="card-body">
                            <div class="row">

                                <div class="col-lg-12">
                                <div class="mb-3" id="employee_name_div">
                                    <label class="form-label">Employee name <span class="manitory">*</span></label>
                                    <!-- <div class="input-form-tags modal-tags"> -->
                                        <!-- <div class="input-clear-text"> -->
                                        <select class="select form-control training_employee" name="employee_name[]" multiple>
                                        @if($users->count()>0)
                                            @foreach($users as $row)
                                            <option value="{{ $row->id }}" >{{ $row->first_name.' - '.$row->last_name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <!-- </div>  -->
                                    <!-- </div> -->
                                </div>
                                </div>
                                <div class="col-lg-5 col-md-6  col-md-12 ">
                                  <div class="mb-3" id="from_date_div">
                                        <label class="form-label">From Date<span class="manitory">*</span></label>
                                        <div class="cal-icon">
                                        <input type="text" name="from_date" id="from_date" onchange="triggerfunction()" class="form-control datepicker" placeholder="DD-MM-YYYY">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-5 col-md-6  col-md-12 ">
                                <div class="mb-3" id="to_date_div">
                                        <label class="form-label">To Date <span class="manitory">*</span></label>
                                        <div class="cal-icon">
                                        <input type="text" name="to_date" id="to_date" onchange="triggerfunction()" class="form-control datepicker" placeholder="DD-MM-YYYY">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-6 col-12">
                                    <div class="mb-3" id="days_div">
                                    <label class="form-label">Days</label>
                                    <input type="text" name="days" id="days" class="form-control" readonly>
                                    </div>
                                    {{-- <div class="mb-3" id="days_div1" style="color:red;"> </div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                    <div class="col-lg-12">
                        <div class="mb-3" id="training_goal_div">
                            <label class="form-label">Training goal<span class="manitory">*</span></label>
                            <input type="text" class="form-control" name="training_goal" id="training_goal" placeholder="No of training hours/# of persons" readonly>                        </div>
                    </div>
            </div>

            <div class="modal-footer">
            <!-- <button type="submit" class="btn btn-primary">Create New</button> -->
              <button type="button" class="btn btn-primary" id="add_st_save">Create New</button>
              <button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button>
            </div>
        </form>
          </div>
        </div>
    </div>
    </div>
    </div>
<!-- /Add -->
<div class="modal fade" id="delete_plan_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered ">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Delete Training Plan</h5>
                <button type="button" class="btn-close close-modal" data-bs-dismiss="modal" aria-label="Close">
                    <i class="fe fe-x"></i>
                </button>
            </div>
            <form>

                <div class="modal-body">
                    <div class="del-modal">
                        <p>Are you sure want to Delete?</p>
                    </div>
                </div>
                <div class="modal-footer pt-0">
                <input type="hidden" class="form-control" name="training_id" id="training_id" value="" readonly>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-primary" id="delete_st_btn">Yes</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Add -->
<div class="modal fade modal-customization" id="add_feedback_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
          <div class="modal-content">
          <div class="modal-header">
              <h5 class="modal-title">Add Training Feedback</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                    <i class="fe fe-x"></i>
              </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="client-details">
                            <ul>
                                <li>
                                    <h5>Training topic</h5>
                                    <h6 id="training_topic_h6"> </h6>
                                </li>
                                <li>
                                    <h5>Training ID</h5>
                                    <h6 id="training_id_h6"> </h6>
                                </li>
                                <li>
                                    <h5>Training need</h5>
                                    <h6 id="training_need_h6"> </h6>
                                </li>
                                <li>
                                    <h5>Training category</h5>
                                    <h6 id="training_category_h6"> </h6>

                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="client-details">
                            <ul>
                                <li>
                                    <h5>Training type</h5>
                                    <h6 id="training_type_h6"> </h6>

                                </li>
                                <li>
                                    <h5>Person hours</h5>
                                    <h6 id="training_hours_h6"> </h6>

                                </li>
                                <li>
                                    <h5>Scheduled month</h5>
                                    <h6 id="schedule_date_h6"> </h6>

                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 mt-4">
                        <div class="multistep-progress">
                            <ul id="progressbar">
                                <li class="progress-active">
                                    <h5>Training session</h5>
                                </li>
                                <li>
                                    <h5>Training Facilities</h5>
                                </li>
                                <li>
                                    <h5>Effectiveness</h5>
                                </li>
                                <li>
                                    <h5>Overall Satisfaction</h5>
                                </li>
                                <li>
                                    <h5>Others</h5>
                                </li>
                            </ul>
                        </div>
                        <input type="hidden" name="trains_id" id="trains_id">

             <!-- Accounting Onboard -->
             <fieldset id="first">
                        <form id="tsForm">
                            <div class="account-onborad">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="table-staff">
                                            <h4 class="table-head">Assign Staffs to the Training</h4>
                                            <div class="table-responsive">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th>Parameters</th>
                                                            <th>Rating</th>
                                                            <th>Comments</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr>
                                                        <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="">Duration (hrs/days)</td>
                                                            <td>

                                                                <select class="select" name="training_session[ratings][]" id="ratings" >
                                                                <option value="">Select</option>
                                                                @if($configurations['training_ratings']->count()>0)
                                                                        @foreach($configurations['training_ratings'] as $row)
                                                                            <option value="{{ $row->name }}" >{{ $row->name }}</option>
                                                                        @endforeach
                                                                @endif
                                                                </select>
                                                                <div class="mb-3" id="ratings_div0">
                                                                </div>

                                                            </td>
                                                            <td> <input type="text" class="form-control" name="training_session[comments][]" id="comments" placeholder="Enter comments">
                                                            <input type="hidden" class="form-control" name="label[]" id="label" value="duration">
                                                        </td>

                                                        <tr>
                                                        <tr>
                                                            <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="">Course Content</td>
                                                            <td>

                                                                <select class="select" name="training_session[ratings][]" id="ratings" >
                                                                <option value="">Select</option>
                                                                @if($configurations['training_ratings']->count()>0)
                                                                        @foreach($configurations['training_ratings'] as $row)
                                                                            <option value="{{ $row->name }}">{{ $row->name }}</option>
                                                                        @endforeach
                                                                @endif
                                                                </select>
                                                            <div class="mb-3" id="ratings_div1">
                                                            </div>

                                                            </td>
                                                            <td> <input type="text" class="form-control" name="training_session[comments][]" id="comments" placeholder="Enter comments">
                                                            <input type="hidden" class="form-control" name="label[]" id="label" value="course_content">

                                                        </td>
                                                        <tr>
                                                        <tr>
                                                            <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="">Relevance</td>
                                                            <td>
                                                                <select class="select" name="training_session[ratings][]" id="ratings" >
                                                                <option value="">Select</option>
                                                                @if($configurations['training_ratings']->count()>0)
                                                                        @foreach($configurations['training_ratings'] as $row)
                                                                            <option value="{{ $row->name }}">{{ $row->name }}</option>
                                                                        @endforeach
                                                                @endif
                                                                </select>
                                                                <div class="mb-3" id="ratings_div2">
                                                            </div>
                                                            </td>
                                                            <td> <input type="text" class="form-control" name="training_session[comments][]" id="comments" placeholder="Enter comments">
                                                            <input type="hidden" class="form-control" name="label[]" id="label" value="relevance">

                                                        </td>
                                                        <tr>
                                                        <tr>
                                                            <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="">Faculty</td>
                                                            <td>
                                                                <select class="select" name="training_session[ratings][]" id="ratings" >
                                                                <option value="">Select</option>
                                                                @if($configurations['training_ratings']->count()>0)
                                                                        @foreach($configurations['training_ratings'] as $row)
                                                                            <option value="{{ $row->name }}">{{ $row->name }}</option>
                                                                        @endforeach
                                                                @endif
                                                                </select>
                                                                <div class="mb-3" id="ratings_div3">
                                                            </div>

                                                            </td>
                                                            <td> <input type="text" class="form-control" name="training_session[comments][]" id="comments" placeholder="Enter comments">
                                                            <input type="hidden" class="form-control" name="label[]" id="label" value="faculty">

                                                        </td>
                                                        <tr>
                                                        <tr>
                                                            <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="">Overall Presentation</td>
                                                            <td>

                                                                <select class="select" name="training_session[ratings][]" id="ratings" >
                                                                <option value="">Select</option>
                                                                @if($configurations['training_ratings']->count()>0)
                                                                        @foreach($configurations['training_ratings'] as $row)
                                                                            <option value="{{ $row->name }}">{{ $row->name }}</option>
                                                                        @endforeach
                                                                @endif
                                                                </select>
                                                                <div class="mb-3" id="ratings_div4"> </div>
                                                            </td>
                                                            <td> <input type="text" class="form-control" name="training_session[comments][]" id="comments" placeholder="Enter comments">
                                                            <input type="hidden" class="form-control" name="label[]" id="label" value="overall_presentation">

                                                        </td>
                                                        <tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="widget-btn">
                                    <button type="button" class="btn btn-primary" id="add_ts_save">Save & Next</button>
                                    <!-- data-bs-toggle="modal" data-bs-target="#delete_pip_modal" -->
                                    <input  id="next_btn1" class="btn next_btn btn-primary" name="next" type="button" value="Next" style="display:none;">
                                    <button type="button" class="btn btn-cancel " data-bs-dismiss="modal">Cancel</button>
                                </div>
                            </form>
                </fieldset>
                <!-- /Accounting Onboard -->


                    <!-- General Information -->
                    <fieldset class="field-card">
                        <form id="tfForm">>
                                <div class="account-onborad">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="table-staff">
                                                <h4 class="table-head">Assign Staffs to the Training</h4>
                                                <div class="table-responsive">
                                                    <table class="table">
                                                        <thead>
                                                            <tr>
                                                                <th>Parameters</th>
                                                                <th>Rating</th>
                                                                <th>Comments</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr>
                                            <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="">Training Room</td>
                                            <td>
                                                <select class="select" name="training_facility[ratings][]" id="ratings" >
                                                <option value="">Select</option>
                                                @if($configurations['training_ratings']->count()>0)
                                                        @foreach($configurations['training_ratings'] as $row)
                                                            <option value="{{ $row->name }}">{{ $row->name }}</option>
                                                        @endforeach
                                                @endif
                                                </select>
                                                <div class="mb-3" id="tf_ratings_div0">
                                                </div>

                                            </td>
                                            <td> <input type="text" class="form-control" name="training_facility[comments][]" id="comments" placeholder="Enter comments">
                                            <input type="hidden" class="form-control" name="label[]" id="label" value="training_room">
                                        </td>
                                        </tr>
                                        <tr>
                                            <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="">Training Aids</td>
                                            <td>

                                                <select class="select" name="training_facility[ratings][]" id="ratings" >
                                                <option value="">Select</option>
                                                @if($configurations['training_ratings']->count()>0)
                                                        @foreach($configurations['training_ratings'] as $row)
                                                            <option value="{{ $row->name }}">{{ $row->name }}</option>
                                                        @endforeach
                                                @endif
                                                </select>
                                            <div class="mb-3" id="tf_ratings_div1">
                                            </div>

                                            </td>
                                            <td> <input type="text" class="form-control" name="training_facility[comments][]" id="comments" placeholder="Enter comments">
                                            <input type="hidden" class="form-control" name="label[]" id="label" value="training_aids">

                                        </td>
                                        </tr>
                                        <tr>
                                            <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="">Support services</td>
                                            <td>
                                                <select class="select" name="training_facility[ratings][]" id="ratings" >
                                                <option value="">Select</option>
                                                @if($configurations['training_ratings']->count()>0)
                                                        @foreach($configurations['training_ratings'] as $row)
                                                            <option value="{{ $row->name }}">{{ $row->name }}</option>
                                                        @endforeach
                                                @endif
                                                </select>
                                                <div class="mb-3" id="tf_ratings_div2">
                                            </div>
                                            </td>
                                            <td> <input type="text" class="form-control" name="training_facility[comments][]" id="comments" placeholder="Enter comments">
                                            <input type="hidden" class="form-control" name="label[]" id="label" value="support_services">

                                        </td>
                                        </tr>
                                        <tr>
                                            <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="">Overall Rating</td>
                                            <td>
                                                <select class="select" name="training_facility[ratings][]" id="ratings" >
                                                <option value="">Select</option>
                                                @if($configurations['training_ratings']->count()>0)
                                                        @foreach($configurations['training_ratings'] as $row)
                                                            <option value="{{ $row->name }}">{{ $row->name }}</option>
                                                        @endforeach
                                                @endif
                                                </select>
                                                <div class="mb-3" id="tf_ratings_div3">
                                            </div>

                                            </td>
                                            <td> <input type="text" class="form-control" name="training_facility[comments][]" id="comments" placeholder="Enter comments">
                                            <input type="hidden" class="form-control" name="label[]" id="label" value="overall_rating">

                                        </td>
                                        </tr>
                                                        </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="widget-btn">
                                <button type="button" class="btn btn-primary" id="add_tf_save">Save & Next</button>
                                <input  id="next_btn2" class="btn next_btn btn-primary" name="next" type="button" value="Next" style="display:none;">
                                <input class="btn-cancel prev_btn" name="next" type="button" value="Back">
                            </div>
                        </form>
                 </fieldset>
             <!-- /General Information -->

                  <!-- General Information -->
                  <fieldset class="field-card">
                    <form id="effectivenessForm">
                            <div class="account-onborad">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="table-staff">
                                            <h4 class="table-head">Assign Staffs to the Training</h4>
                                            <div class="table-responsive">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th>Parameters</th>
                                                            <th>Rating</th>
                                                            <th>Comments</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr>
                                                        <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="">Better understanding of the subject</td>
                                                        <td>
                                                            <select class="select" name="effectiveness[ratings][]" id="ratings" >
                                                            <option value="">Select</option>
                                                            @if($configurations['training_ratings']->count()>0)
                                                                    @foreach($configurations['training_ratings'] as $row)
                                                                        <option value="{{ $row->name }}">{{ $row->name }}</option>
                                                                    @endforeach
                                                            @endif
                                                            </select>
                                                            <div class="mb-3" id="e_ratings_div0">
                                                            </div>

                                                        </td>
                                                        <td> <input type="text" class="form-control" name="effectiveness[comments][]" id="comments" placeholder="Enter comments">
                                                        <input type="hidden" class="form-control" name="label[]" id="label" value="better_understanding_of_the subject">
                                                    </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="">Help improve your performance</td>
                                                        <td>

                                                            <select class="select" name="effectiveness[ratings][]" id="ratings" >
                                                            <option value="">Select</option>
                                                            @if($configurations['training_ratings']->count()>0)
                                                                    @foreach($configurations['training_ratings'] as $row)
                                                                        <option value="{{ $row->name }}">{{ $row->name }}</option>
                                                                    @endforeach
                                                            @endif
                                                            </select>
                                                        <div class="mb-3" id="e_ratings_div1">
                                                        </div>

                                                        </td>
                                                        <td> <input type="text" class="form-control" name="effectiveness[comments][]" id="comments" placeholder="Enter comments">
                                                        <input type="hidden" class="form-control" name="label[]" id="label" value="improve_performance">

                                                    </td>
                                                    </tr>
                                                  </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="widget-btn">
                                <button type="button" class="btn btn-primary" id="add_effectiveness_save">Save & Next</button>
                                <input  id="next_btn3" class="btn next_btn btn-primary" name="next" type="button" value="Next" style="display:none;">
                                <input class="btn-cancel prev_btn" name="next" type="button" value="Back">
                            </div>
                        </form>
                 </fieldset>
             <!-- /General Information -->

                <!-- General Information -->
                <fieldset class="field-card">
                        <form id="satisfyForm">
                                    <div class="account-onborad">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="table-staff">
                                                    <h4 class="table-head">Assign Staffs to the Training</h4>
                                                    <div class="table-responsive">
                                                        <table class="table">
                                                            <thead>
                                                                <tr>
                                                                    <th>Parameters</th>
                                                                    <th>Rating</th>
                                                                    <th>Comments</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                            <tr>
                                                                <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="">Overall Satisfaction with the training</td>
                                                                <td>
                                                                    <select class="select" name="satisfaction[ratings][]" id="ratings" >
                                                                    <option value="">Select</option>
                                                                    @if($configurations['training_ratings']->count()>0)
                                                                            @foreach($configurations['training_ratings'] as $row)
                                                                                <option value="{{ $row->name }}">{{ $row->name }}</option>
                                                                            @endforeach
                                                                    @endif
                                                                    </select>
                                                                    <div class="" id="satisfy_ratings_div0">
                                                                    </div>

                                                                </td>
                                                                <td> <input type="text" class="form-control" name="satisfaction[comments][]" id="comments" placeholder="Enter comments">
                                                                <input type="hidden" class="form-control" name="label[]" id="label" value="overall_satisfcation">
                                                            </td>
                                                            </tr>

                                                        </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="widget-btn">
                                        <input class="btn next_btn btn-primary" name="next" id="add_satisfy_save" type="button" value="Next">
                                        <input  id="next_btn4" class="btn next_btn btn-primary" name="next" type="button" value="Next" style="display:none;">
                                        <input class="btn-cancel prev_btn" name="next" type="button" value="Back">
                                    </div>
                                </form>
                        </fieldset>
                    <!-- /General Information -->

                 <!-- General Information -->
                 <fieldset class="field-card">
                    <form id="otherForm">
                                    <div class="account-onborad">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="table-staff">
                                                    <h4 class="table-head">Assign Staffs to the Training</h4>
                                                    <div class="table-responsive">
                                                        <table class="table">
                                                            <thead>
                                                                <tr>
                                                                    <th>Parameters</th>
                                                                    <th>Rating</th>
                                                                    <th>Comments</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                            <tr>
                                        <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="Please list the topics that you think should be included in this program in the future?" style="word-wrap: break-word;">Please list the topics that you think should be included in this program in the future?</td>
                                        <td>
                                        <div class="mb-3" id="other_ratings_div0">
                                        <input type="text" class="form-control" name="other[ratings][]" id="ratings" placeholder="Enter text">
                                        </div>
                                    </td>
                                        <td>  <div class="mb-3"> <input type="text" class="form-control" name="other[comments][]" id="comments" placeholder="Enter comments">
                                        <input type="hidden" class="form-control" name="label[]" id="label" value="please_list_the_topics">
                                        </div>
                                                </td>
                                                </tr>

                                                        <tr>
                                                            <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="">Any suggestions for improvement?</td>
                                                            <td>
                                                            <div class="mb-3" id="other_ratings_div1">
                                                            <input type="text" class="form-control" name="other[ratings][]" id="ratings" placeholder="Enter text">
                                                            </div>
                                                            </td>
                                                            <td> <div class="mb-3"> <input type="text" class="form-control" name="other[comments][]" id="comments" placeholder="Enter comments">
                                                            <input type="hidden" class="form-control" name="label[]" id="label" value="any_suggestions">
                                                            </div>
                                                            </td>
                                                        </tr>
                                                                        <tr>
                                                                <td class="table-truncate" data-bs-toggle="tooltip" data-bs-placement="top" title="">Any other comments?</td>
                                                                <td>
                                                                <div class="mb-3" id="other_ratings_div2">
                                                                <input type="text" class="form-control" name="other[ratings][]" id="ratings" placeholder="Enter text">
                                                                </div>
                                                                </td>
                                                                <td>  <div class="mb-3"> <input type="text" class="form-control" name="other[comments][]" id="comments" placeholder="Enter comments"> </div>
                                                                <input type="hidden" class="form-control" name="label[]" id="label" value="any_other_comments">
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="widget-btn">
                                        <button type="button" class="btn btn-primary" id="add_other_save">Save & Next</button>
                                        <input  id="next_btn5" class="btn next_btn btn-primary" name="next" type="button" value="Next" style="display:none;">
                                        <input class="btn-cancel prev_btn" name="next" type="button" value="Back">
                                    </div>
                                </form>
                        </fieldset>
                    <!-- /General Information -->

                </div>
    </div>
</div>
</div>
</div>
</div>
<!-- /Add -->


@endsection