@extends('layouts.teacher')

@section('content')
<!--App-Content-->
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <x-page.header>External Students</x-page.header>
        @include('admin.errors.form-errors')
        @if ($can_add_external_students)
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Add New External Student</h3>
                    </div>
                    <div class="card-body">
                        <form enctype="multipart/form-data" method="POST" action="{{route('teacher.external_meeting_students.store')}}"
                            class="form-horizontal" id="create_form">
                            @csrf
                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2" for="name">Name <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="text" value="{{ old('name') }}" name="name" id="name" required class="form-control">
                                    </div>
                                </div>
                            </div>

                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2" for="email">Email <i
                                                class="text-danger">(required)</i></label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="email" name="email" value="{{ old('email') }}" class="form-control" id="email"
                                            required>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group ">
                                <div class="row">
                                    <div class="col-md-3">
                                        <label class="form-label mt-2" for="course">Course</label>
                                    </div>
                                    <div class="col-md-9">
                                        <select name="course" id="course" class="form-control select2-show-search" required>
                                            @foreach ($offered_courses as $course)
                                                <option value="{{$course->coffid}}">
                                                    {{$course->has_label ? ' ( '.$course->label.' ) ':''}}  {{$course->academicYearSession->acyname.'_'
                                                    .$course->course->cname.' ( '
                                                    .$course->course->level->lshort_name.' ) '.'_'
                                                    .$course->teachingTeam->ttname

                                                    }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group ">
                                <div class="row">
                                    <label class="form-swich">
                                        <input type="checkbox" name="is_active" class="form-switch-input status-checkbox" checked>
                                        <span class="form-switch-indicator"></span>
                                        <span class="form-switch-description">is_active</span>
                                    </label>
                                </div>
                            </div>

                            <div class="form-group mb-0 row justify-content-end">
                                <div class="col-md-3">
                                    <button type="submit" class="btn btn-primary waves-effect waves-light">Add New
                                        External Student</button>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
        @endif
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">External Students List</h3>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table
                                class="table data-table-example table-striped table-bordered table-vcenter text-nowrap">
                                <thead>
                                    <tr>
                                        <th style="text-align: center;">Id</th>
                                        <th style="text-align: center;">name</th>
                                        <th style="text-align: center;">email</th>
                                        <th style="text-align: center;">course</th>
                                        <th style="text-align: center;">added by</th>
                                        <th style="text-align: center;">status</th>
                                        {{-- <th></th> --}}
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                    $count=0
                                    @endphp
                                    @foreach ($external_students as $student )
                                    <tr>
                                        <td style="text-align: center;">{{++$count}}</td>
                                        <td>{{$student->name}}</td>
                                        <td>{{$student->email}}</td>
                                        <td style="text-align: center;">
                                         {{$student->courseOffering->academicYearSession->acyname.'_'
                                         .$student->courseOffering->course->cname.' ( '
                                         .$student->courseOffering->course->level->lshort_name.' ) '.'_'
                                         .$student->courseOffering->teachingTeam->ttname

                                        }}
                                        </td>
                                        <td style="text-align: center;">{{{$student->addedBy->first_name.' '.$student->addedBy->middle_name.' '.$student->addedBy->last_name}}}</td>
                                        <td style="text-align: center;">
                                            <span class="badge badge-{{$student->is_active ? 'success':'danger'}}">{{$student->is_active ? 'active':'inactive'}}</span>
                                        </td>
                                        {{-- <td style="text-align: center;">
                                            <div data-bs-toggle="tooltip"  data-bs-original-title="Edit">
                                                <a
                                                    href="{{route('teacher.external_meeting_students.edit',$student->id)}}"
                                                    class="btn btn-outline-light btn-sm waves-effect waves-light edit"
                                                    data-bs-original-title="Edit"><i
                                                        class="fa fa-edit fs-16"></i></a>
                                            </div>
                                        </td> --}}
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection