@extends('layouts.admin')

@section('title', 'Modifier Étudiant - MentoraMind Admin')
@section('description', 'Modification de l\'étudiant')

@section('content')
<div class="page-header">
    <div>
        <h1>{{ __('admin.students.edit.title') }}</h1>
        <p>{{ __('admin.students.edit.subtitle') }}</p>
    </div>
    <a href="{{ route('admin.customers') }}" class="btn btn-secondary">
        <i class="bi bi-arrow-left me-2"></i>{{ __('admin.students.edit.back') }}
    </a>
</div>

<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">{{ __('admin.students.edit.information') }}</h5>
            </div>
            <div class="card-body p-4">
                <form method="POST" action="{{ route('admin.customers.update', $customer->id) }}">
                    @csrf
                    @method('PUT')
                    <div class="row g-3 mb-3">
                        <div class="col-md-4">
                            <label class="form-label">{{ __('admin.students.edit.first_name') }}</label>
                            <input type="text" class="form-control" value="{{ $customer->user->first_name ?? '' }}" name="first_name">
                        </div>

                        <div class="col-md-5">
                            <label class="form-label">{{ __('admin.students.edit.last_name') }}</label>
                            <input type="text" class="form-control" value="{{ $customer->user->last_name ?? '' }}" name="last_name">
                        </div>

                        <div class="col-md-3">
                            <label class="form-label">{{ __('admin.students.edit.language') }}</label>
                            <select class="form-select" name="language">
                                <option value="fr" {{ ($customer->user->language ?? 'fr') === 'fr' ? 'selected' : '' }}>🇫🇷 FR</option>
                                <option value="en" {{ ($customer->user->language ?? 'fr') === 'en' ? 'selected' : '' }}>🇬🇧 EN</option>
                            </select>
                        </div>
                    </div>

                    <div class="row g-3 mb-3">
                        <div class="col-md-6">
                            <label class="form-label">{{ __('admin.students.edit.email') }}</label>
                            <input type="email" class="form-control" value="{{ $customer->user->email ?? '' }}" name="email">
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">{{ __('admin.students.edit.phone') }}</label>
                            <div class="input-group">
                                @php
                                    $phoneNumber = $customer->user->phone_number ?? '';
                                    $phoneWithoutCode = $phoneNumber;
                                    $currentCountryCode = null;

                                    foreach (\App\Enums\CountryCode::cases() as $country) {
                                        if (str_starts_with($phoneNumber, $country->value)) {
                                            $phoneWithoutCode = substr($phoneNumber, strlen($country->value));
                                            $currentCountryCode = $country->value;
                                            break;
                                        }
                                    }
                                @endphp
                                <select class="form-select" style="max-width: 180px;" name="country_code">
                                    @foreach(\App\Enums\CountryCode::cases() as $country)
                                        <option value="{{ $country->value }}" {{ $currentCountryCode === $country->value ? 'selected' : '' }}>
                                            {{ $country->label }} ({{ $country->value }})
                                        </option>
                                    @endforeach
                                </select>
                                <input type="tel" class="form-control" value="{{ $phoneWithoutCode }}" name="phone" placeholder="6 XX XX XX XX" maxlength="9">
                            </div>
                        </div>
                    </div>

                    <div class="row g-3 mb-3">
                        <div class="col-md-6">
                            <label class="form-label">{{ __('admin.students.edit.new_password') }}</label>
                            <div class="input-group">
                                <input type="password" class="form-control" id="editPassword" placeholder="{{ __('admin.students.edit.new_password_placeholder') }}" name="password">
                                <button class="btn btn-outline-secondary" type="button" onclick="togglePasswordVisibility('editPassword', this)">
                                    <i class="bi bi-eye"></i>
                                </button>
                            </div>
                            <small class="text-muted">{{ __('admin.students.edit.password_hint') }}</small>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">{{ __('admin.students.edit.class') }}</label>
                            <select class="form-select" name="school_class_id">
                                <option value="">-</option>
                                @foreach($classes as $class)
                                    <option value="{{ $class->id }}" {{ $customer->school_class_id === $class->id ? 'selected' : '' }}>
                                        {{ $class->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="d-flex gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-check-circle me-2"></i>{{ __('admin.students.edit.save') }}
                        </button>
                        <a href="{{ route('admin.customers') }}" class="btn btn-secondary">
                            {{ __('admin.students.edit.cancel') }}
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">{{ __('admin.students.edit.info') }}</h5>
            </div>
            <div class="card-body">
                <div class="mb-3">
                    <small class="text-muted d-block mb-1">{{ __('admin.students.detail.created_at') }}</small>
                    <p class="mb-0">{{ $customer->created_at->format('d F Y') }}</p>
                </div>
                <div class="mb-3">
                    <small class="text-muted d-block mb-1">{{ __('admin.students.edit.last_modified') }}</small>
                    <p class="mb-0">{{ $customer->updated_at->format('d F Y') }}</p>
                </div>
                <div class="mb-3">
                    <small class="text-muted d-block mb-1">{{ __('admin.students.table.subscription') }}</small>
                    @if($customer->user && $customer->user->subscriptions && $customer->user->subscriptions->isNotEmpty())
                        @php
                            $subscription = $customer->user->subscriptions->sortByDesc('created_at')->first();
                            $planName = $subscription->subscriptionPlan->name ?? 'N/A';
                            $badgeClass = match(strtolower($planName)) {
                                'premium' => 'bg-primary',
                                'classic' => 'bg-warning text-dark',
                                default => 'bg-secondary'
                            };
                        @endphp
                        <span class="badge {{ $badgeClass }}">{{ $planName }}</span>
                    @else
                        <span class="badge bg-secondary">-</span>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
function togglePasswordVisibility(inputId, button) {
    const input = document.getElementById(inputId);
    const icon = button.querySelector('i');

    if (input.type === 'password') {
        input.type = 'text';
        icon.classList.remove('bi-eye');
        icon.classList.add('bi-eye-slash');
    } else {
        input.type = 'password';
        icon.classList.remove('bi-eye-slash');
        icon.classList.add('bi-eye');
    }
}
</script>
@endpush