@extends('components.dashboard.layouts.master')

@section('styles')
    @stack('datatableStyles')
    <!-- FontAwesome لو مش ضايفه -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
@endsection

@section('title')
    {{ __('Edit Teacher') }}
@endsection

@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row"></div>
            <div class="content-body">

                <x-dashboard.layouts.breadcrumb now="{{ __('Edit Teacher') }}" />

                <section id="basic-input">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">{{ __('Edit Teacher') }}</h4>
                                </div>


                                <div class="card-content">
                                    <div class="card-body">
                                        <form action="{{ route('admin.teachers.update', $teacher->id) }}" method="POST" enctype="multipart/form-data">
                                            @csrf
                                            @method('PUT')

                                            <div class="row">
                                                <!-- Name -->
                                                <!-- Name -->
                                                <div class="col-md-6 col-12">
                                                    <div class="form-group">
                                                        <label for="name">{{ __('Name') }}</label>
                                                        <input type="text" id="name" name="name"
                                                               class="form-control @error('name') is-invalid @enderror"
                                                               placeholder="{{ __('Name') }}"
                                                               value="{{ old('name', $teacher->name) }}" required>
                                                        @error('name')
                                                        <span class="text-danger small">{{ $message }}</span>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <!-- Email -->
                                                <div class="col-md-6 col-12">
                                                    <div class="form-group">
                                                        <label for="email">{{ __('Email') }}</label>
                                                        <input type="email" id="email" name="email"
                                                               class="form-control @error('email') is-invalid @enderror"
                                                               placeholder="{{ __('Email') }}"
                                                               value="{{ old('email', $teacher->email) }}" required>
                                                        @error('email')
                                                        <span class="text-danger small">{{ $message }}</span>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <!-- Phone -->
                                                <div class="col-md-6 col-12">
                                                    <div class="form-group">
                                                        <label for="phone">{{ __('Phone') }}</label>
                                                        <input type="text" id="phone" name="phone"
                                                               class="form-control @error('phone') is-invalid @enderror"
                                                               placeholder="{{ __('Phone') }}"
                                                               value="{{ old('phone', $teacher->phone) }}">
                                                        @error('phone')
                                                        <span class="text-danger small">{{ $message }}</span>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <!-- Subject -->
                                                <div class="col-md-6 col-12">
                                                    <div class="form-group">
                                                        <label for="subject_id">{{ __('Subject') }}</label>
                                                        <select id="subject_id" name="subject_id"
                                                                class="form-control @error('subject_id') is-invalid @enderror" required>
                                                            <option value="">{{ __('Select Subject') }}</option>
                                                            @foreach($subjects as $subject)
                                                                <option value="{{ $subject->id }}"
                                                                    {{ $teacher->teacher && $teacher->teacher->subject_id == $subject->id ? 'selected' : '' }}>
                                                                    {{ $subject->getName(app()->getLocale()) }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        @error('subject_id')
                                                        <span class="text-danger small">{{ $message }}</span>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <!-- System Type -->
                                                <div class="col-md-6 col-12">
                                                    <div class="form-group">
                                                        <label for="system_type">{{ __('System Type') }}</label>
                                                        <select id="system_type" name="system_type"
                                                                class="form-control @error('system_type') is-invalid @enderror" required>
                                                            <option value="">{{ __('Select System Type') }}</option>
                                                            @foreach($systemTypes as $type => $label)
                                                                <option value="{{ $type }}"
                                                                    {{ $teacher->teacher && $teacher->teacher->system_type == $type ? 'selected' : '' }}>
                                                                    {{ $label }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        @error('system_type')
                                                        <span class="text-danger small">{{ $message }}</span>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <!-- Status -->
                                                <div class="col-md-6 col-12">
                                                    <div class="form-group">
                                                        <label for="status">{{ __('Status') }}</label>
                                                        <select id="status" name="status"
                                                                class="form-control @error('status') is-invalid @enderror" required>
                                                            <option value="1" {{ $teacher->status ? 'selected' : '' }}>{{ __('Active') }}</option>
                                                            <option value="0" {{ !$teacher->status ? 'selected' : '' }}>{{ __('Inactive') }}</option>
                                                        </select>
                                                        @error('status')
                                                        <span class="text-danger small">{{ $message }}</span>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <!-- Password -->
                                                <div class="col-md-6 col-12">
                                                    <div class="form-group">
                                                        <label for="password">{{ __('Password') }}</label>
                                                        <div class="input-group">
                                                            <input type="password" id="password" name="password"
                                                                   class="form-control @error('password') is-invalid @enderror"
                                                                   placeholder="{{ __('Password') }}">
                                                            <span class="input-group-text">
                <i toggle="#password" class="fa fa-eye toggle-password" style="cursor:pointer"></i>
            </span>
                                                        </div>
                                                        @error('password')
                                                        <span class="text-danger small">{{ $message }}</span>
                                                        @enderror
                                                        <small>{{ __('Leave blank if you don\'t want to change the password') }}</small>
                                                    </div>
                                                </div>

                                                <!-- Confirm Password -->
                                                <div class="col-md-6 col-12">
                                                    <div class="form-group">
                                                        <label for="password_confirmation">{{ __('Confirm Password') }}</label>
                                                        <div class="input-group">
                                                            <input type="password" id="password_confirmation" name="password_confirmation"
                                                                   class="form-control @error('password_confirmation') is-invalid @enderror"
                                                                   placeholder="{{ __('Confirm Password') }}">
                                                            <span class="input-group-text">
                <i toggle="#password_confirmation" class="fa fa-eye toggle-password" style="cursor:pointer"></i>
            </span>
                                                        </div>
                                                        @error('password_confirmation')
                                                        <span class="text-danger small">{{ $message }}</span>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <!-- Image -->
                                                <div class="col-12">
                                                    <div class="form-group">
                                                        <label for="image">{{ __('Image') }}</label>
                                                        <input type="file" id="image" name="image"
                                                               class="form-control @error('image') is-invalid @enderror">
                                                        @error('image')
                                                        <span class="text-danger small">{{ $message }}</span>
                                                        @enderror

                                                        @if($teacher->image)
                                                            <div class="mt-2">
                                                                <img src="{{ $teacher->image}}" alt="Teacher Image" height="80">
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>


                                                <!-- Submit -->
                                                <div class="col-12">
                                                    <button type="submit" class="btn btn-primary">{{ __('Update') }}</button>
                                                </div>
                                            </div>

                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

            </div>
        </div>
    </div>
@endsection

@section('script')
    @stack('datatableScripts')

    <script>
        $(document).ready(function() {
            $('.toggle-password').parent().click(function() {
                const $icon = $(this).find('.toggle-password');
                const $input = $($icon.attr('toggle'));

                if ($input.attr('type') === 'password') {
                    $input.attr('type', 'text');
                    $icon.removeClass('fa-eye').addClass('fa-eye-slash');
                } else {
                    $input.attr('type', 'password');
                    $icon.removeClass('fa-eye-slash').addClass('fa-eye');
                }
            });
        });
    </script>
@endsection