@extends('admin.layout.app')
@section('title', __('admin.teachers'))

@section('body')
<div class="card shadow-sm border-0 rounded-4">
    <div class="card-header bg-white border-0 py-3">
        <div class="d-flex justify-content-between align-items-start flex-wrap gap-2">
            <div>
                <h4 class="fw-bold mb-1">{{ __('admin.teachers') }}</h4>
                <small class="text-muted">{{ __('admin.users_with_role') }} <span class="fw-semibold">{{ __('admin.teacher_2') }}</span></small>
            </div>
            <a href="{{ route('teachers.create') }}" class="btn btn-primary rounded-pill">
                <i class="fas fa-plus me-2"></i> {{ __('admin.new_teacher') }}
            </a>
        </div>
    </div>

    <div class="card-body p-4">
        @if(session('msg'))
            <div class="alert alert-info rounded-3">{{ session('msg') }}</div>
        @endif

        <form class="row g-2 mb-4" method="GET">
            <div class="col-md-9 col-lg-10">
                <div class="input-group">
                    <span class="input-group-text bg-transparent border-end-0 rounded-pill-start">
                        <i class="fas fa-search text-muted"></i>
                    </span>
                    <input name="q" value="{{ $q }}" class="form-control border-start-0 rounded-pill-end"
                           placeholder="{{ __('admin.search_by_name_email_phone_or_department') }}">
                </div>
            </div>
            <div class="col-md-3 col-lg-2 d-flex gap-2">
                <button class="btn btn-primary rounded-pill w-100">
                    <i class="fas fa-search me-1"></i> {{ __('admin.search') }}
                </button>
                <a href="{{ route('teachers.index') }}" class="btn btn-outline-secondary rounded-pill w-100">
                    {{ __('admin.reset') }}
                </a>
            </div>
        </form>

        <div class="table-responsive">
            <table class="table table-hover align-middle">
                <thead class="table-light">
                    <tr>
                        <th style="width:70px;">{{ __('admin.id') }}</th>
                        <th>{{ __('admin.name') }}</th>
                        <th>{{ __('admin.email') }}</th>
                        <th>{{ __('admin.phone') }}</th>
                        <th>{{ __('admin.department') }}</th>
                        <th style="width:120px;">{{ __('admin.created_2') }}</th>
                        <th style="width:140px;">{{ __('admin.actions') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($teachers as $t)
                        <tr>
                            <td class="fw-semibold">#{{ $t->id }}</td>
                            <td>
                                <div class="fw-semibold">{{ $t->name }}</div>
                                @if($t->father_name)
                                    <small class="text-muted">Son of {{ $t->father_name }}</small>
                                @endif
                            </td>
                            <td><span class="text-muted">{{ $t->email }}</span></td>
                            <td>{{ $t->phone ?? '—' }}</td>
                            <td>{{ $t->department ?? '—' }}</td>
                            <td><span class="small">{{ $t->created_at?->format('Y-m-d') }}</span></td>
                            <td>
                                <div class="d-flex gap-1">
                                    <a class="btn btn-sm btn-outline-info rounded-pill" href="{{ route('teachers.show', $t->id) }}" title="{{ __('admin.view') }}">
                                        <i class="far fa-eye"></i>
                                    </a>
                                    <a class="btn btn-sm btn-outline-primary rounded-pill" href="{{ route('teachers.edit', $t->id) }}" title="{{ __('admin.edit') }}">
                                        <i class="far fa-edit"></i>
                                    </a>
                                    <form action="{{ route('teachers.destroy', $t->id) }}" method="POST"
                                          onsubmit="return confirm('{{ __('admin.delete_this_teacher_this_action_cannot_be_undone') }}');">
                                        @csrf @method('DELETE')
                                        <button class="btn btn-sm btn-outline-danger rounded-pill" title="{{ __('admin.delete') }}">
                                            <i class="far fa-trash-alt"></i>
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center p-5 text-muted">
                                <i class="fas fa-chalkboard-teacher fa-3x mb-3 opacity-50"></i>
                                <p class="mb-0">{{ __('admin.no_teachers_found') }}</p>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="mt-3">
            {{ $teachers->withQueryString()->links('pagination::bootstrap-4') }}
        </div>
    </div>
</div>
@endsection