@extends('layouts.admin.app')
@section('title', __('trans.teacher.specialties.edit'))

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{ __('trans.teacher.specialties.edit') }} [ {{ $teacher->name }} ]</h3>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.teachers.specialties.update', [$teacher->id, $specialty->id]) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label class="form-label">{{ __('trans.teacher.specialties.specialty') }} <span class="text-danger">*</span></label>
                            <select name="specialty_id" class="form-select select2" required>
                                <option value="">{{ __('trans.all') }}</option>
                                @foreach($specialties as $item)
                                    <option value="{{ $item->id }}" {{ $specialty->specialty_id == $item->id ? 'selected' : '' }}>
                                        {{ $item->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-12 mb-3">
                            <label class="form-label">{{ __('trans.teacher.specialties.status') }} <span class="text-danger">*</span></label>
                            <select name="status" class="form-select" required>
                                @foreach ($SpecialtyStatusOptions as $value => $label)
                                    <option value="{{ $value }}" {{ $specialty->status == $value ? 'selected' : '' }}>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>

                        <x-inputs.field name="rejected_reason" type="textarea" label="{{ __('trans.teacher.specialties.rejected_reason') }}" value="{{ $specialty->rejected_reason }}" col="12" />
                        <x-inputs.field name="intro_video_url" type="url" label="{{ __('trans.teacher.specialties.intro_video_url') }}" value="{{ $specialty->intro_video_url }}" col="12" />

                        <div class="col-md-4 mb-3">
                            <x-inputs.lfm :showClear="false" :showClear="false" name="cert_specialization" label="{{ __('trans.teacher.specialties.cert_specialization') }}" type="file" id="cert_specialization" value="{{ $specialty->cert_specialization }}" />
                        </div>
                        <div class="col-md-4 mb-3">
                            <x-inputs.lfm :showClear="false" name="cert_experience" label="{{ __('trans.teacher.specialties.cert_experience') }}" type="file" id="cert_experience" value="{{ $specialty->cert_experience }}" />
                        </div>
                        <div class="col-md-4 mb-3">
                            <x-inputs.lfm :showClear="false" name="cert_other" label="{{ __('trans.teacher.specialties.cert_other') }}" type="file" id="cert_other" value="{{ $specialty->cert_other }}" />
                        </div>

                    </div>

                    <div class="mt-4">
                        <x-inputs.btn type="submit" text="{{ __('trans.save') }}" action="save" />
                        <a href="{{ route('admin.teachers.specialties', $teacher->id) }}" class="btn btn-secondary">{{ __('trans.back') }}</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@once
    @push('css')
        <link rel="stylesheet" href="/admin/vendor/libs/select2/select2.css" />
    @endpush
    @push('js')
        <script src="/admin/vendor/libs/select2/select2.js"></script>
    @endpush
@endonce

@push('js')
<script>
    $(document).ready(function() {
        $('.select2').select2({ dir: "rtl" });
    });
</script>
@endpush