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

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">{{ __('trans.teacher.specialties.add_new') }} [ {{ $teacher->name }} ]</h3>
            </div>
            <div class="card-body">
                <form action="{{ route('admin.teachers.specialties.store', $teacher->id) }}" method="POST">
                    @csrf
                    <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 $specialty)
                                    <option value="{{ $specialty->id }}">{{ $specialty->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 }}">{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>

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

                        <div class="col-md-4 mb-3">
                            <x-inputs.lfm :showClear="false" name="cert_specialization" label="{{ __('trans.teacher.specialties.cert_specialization') }}" type="file" id="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" />
                        </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" />
                        </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