@extends('backend.layouts.app')
@section('content')
<div class="row mx-auto">
    <div class="col-sm-9">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">{{ translate('Teacher Details') }}</h4>
            </div>
            <div class="card-body">
            <form action="{{ route('teacher.update', encrypt($teacher->id)) }}" method="POST" enctype="multipart/form-data" autocomplete="off">
                @csrf
                @method('PATCH')
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="address" class="form-label">{{ translate('School') }}<span class="text-danger">*</span></label>
                    </div>
                    <div class="col-lg-9">
                        <select title="Select School" name="school" id="school" class="form-control rns-selectpicker  @error('school') is-invalid @enderror">
                            @if ($schools->isNotEmpty())
                                @foreach ($schools as $value)
                                    <option value="{{$value->id}}" @if($value->id == $teacher->school->id) selected @endif>{{$value->name}}</option>
                                @endforeach
                            @endif
                        </select>
                        @error('school')
                            <div class="invalid-feedback">{{ $message }}</div> 
                        @enderror
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="address" class="form-label">{{ translate('Subjects') }}<span class="text-danger">*</span></label>
                    </div>
                    <div class="col-lg-9">
                        <select title="Select Subjects" name="subjects[]" multiple id="school" class="form-control rns-selectpicker @error('subjects') is-invalid @enderror">
                            @if ($subjects->isNotEmpty())
                                @foreach ($subjects as $subject)
                                    <option value="{{$subject->id}}" {{(in_array($subject->id, json_decode($teacher->subject_ids)) == true)? 'selected' : ''}}>{{$subject->name}}</option>
                                @endforeach
                            @endif
                        </select>
                        @error('subjects')
                        <div class="invalid-feedback">{{ $message }}</div> 
                        @enderror
                    </div>
                </div>
                <x-input-component name="name" label="Name" value="{{$teacher->name}}" type="text" :required="1"/>
                <x-input-component name="email" label="Email" value="{{$teacher->email}}" type="email" :required="0"/>
                <x-input-component name="phone" label="Phone" value="{{$teacher->phone}}" type="text" :required="0"/>
                <x-input-component name="emergency_phone" label="Emergency Phone" value="{{$teacher->emergency_phone}}" type="text" :required="0"/>
                <x-uploader-component name="image" label="Profile Image" value="{{$teacher->image}}" type="image"/>
               
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="dob" class="form-label">{{ translate('Date of birth') }}</label>
                    </div>
                    <div class="col-lg-9">
                        <input type="text" name="dob" class="form-control border-1 flatpickr-input active" data-provider="flatpickr" data-date-format="Y-m-d" readonly="readonly" placeholder="Date of Birth" value="{{$teacher->dob}}">
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="dob" class="form-label">{{ translate('Gender') }}</label>
                    </div>
                    <div class="col-lg-1">
                        <label for="dob" class="form-label">{{ translate('Male') }}</label>
                    </div>
                    <div class="col-lg-2">
                        <label class="rns-switch rns-switch-primary">
                            <input type="radio" name="gender" class="form-control demo-sw" value="male" {{$teacher->gender == 'male' ? 'checked' : ''}}>
                            <span class="slider round"></span>
                        </label>                    </div>
                    <div class="col-lg-1">
                        <label for="dob" class="form-label">{{ translate('Female') }}</label>
                    </div>
                    <div class="col-lg-1">
                        <label class="rns-switch rns-switch-primary">
                            <input type="radio" name="gender" class="form-control demo-sw" value="female" {{$teacher->gender == 'female' ? 'checked' : ''}}>
                            <span class="slider round"></span>
                        </label>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="address" class="form-label">{{ translate('Address') }}</label>
                    </div>
                    <div class="col-lg-9">
                        <textarea name="address" class="form-control" id="address" rows="3" placeholder="Address">{{$teacher->address}}</textarea>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="about" class="form-label">{{ translate('About') }}</label>
                    </div>
                    <div class="col-lg-9">
                        <textarea name="about" class="form-control" id="about" rows="3" placeholder="About">{{$teacher->about}}</textarea>
                    </div>
                </div>
                <div class="text-end">
                    <button type="submit" class="btn btn-primary">Updated Teacher</button>
                </div>
            </form>
            </div>
        </div>
    </div>
</div>
@endsection