@extends('admin.admin_dashboard')

@section('customcss')
    <link href="{{ asset('../asset/vendor/datatables/css/jquery.dataTables.min.css') }}" rel="stylesheet">
    <link href="{{ asset('../asset/vendor/jquery-nice-select/css/nice-select.css') }}" rel="stylesheet">
@endsection

@section('admin')
    <div class="content-body">
        <div class="container-fluid">
            <div class="row page-titles">
                <div class="col-md-9">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item active"><a href="javascript:void(0)">Home </a></li>
                        <li class="breadcrumb-item"><a href="javascript:void(0)"> Assign Teacher</a></li>
                    </ol>
                </div>
                <div class="col-md-3 mb-0 text-right">
                    <a href="{{ route('admin.add.assign.teacher') }}"><button class="btn btn-success"><i
                                class="fas fa-plus"></i> Assign Teacher</button></a>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Assign TeacherList</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table id="example" class="display" style="min-width: 845px">
                                    <thead>
                                        <tr>
                                            <th>Teacher</th>
                <th>Class</th>
                <th>Section</th>
                <th>Subject</th>
                <th>Status</th>
                <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($assignTeacherToClass as $row)
                                            <tr>
                                                <td>{{ $row->teacher->name ?? 'N/A' }}</td>
                <td>{{ $row->class->name ?? 'N/A' }}</td>
                <td>{{ $row->section->name ?? 'N/A' }}</td>
                <td>{{ $row->subject->name ?? 'N/A' }}</td>
                <td>
                    @if($row->status == 1)
                        <span class="badge bg-success">Active</span>
                    @else
                        <span class="badge bg-danger">Inactive</span>
                    @endif
                </td>
                <td>
                    <div class="dropdown ms-auto text-end">
                                                        <div class="btn-link" data-bs-toggle="dropdown">
                                                            <svg width="24px" height="24px" viewBox="0 0 24 24"
                                                                version="1.1">
                                                                <g stroke="none" stroke-width="1" fill="none"
                                                                    fill-rule="evenodd">
                                                                    <rect x="0" y="0" width="24"
                                                                        height="24"></rect>
                                                                    <circle fill="#000000" cx="5" cy="12"
                                                                        r="2"></circle>
                                                                    <circle fill="#000000" cx="12" cy="12"
                                                                        r="2"></circle>
                                                                    <circle fill="#000000" cx="19" cy="12"
                                                                        r="2"></circle>
                                                                </g>
                                                            </svg>
                                                        </div>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            <a class="dropdown-item"
                                                                href="{{ route('admin.edit.assign.teacher', $row->id) }}">Edit</a>
                                                            <a class="dropdown-item"
                                                                href="{{ route('admin.delete.assign.teacher', $row->id) }}">Delete</a>
                                                        </div>
                                                    </div>
                    
                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endsection

@section('customjs')
    <script src="{{ asset('../asset/vendor/datatables/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('../asset/js/plugins-init/datatables.init.js') }}"></script>

    <script src="{{ asset('../asset/vendor/jquery-nice-select/js/jquery.nice-select.min.js') }}"></script>
@endsection