@extends('admin.layout.app')

@section('body')
<div class="card card-page p-3 shadow-sm">

    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h4 class="mb-0">{{ __('admin.edit_course_teachers') }}</h4>
            <small class="text-muted">
                {{ __('admin.course_3') }} <span class="fw-semibold">{{ $course->title }}</span>
                @if($course->code) ({{ $course->code }}) @endif
            </small>
        </div>

        <div class="d-flex gap-2">
            <a href="{{ route('course-teachers.show',$course->id) }}" class="btn btn-outline-info">{{ __('admin.view') }}</a>
            <a href="{{ route('course-teachers.index') }}" class="btn btn-outline-secondary">{{ __('admin.back') }}</a>
        </div>
    </div>

    @if(session('msg'))
        <div class="alert alert-info">{{ session('msg') }}</div>
    @endif

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

    <form action="{{ route('course-teachers.update',$course->id) }}" method="POST">
        @csrf
        @method('PUT')

        <div class="row g-3">
            <div class="col-12">
                <label class="form-label">{{ __('admin.select_teachers') }}</label>
                <select name="teacher_user_ids[]" class="form-select" multiple size="12">
                    @foreach($teachers as $t)
                        <option value="{{ $t->id }}"
                            @selected(in_array($t->id, old('teacher_user_ids',$selectedTeacherIds)))>
                            {{ $t->name }} — {{ $t->email }}
                        </option>
                    @endforeach
                </select>
                <small class="text-muted">{{ __('admin.hold_ctrl_windows_cmd_mac_to_select_multiple') }}</small>
            </div>

            <div class="col-12">
                <button class="btn btn-primary">
                    <i class="fas fa-save me-2"></i> {{ __('admin.update_teachers') }}
                </button>
            </div>
        </div>
    </form>

    <hr>

    {{-- Quick remove --}}
    <h6 class="mb-2">{{ __('admin.quick_remove') }}</h6>
    @if(!empty($selectedTeacherIds))
        <div class="d-flex flex-wrap gap-2">
            @foreach($teachers->whereIn('id',$selectedTeacherIds) as $t)
                <form action="{{ route('course-teachers.destroy') }}" method="POST"
                      onsubmit="return confirm('Remove {{ $t->name }} from this course?');">
                    @csrf
                    @method('DELETE')
                    <input type="hidden" name="course_id" value="{{ $course->id }}">
                    <input type="hidden" name="teacher_user_id" value="{{ $t->id }}">
                    <button class="btn btn-sm btn-outline-danger">
                        <i class="fas fa-user-times me-1"></i> {{ $t->name }}
                    </button>
                </form>
            @endforeach
        </div>
    @else
        <div class="text-muted">{{ __('admin.no_teachers_assigned_yet') }}</div>
    @endif

</div>
@endsection