@extends('layouts.app')
@section('content')
    <div class="m-sm-5 p-sm-5 p-2 m-2">
        <h3 class=" text-start form-tittle text-p">
            @if (isset($teacher))
                تعديل معلم
            @else
                أضافة معلم
            @endif
        </h3>
        <form class="d-flex flex-column gap-4"
            action="{{ isset($teacher) ? route('teachers.update', $teacher->id) : route('teachers.store') }}" method="post"
            enctype="multipart/form-data">
            @csrf
            @if (isset($teacher))
                @method('PATCH')
            @endif
            <div class="row">
                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="email">البريد الالكترونى</label>
                    <input type="text" class="form-control py-3 @error('email')  is-invalid  @enderror" id="email"
                        name="email" placeholder=" البريد الالكترونى "
                        value="{{ old('email', isset($teacher) ? $teacher->admin->email : null) }}">
                </div>
                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="username"> أسم المستخدم </label>
                    <input type="text" class="form-control py-3 @error('username')  is-invalid  @enderror" id="username"
                        name="username" placeholder=" اسم المستخدم  "
                        value="{{ old('username', isset($teacher) ? $teacher->admin->name : null) }}">
                </div>

                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="password"> كلمة المرور </label>
                    <input type="password" class="form-control py-3 @error('password')  is-invalid  @enderror"
                        id="password" name="password" placeholder=" كلمة المرور   " value="{{ old('password', null) }}">
                </div>
                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="password_confirmation"> تأكيد كلمة المرور </label>
                    <input type="password" class="form-control py-3 @error('password_confirmation')  is-invalid  @enderror"
                        id="password_confirmation" name="password_confirmation" placeholder=" تأكيد كلمة المرور   "
                        value="{{ old('password_confirmation', null) }}">
                </div>
                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="name"> أسم المعلم واللقب </label>
                    <input type="text" class="form-control py-3 @error('name')  is-invalid  @enderror" id="name"
                        name="name" placeholder="  أسم المعلم واللقب    "
                        value="{{ old('name', isset($teacher) ? $teacher->name : null) }}">
                </div>
                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="job_title"> عنوان الوظيفة </label>
                    <input type="text" class="form-control py-3 @error('job_title')  is-invalid  @enderror"
                        id="job_title" name="job_title" placeholder="   عنوان الوظيفة       "
                        value="{{ old('job_title', isset($teacher) ? $teacher->job_title : null) }}">
                </div>
                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="phone"> رقم الهاتف </label>
                    <input type="text" class="form-control py-3 @error('phone')  is-invalid  @enderror" id="phone"
                        name="phone" placeholder="   رقم الهاتف        "
                        value="{{ old('phone', isset($teacher) ? $teacher->phone : null) }}">
                </div>
                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="percent"> نسبة الأرباح  </label>
                    <input type="number" step="0.5" class="form-control py-3 @error('percent')  is-invalid  @enderror" id="percent"
                        name="percent" placeholder=" نسبة الأرباح " min="0" max="100"
                        value="{{ old('percent', isset($teacher) ? $teacher->percent : null) }}">
                </div>
                <div class="col-12">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="details"> تفاصيل </label>
                    <textarea rows="5" class="form-control py-3 @error('details')  is-invalid  @enderror" id="details"
                        name="details" placeholder="   تفاصيل    ">{{ old('details', isset($teacher) ? $teacher->details : null) }}</textarea>
                </div>
                @isset($teacher)
                <div class="text-center">

                    <img src="{{ $teacher->image }}" style="width:200px;height:200px" alt="" srcset="">
                </div>
                @endisset
                <div class="col-12">
                    <div class="custom_image mt-3">
                        <label for="image" class=" @error('image')  is-invalid  @enderror">
                            <img src="" alt="" srcset="">
                            <i class="fas fa-images"></i>
                            <span class="">
                                قم بتحميل الصورة من <span class="text-p">هنا</span>

                            </span>
                        </label>
                        <input type="file" accept="image/*" name="image" id="image"
                            class="@error('image')  is-invalid  @enderror">
                    </div>
                </div>
                @isset($teacher)
                <div class="mt-3 text-center">

                    <video controls src="{{$teacher->video}}" width="200" height="200"></video>
                </div>
                @endisset
                <div class="col-12">
                    <div class="mb-3 mt-3">
                        <label for="video" class="form-label">فيديو تعريفى</label>
                        <input accept="video/*" class="form-control" name="video" type="file" id="video">
                    </div>
                </div>

            </div>
            <button type="submit" class="submit py-3 r-10">
                @if (isset($teacher))
                    تعديل
                @else
                    أضافة
                @endif
            </button>
        </form>
    </div>
@endsection