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

@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-center">
            <h4 class="fw-bold mb-0">{{ __('admin.add_new_teacher') }}</h4>
            <a href="{{ route('teachers.index') }}" class="btn btn-outline-secondary rounded-pill">
                <i class="fas fa-arrow-left me-2"></i> {{ __('admin.back') }}
            </a>
        </div>
    </div>

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

        <form action="{{ route('teachers.store') }}" method="POST">
            @csrf

            {{-- Personal Information --}}
            <h6 class="fw-semibold mb-3"><i class="fas fa-id-card me-2 text-primary"></i> {{ __('admin.personal_information') }}</h6>
            <div class="row g-3 mb-4">
                <div class="col-md-6">
                    <label class="form-label fw-semibold">{{ __('admin.full_name') }} <span class="text-danger">*</span></label>
                    <input type="text" name="name" value="{{ old('name') }}" class="form-control rounded-pill @error('name') is-invalid @enderror" required>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">{{ __('admin.father_s_name') }}</label>
                    <input type="text" name="father_name" value="{{ old('father_name') }}" class="form-control rounded-pill">
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">{{ __('admin.date_of_birth') }}</label>
                    <input type="date" name="dob" value="{{ old('dob') }}" class="form-control rounded-pill">
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">{{ __('admin.gender') }}</label>
                    <select name="gender" class="form-select rounded-pill">
                        <option value="" {{ old('gender') === '' ? 'selected' : '' }}>{{ __('admin.select') }}</option>
                        <option value="male" {{ old('gender') == 'male' ? 'selected' : '' }}>{{ __('admin.male') }}</option>
                        <option value="female" {{ old('gender') == 'female' ? 'selected' : '' }}>{{ __('admin.female') }}</option>
                        <option value="other" {{ old('gender') == 'other' ? 'selected' : '' }}>{{ __('admin.other') }}</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">{{ __('admin.tazkira_id_no') }}</label>
                    <input type="text" name="tazkira_no" value="{{ old('tazkira_no') }}" class="form-control rounded-pill">
                </div>
            </div>

            {{-- Contact Information --}}
            <h6 class="fw-semibold mb-3"><i class="fas fa-address-book me-2 text-success"></i> {{ __('admin.contact_information') }}</h6>
            <div class="row g-3 mb-4">
                <div class="col-md-6">
                    <label class="form-label fw-semibold">{{ __('admin.email_address') }} <span class="text-danger">*</span></label>
                    <input type="email" name="email" value="{{ old('email') }}" class="form-control rounded-pill" required>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">{{ __('admin.phone_number') }}</label>
                    <input type="text" name="phone" value="{{ old('phone') }}" class="form-control rounded-pill">
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">{{ __('admin.country') }}</label>
                    <input type="text" name="country" value="{{ old('country') }}" class="form-control rounded-pill">
                </div>
                <div class="col-md-8">
                    <label class="form-label fw-semibold">{{ __('admin.address') }}</label>
                    <textarea name="address" rows="2" class="form-control rounded-3">{{ old('address') }}</textarea>
                </div>
            </div>

            {{-- Professional Information --}}
            <h6 class="fw-semibold mb-3"><i class="fas fa-briefcase me-2 text-info"></i> {{ __('admin.professional_information') }}</h6>
            <div class="row g-3 mb-4">
                <div class="col-md-6">
                    <label class="form-label fw-semibold">{{ __('admin.department') }}</label>
                    <input type="text" name="department" value="{{ old('department') }}" class="form-control rounded-pill">
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">{{ __('admin.qualification') }}</label>
                    <input type="text" name="qualification" value="{{ old('qualification') }}" class="form-control rounded-pill">
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">{{ __('admin.specialization') }}</label>
                    <input type="text" name="specialization" value="{{ old('specialization') }}" class="form-control rounded-pill">
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">{{ __('admin.joining_date') }}</label>
                    <input type="date" name="joining_date" value="{{ old('joining_date') }}" class="form-control rounded-pill">
                </div>
            </div>

            {{-- Account Security --}}
            <h6 class="fw-semibold mb-3"><i class="fas fa-lock me-2 text-warning"></i> {{ __('admin.account_security') }}</h6>
            <div class="row g-3 mb-4">
                <div class="col-md-6">
                    <label class="form-label fw-semibold">{{ __('admin.password') }} <span class="text-danger">*</span></label>
                    <input type="password" name="password" class="form-control rounded-pill" required>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">{{ __('admin.confirm_password') }} <span class="text-danger">*</span></label>
                    <input type="password" name="password_confirmation" class="form-control rounded-pill" required>
                </div>
            </div>

            <div class="d-flex justify-content-end gap-2">
                <a href="{{ route('teachers.index') }}" class="btn btn-outline-secondary rounded-pill px-4">{{ __('admin.cancel') }}</a>
                <button type="submit" class="btn btn-primary rounded-pill px-5">
                    <i class="fas fa-save me-2"></i> {{ __('admin.save_teacher') }}
                </button>
            </div>
        </form>
    </div>
</div>
@endsection