@extends('layouts.admin')

<title>{{ config('app.name', 'Laravel') }} | Teachers</title>
<!-- Your custom export logic -->
<script src="{{ asset('assets/js/export-table.js') }}"></script>
<link rel="stylesheet" href="assets/css/toggle.css">
@section('main-content')
    <style>
        .edit:hover {
            color: #fff !important;
            background-color: blue !important;
            border-color: #696cff !important;
            border-radius: 5px !important;
            cursor: pointer;
        }

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

        #loader {
            text-align: center;
            /* Align the loader to the center */
            margin-left: 15px;
            /* Adjust this value to manage space between loader and button */
            width: auto;
            display: inline-block;
        }

        #loader img {
            width: 30px;
        }

        .dtbl_dropdown .dataTables_length {
            width: 65px;
        }

        .dtbl_dropdown .dataTables_length label {
            width: 100%;
        }

        table.dataTable thead .sorting_asc {
            background-image: none !important;
        }

        table.dataTable thead .sorting {
            background-image: none !important;
        }
    </style>

    <div class="{{ Session::has('success') ? '' : 'd-none' }} hide_msg_class"
        style="position: absolute; top:15%; margin-left:1%;">
        <div id="alert">
            @if (Session::has('success'))
                <div class="alert {{ Session::get('success') == 'Teacher deleted successfully.' ? 'alert-danger' : 'alert-success' }}"
                    role="alert">
                    {{ Session::get('success') }}
                </div>
            @endif

            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </div>
    </div>

    <div class="d-none" id="messageContainer" style="position: absolute; top:15%; margin-left:1%;">

    </div>

    <div class="content-wrapper">
        <!-- Content -->
        <div class="container-xxl container-p-y row">
            <div class="col-6">
                <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Records /</span> Teachers</h4>
            </div>
            <div class="col-6">
                <div class="text-end upgrade-btn">
                    <a href="{{ route('teachers.create') }}" class="btn btn-primary text-white">Add New Teacher</a>
                </div>
            </div>

            <!-- Basic Bootstrap Table -->
            <div class="card pb-3 ms-2">
                <div class="d-flex justify-content-between align-items-center">
                    <h5 class="mt-2">Teachers List</h5>
                    <x-export-dropdown table-id="services" filename="Teachers_list" />
                </div>
                <div class="table dataTable text-nowrap dtbl_dropdown">
                    <table class="table" id="services">
                        <thead>
                            <tr>
                                <th>S.No</th>
                                <th>First Name</th>
                                <th>Last Name</th>
                                <th>Email</th>
                                <th>Phone</th>
                                <th>Position</th>
                                <th>Class</th>
                                <th class="text-center no-export">Status</th>
                                <th class="text-center no-export">Actions</th>
                            </tr>
                        </thead>
                        <tbody class="table-border-bottom-0">
                            @if (count($users) != 0)
                                @foreach ($users as $key => $user)
                                    <!-- {{ $pic = $user->profile_photo_path }} -->
                                    <tr id="row_{{ $user->id }}">
                                        <td>{{ $key + 1 }}</td>
                                        <td class="name_{{ $user->id }}">{{ ucwords($user->first_name) }}</td>
                                        <td class="name_{{ $user->id }}">{{ ucwords($user->last_name) }}</td>
                                        <td class="email_{{ $user->id }}">{{ $user->email }}</td>
                                        <td class="phone_{{ $user->id }}">{{ $user->phone }}</td>
                                        <td class="phone_{{ $user->id }}">
                                            @if ($user->role == 2)
                                                Teacher
                                            @else
                                                Co-ordinator
                                            @endif
                                        </td>
                                        {{-- {{dd(Auth::user()->school_id,$user->id)}} --}}