@extends('layouts.teacher')

<title>{{ config('app.name', 'Laravel') }} | Teacher | Chat Support</title>
<style>
    .edit:hover {
        color: #fff !important;
        background-color: blue !important;
        border-color: #696cff !important;
        border-radius: 5px !important;
    }

    .delete:hover {
        color: #fff !important;
        background-color: #E3242B !important;
        border-color: #E3242B !important;
        border-radius: 5px !important;
    }

    .dtbl_dropdown .dataTables_length {
        width: 65px;
    }

    .dtbl_dropdown .dataTables_length label {
        width: 100%;
    }
</style>
<link rel="stylesheet" href="assets/css/toggle.css">
@section('main-content')


    <div class="content-wrapper">
        <!-- Content -->
        <div class="container-xxl container-p-y row">
            <div class="col-6">
                <h4 class="fw-bold py-2"><span class="text-muted fw-light">Records /</span>Chat Support</h4>
            </div>


            <!-- Basic Bootstrap Table -->
            <div class="card pb-5 ms-3">
                <h5 class="pt-3">Support List</h5>
                <div class="table dataTable text-nowrap dtbl_dropdown">
                    <table class="table" id="services">
                        <thead>
                            <tr>
                                <th class="">#</th>
                                <th class="ps-1">Student Name</th>
                                <th class="ps-1">Parent Name</th>
                                <th class="ps-1">Email</th>
                                <th class="ps-1">Phone</th>
                                <th class="ps-1">Replied</th>
                                <th class="text-center">Action</th>
                            </tr>
                        </thead>
                        {{-- {{ dd($notes) }} --}}
                        <tbody class="table-border-bottom-0">
                            @if (count($notes) != 0)
                                @foreach ($notes as $key => $note)
                                    <tr id="row_{{ $note->id }}">
                                        <td class="">{{ $key + 1 }}</td>
                                        <td class="ps-1 name_{{ $note->id }}">{{ ucwords($note->student_first_name) }}
                                            {{ ucwords($note->student_last_name) }}</td>
                                        <td class="ps-1 name_{{ $note->id }}">{{ ucwords($note->parent_first_name) }}
                                            {{ ucwords($note->parent_last_name) }}</td>
                                        <td class="ps-1 name_{{ $note->id }}">{{ $note->parent_email }}</td>
                                        <td class="ps-1 name_{{ $note->id }}">{{ $note->parent_phone }}</td>
                                        <td class="ps-1 name_{{ $note->id }}">
                                            @if ($note->added_by == $note->teacher_id)
                                            YES
                                            @else
                                            NO
                                            @endif
                                        </td>

                                        {{-- <td class="ps-1 phone_{{ $note->id }}">
                                            @if ($note->parent_id !== null)
                                                {{ $note->parent->email }}
                                            @else
                                                {{ $note->student->email }}
                                            @endif
                                        </td>

                                        <td class="ps-1 phone_{{ $note->id }}">
                                            @if ($note->parent_id !== null)
                                                {{ $note->parent->phone }}
                                            @else
                                                {{ $note->student->phone }}
                                            @endif
                                        </td> --}}
                                        <td class="text-center"><a class="dropdown-item view"
                                                href="/studentdetail/{{ $note->student_id }}"><i class="bx bx-detail"></i>
                                                view</a></td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td><span>{{ 'No record found' }}</span></td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- / Content -->
    </div>
@endsection
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>