@extends('layouts.theme')
@section('title','Class Detail')
@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 customer-search">
                        <div class="loading_div"  id="loading" style="display: none">
                             <div class="spinner-grow text-secondary  loading" role="status" ></div>
                         </div>
                   <div class="row">
                    <div class="col-md-12 col-lg- col-xl-3">
                        <div class="card ">
                            <div class="card-body"> 
                                <div class="text-center">                 
                                    <h4 class="mt-3"> Class Detail</h4>
                                    <table   class="profile-table table  
                                      border: none w-100 user_table text-capitalize ">
                                        <thead>  
                                                <tr>
                                                    <td>Class Name</td>
                                                    <td>{{$item->name}}</td>
                                                </tr>
                                                <tr>
                                                    <td>Class Section</td>
                                                    <td>
                                                                                                                @foreach ($sections as $section)
                                                 
                                                        <span class="badge-primary badge mr-2">
                                                            {{$section->getSection?$section->getSection->name:''}}
                                                        </span>
                                                        @endforeach
                                                    </td>
                                                </tr> 
                                                <tr>
                                                    <td>Class Fees (Rs)</td>
                                                    <td class="text-capitalize">
                                                        {{number_format($item->getFeeStructure?$item->getFeeStructure->academic_fee:0, 0)}}</td>
                                                </tr>
                                                <tr>
                                                    <td>Class Teacher</td>
                                                    <td class="text-capitalize">
                                                         
                                                    {{$teacher?$teacher->first_name .' '.$teacher->last_name:""}} 
                                                    </td> 
                                                </tr>
                                                <tr>
                                                    <td>Total Student  </td>
                                                    <td> 
                             
                                                        {{ $item->getStudents?$item->getStudents->count():0}}
                                                     </td>
                                                </tr> 
                                                <tr>
                                                    <td>Note</td>
                                                    <td>{{$item->note}}</td>
                                                </tr>
                                                <tr>
                                                    <td><a href="javascript:;" class="" data-target="#modal_detail"  data-toggle="modal">English</a></td>
                                                    <td></td>
                                                </tr>    
                                        </thead>
                                        <tbody>
                                        </tbody>
                                        
                                    </table> 
                                    <a href="javascript:;" class="btn btn-pink btn-rounded px-3" data-target="#create_modal"  data-toggle="modal">Add Subject</a>
                                </div>
                
                
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9">
                        <div class="card">
                            <div class="card-body"> 
                                <!-- Nav tabs -->
                                  <ul class="nav nav-pills nav-justified" role="tablist">
                                                                               @foreach ($sections as $section)
                                                                                                                       <li class="nav-item waves-effect waves-light">
                                             <a class="nav-link {{$counter==1? 'active' :''}}" data-toggle="tab" href="#{{$section_name.'_'.$counter}}" 
                                             role="tab" aria-selected="true">
                                             {{ $section_name}}
                                          </a>
                                        </li> 
                                        @endforeach
                                  </ul>
                                    <hr>
                                    <!-- Tab panes -->
                                    <div class="tab-content">
                                                                                @foreach ($sections as $section)