@extends('layouts.theme')
@section('title','Class')
@section('style')
    <link href="{{url('libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{url('libs/sweetalert2/sweetalert2.min.css')}}" rel="stylesheet">
    <link href="{{url('libs/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css" />
    
@endsection
@section('content')
<style>
    .teacher {
        position: relative;
    }
    .teacher .parsley-errors-list {
        position: absolute;
        bottom: 10px;
    }
    .select2-container {
        width: 100% !important;
    }
</style>
<div class="page-content">
    <div class="container-fluid">
        <!-- start page title -->
         <div class="card  w-100">
            <div class="loading_div"  id="loading" style="display: none">
                <div class="spinner-grow text-secondary  loading" role="status" ></div>
            </div>
             <div class="card-body ">
                 @include('alertsInfo')
                 <div class="row d-flex mb-3">
                    <div class="col-lg-6  ">
                        <h3>Technical Evaluation Lists </h3>
                    </div>
                    <div class="col-lg-6">
                        @can('class.create')
                            <div class="float-right d-print-none">
                                <a class="btn btn-primary float-right" href="javascript:;" data-target="#create_modal"  data-toggle="modal" >
                                    Add Evaluation</a>
                            </div>
                        @endcan
                        
                    </div>
                  
                </div>
                <hr>
                <table class="table mb-0" id="datatable-buttons">
                    <thead>
                    <tr>
                        <th>Sr No</th> 
                        <th class="text-capitalize"><strong>Marks</strong></th> 
                        <th><strong>Description</strong></th>
                        <th><strong> View</strong></th>
                        <th><strong> Edit</strong></th> 
                        <th><strong> Delete</strong></th> 
                    </tr>
                    </thead>
                    <tbody>
                        @forelse ($items as $value)
                            <tr>
                                <td class="count">{{$loop->iteration}}</td>
                                <td class="text-capitalize">{{$value->marks}}</td> 
                                <td> 
                                    @if ($value->compulsory === "compulsory")
                                        <span class="text-danger"> * </span>
                                    @endif
                                    
                                    {{$value->description}}</td>  
                        <td> 
                                    <a href="javascript:;" data-id="{{encrypt($value->id)}}" class="dropdown-item action_imgs show_">
                                    View
                                </a>
                        </td>
                                <td>
                                    <a href="javascript:;" data-id="{{encrypt($value->id)}}" class="dropdown-item action_imgs edit_">
                                        Edit
                                    </a>
                                   
                                </td> 
                                <td>
                                    <a href="javascript:;" data-id="{{encrypt($value->id)}}" class="dropdown-item action_imgs delete">
                                        Delete
                                    </a>
                                </td>
                            </tr>
                            @empty 
                            <tr >
                                <td class="text-center" colspan="6">
                                    Data not available.
                                </td>
                            </tr>
                        @endforelse                   
                    </tbody>
                </table> 
                </div>
             </div> 
    </div>
</div>
@include('technical.modals')
@endsection
@section('script')
    <script src="{{url('libs/select2/js/select2.min.js')}}"></script>
     <!-- Required datatable js -->
     <script src="{{url('libs/datatables.net/js/jquery.dataTables.min.js')}}"></script>
     <script src="{{url('libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
     <!-- Buttons examples -->
     <script src="{{url('libs/datatables.net-buttons/js/dataTables.buttons.min.js')}}"></script>
     <script src="{{url('libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js')}}"></script>
     <script src="{{url('libs/jszip/jszip.min.js')}}"></script>
     <script src="{{url('libs/pdfmake/build/pdfmake.min.js')}}"></script>
     <script src="{{url('libs/pdfmake/build/vfs_fonts.js')}}"></script>
     <script src="{{url('libs/datatables.net-buttons/js/buttons.html5.min.js')}}"></script>
     <script src="{{url('libs/datatables.net-buttons/js/buttons.print.min.js')}}"></script>
     <script src="{{url('libs/datatables.net-buttons/js/buttons.colVis.min.js')}}"></script>
     <!-- Responsive examples -->
     <script src="{{url('libs/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
     <script src="{{url('libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js')}}"></script>
     
     <!-- Datatable init js -->
     <script src="{{url('js/pages/datatables.init.js')}}"></script>
     
    <script src="{{url('libs/parsleyjs/parsley.min.js')}}"></script>
    <script src="{{url('js/pages/form-validation.init.js')}}"></script>  
    <script src="{{url('libs/sweetalert2/sweetalert2.min.js')}}"></script>  
    <script src="{{url('js/custom/technical.js')}}"></script> 
@endsection