@extends('admin.dashboard.layouts.app')
@section('main')
      <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Edit Doctor</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Validation</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <!-- left column -->
          <div class="col-md-12">
            <!-- jquery validation -->
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Edit Doctor</h3>
                <div class="d-flex justify-content-end items-center">
                    <a href="{{route('doctors.index')}}">
                        <button type="button" class="btn btn-light">Doctor List</button>
                    </a>
                </div>
              </div>
              <!-- /.card-header -->
              <!-- form start -->
              <form class="m-5" method="POST" action="{{ route('doctors.update', $doctor->doctor_id) }}" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        
        <input type="hidden" id="d_category" name="d_category" class="form-control" value="w">
        
        <div class="row">
            <div class="col-lg-6">
                <div class="form-group">
                    <label>Category</label>
                    <select id="d_subcategory" name="d_subcategory" class="form-control select2">
                        <option selected="selected" disabled>Select Category</option>
                        @foreach ($subCategories as $sub_category)
                            <option value="{{ $sub_category->id }}" 
                                {{ old('d_subcategory', $doctor->d_subcategory) == $sub_category->id ? 'selected' : '' }}>
                                {{ $sub_category->subcategory_name }}
                            </option>
                        @endforeach
                    </select>
                    @error('d_subcategory')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="d_name">Name</label>
                    <input type="text" name="d_name" value="{{ old('d_name', $doctor->d_name) }}" class="form-control" id="d_name">
                    @error('d_name')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            
            <!-- Foreign Degree Dropdown -->
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="d_foreign_degree">Foreign Degree</label>
                    <select name="d_foreign_degree" id="d_foreign_degree" class="form-control select2">
                        <option value="">-- Select Foreign Degree --</option>
                        @foreach ($foreignDegrees as $foreignDegree)
                            <option value="{{ $foreignDegree->foreign_degrees_name }}" 
                                {{ old('d_foreign_degree', $doctor->d_foreign_degree) == $foreignDegree->foreign_degrees_name ? 'selected' : '' }}>
                                {{ $foreignDegree->foreign_degrees_name }}
                            </option>
                        @endforeach
                    </select>
                    @error('d_foreign_degree')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="d_image">Image</label>
                    <div class="input-group">
                        <div class="custom-file">
                            <input type="file" name="d_image" class="custom-file-input" id="fileInputDoctorImage">
                            <label class="custom-file-label" for="d_image">Choose file</label>
                        </div>
                        <div class="input-group-append">
                            <span class="input-group-text">Upload</span>
                        </div>
                    </div>
                    <div class="d-flex">
                        <div>
                            <img src="{{ asset($doctor->d_image) }}" alt="" style="width: 80px; margin:5px">
                            <p class="text-info">Previous Image</p>
                        </div>
                        <div id="previewDoctorImageArea" class="d-none ml-5">
                            <img id="previewDoctorImage" style="width: 80px; margin:5px">
                            <p class="text-info">New Image</p>
                        </div>
                    </div>
                    @error('d_image')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <!--<div class="col-lg-6">-->
            <!--    <div class="form-group">-->
            <!--        <div class="input-group">-->
            <!--            <div class="custom-file">-->
            <!--                <input type="hidden" name="d_signature" class="custom-file-input" id="fileInputSignatureImage">-->
            <!--                <label class="custom-file-label" for="d_signature">Choose file</label>-->
            <!--            </div>-->
            <!--            <div class="input-group-append">-->
            <!--                <span class="input-group-text">Upload</span>-->
            <!--            </div>-->
            <!--        </div>-->
            <!--        <div class="d-flex">-->
            <!--            <div>-->
            <!--                <img src="{{ asset($doctor->d_signature) }}" alt="" style="width: 80px; margin:5px">-->
            <!--                <p class="text-info">Previous Signature</p>-->
            <!--            </div>-->
            <!--            <div id="previewSignatureImageArea" class="d-none ml-5">-->
            <!--                <img id="previewSignatureImage" style="width: 80px; margin:5px">-->
            <!--                <p class="text-info">New Signature</p>-->
            <!--            </div>-->
            <!--        </div>-->
            <!--        @error('d_signature')-->
            <!--            <span class="text-danger">{{ $message }}</span>-->
            <!--        @enderror-->
            <!--    </div>-->
            <!--</div>-->
        </div>

        <div class="row">
            <!-- Degree Dropdown -->
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="d_degree">Degree</label>
                    <select name="d_degree" id="d_degree" class="form-control select2" required>
                        <option value="">-- Select Degree --</option>
                        @foreach ($degrees as $degree)
                            <option value="{{ $degree->degree_name }}" 
                                {{ old('d_degree', $doctor->d_degree) == $degree->degree_name ? 'selected' : '' }}>
                                {{ $degree->degree_name }}
                            </option>
                        @endforeach
                    </select>
                    @error('d_degree')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            
            <!-- Higher Degree Dropdown -->
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="d_higher_degree">Higher Degree</label>
                    <select name="d_higher_degree" id="d_higher_degree" class="form-control select2">
                        <option value="">-- Select Higher Degree --</option>
                        @foreach ($higherDegrees as $higherDegree)
                            <option value="{{ $higherDegree->higher_degrees_name }}" 
                                {{ old('d_higher_degree', $doctor->d_higher_degree) == $higherDegree->higher_degrees_name ? 'selected' : '' }}>
                                {{ $higherDegree->higher_degrees_name }}
                            </option>
                        @endforeach
                    </select>
                    @error('d_higher_degree')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="d_phone">Phone</label>
                    <input type="text" name="d_phone" value="{{ old('d_phone', $doctor->d_phone) }}" class="form-control" id="d_phone" oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                    @error('d_phone')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
           @php
    // Convert stored string to array for preselecting
    $selectedSpecialists = explode(',', $doctor->specialist_in ?? '');
@endphp

<div class="col-lg-6">
    <div class="form-group">
        <label for="specialist_in">Specialist In</label>
        <select name="specialist_in[]" id="specialist_in" class="form-control select2" multiple>
            @foreach ($specialists as $specialist)
                <option value="{{ $specialist->specialist_in_name }}"
                    @if(in_array($specialist->specialist_in_name, old('specialist_in', $selectedSpecialists))) selected @endif>
                    {{ $specialist->specialist_in_name }}
                </option>
            @endforeach
        </select>
        @error('specialist_in')
            <span class="text-danger">{{ $message }}</span>
        @enderror
    </div>
</div>

            <div class="col-lg-6">
                <div class="form-group">
                    <input type="hidden" name="d_bmdc" value="{{ old('d_bmdc', $doctor->d_bmdc) }}" class="form-control" id="d_bmdc" oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                    @error('d_bmdc')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
        </div>
        
        <div class="row">
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="assistance_name">Assistance Name</label>
                    <input type="text" name="assistance_name" value="{{ old('assistance_name', $doctor->assistance_name) }}" class="form-control" id="assistance_name">
                    @error('assistance_name')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="assistance_contact">Assistance Contact</label>
                    <input type="text" name="assistance_contact" value="{{ old('assistance_contact', $doctor->assistance_contact) }}" class="form-control" id="assistance_contact">
                    @error('assistance_contact')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-6">
                <div class="form-group">
                    <input type="hidden" name="d_email" value="{{ old('d_email', $doctor->d_email) }}" class="form-control" id="d_email">
                    @error('d_email')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="work_place">Work Place</label>
                    <input type="text" name="work_place" value="{{ old('work_place', $doctor->work_place) }}" class="form-control" id="work_place">
                    @error('work_place')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="d_password">Password</label>
                    <input type="password" name="d_password" value="{{ old('d_password') }}" class="form-control" id="d_password" placeholder="Leave blank to keep current password">
                    @error('d_password')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="d_password_confirmation">Re-enter Password</label>
                    <input type="password" name="d_password_confirmation" class="form-control" id="d_password_confirmation">
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="d_experience">Doctor Experience</label>
                    <input type="text" value="{{ old('d_experience', $doctor->d_experience) }}" name="d_experience" class="form-control" id="d_experience">
                    @error('d_experience')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="col-lg-6">
                <div class="form-group">
                    <input type="hidden" value="{{ old('charge', $doctor->charge) }}" name="charge" class="form-control" id="charge" oninput="this.value = this.value.replace(/[^0-9]/g, '')">
                    @error('charge')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
            </div>
        </div>
        
        <div class="form-group">
            <label for="d_about">About Doctor</label>
            <textarea name="d_about" class="form-control" id="d_about" cols="30" rows="5">{{ old('d_about', $doctor->d_about) }}</textarea>
            @error('d_about')
                <span class="text-danger">{{ $message }}</span>
            @enderror
        </div>

        <div class="form-group">
            <button type="submit" class="btn btn-primary">Update Doctor</button>
        </div>
    </form>
              
              
              
              
              
<!--              <form id="quickForm" action="{{route('doctors.update',$doctor->doctor_id)}}" method="POST" enctype="multipart/form-data">-->
<!--                @csrf-->
<!--                @method('PUT')-->

<!--                <div class="card-body">-->
<!--                    <h5 class="text-info">Add Doctor</h5><hr class="mb-3" style="border:1px solid rgb(25, 147, 247)">-->
<!--                  <div class="row">-->
                
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label> Category</label>-->
<!--                            <select id="d_subcategory" name="d_subcategory" class="form-control select2" style="width: 100%;">-->
<!--                                <option selected="selected" disabled>Select Sub Category</option>-->
<!--                               @foreach ($subCategories as $subCategory)-->
<!--                                   <option @if ($doctor->d_subcategory == $subCategory->id)-->
<!--                                    selected="selected"-->
<!--                                   @endif-->
<!--                                   {{old('d_subcategory')==$subCategory->id ? 'selected':''}}-->
<!--                                   value="{{$subCategory->id}}">{{$subCategory->subcategory_name}}</option>-->
<!--                               @endforeach-->
<!--                            </select>-->
<!--                            @error('d_subcategory')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                        </div>-->
<!--                    </div>-->
<!--                  </div>-->

<!--                  <div class="row">-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label for="d_name">Name</label>-->
<!--                            <input type="text" name="d_name" value="{{old('d_name',$doctor->d_name)}}" class="form-control" id="d_name">-->
<!--                            @error('d_name')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <input type="hidden" value="test" name="d_designation" value="{{old('d_designation',$doctor->d_designation)}}" class="form-control" id="d_designation">-->
<!--                            @error('d_designation')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                        </div>-->
<!--                    </div>-->
<!--                  </div>-->

<!--                  <div class="row">-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label for="d_image">Image</label>-->
<!--                            <div class="input-group">-->
<!--                              <div class="custom-file">-->
<!--                                <input type="file" name="d_image" class="custom-file-input" id="fileInputDoctorImageEdit">-->
<!--                                <label class="custom-file-label" for="d_image">Choose file</label>-->
<!--                              </div>-->
<!--                              <div class="input-group-append">-->
<!--                                <span class="input-group-text">Upload</span>-->
<!--                              </div>-->
<!--                            </div>-->
<!--                            <div class="d-flex">-->
<!--                                <div>-->
<!--                                  <img src="{{asset($doctor->d_image)}}" alt="" style="width: 80px;margin:5px">-->
<!--                                  <p class="text-info">Previous Image</p>-->
<!--                                </div>-->
<!--                                <div id="previewDoctorImageAreaEdit" class="d-none ml-5">-->
<!--                                    <img id="previewDoctorImageEdit" class="" style="width: 80px;margin:5px;">-->
<!--                                    <p class="text-info">Current Image</p>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            @error('d_image')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                          </div>-->
<!--                    </div>-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label for="d_signature">Signature</label>-->
<!--                            <div class="input-group">-->
<!--                              <div class="custom-file">-->
<!--                                <input type="file" name="d_signature" class="custom-file-input" id="fileInputSignatureImageEdit">-->
<!--                                <label class="custom-file-label" for="d_signature">Choose file</label>-->
<!--                              </div>-->
<!--                              <div class="input-group-append">-->
<!--                                <span class="input-group-text">Upload</span>-->
<!--                              </div>-->
<!--                            </div>-->
<!--                            <div class="d-flex">-->
<!--                                <div>-->
<!--                                <img src="{{asset($doctor->d_signature)}}" alt="" style="width: 80px;margin:5px">-->
<!--                                <p class="text-info">Previous Image</p>-->
<!--                                </div>-->
<!--                                <div id="previewSignatureImageAreaEdit" class="d-none ml-5">-->
<!--                                    <img id="previewSignatureImageEdit" class="" style="width: 80px;margin:5px">-->
<!--                                    <p class="text-info">Current Image</p>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            @error('d_signature')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                          </div>-->
<!--                    </div>-->
<!--                  </div>-->

<!--                  <div class="row">-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label for="d_degree">Degree</label>-->
<!--                            <input type="text" name="d_degree" value="{{old('d_degree',$doctor->d_degree)}}" class="form-control" id="d_degree">-->
<!--                            @error('d_degree')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label for="d_higher_degree">Higher Degree</label>-->
<!--                            <input type="text" name="d_higher_degree" value="{{old('d_higher_degree',$doctor->d_higher_degree)}}" class="form-control" id="d_higher_degree">-->
<!--                            @error('d_higher_degree')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                        </div>-->
<!--                    </div>-->
<!--                  </div>-->

<!--                  <div class="row">-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label for="d_phone">Phone</label>-->
<!--                            <input type="number" name="d_phone" value="{{old('d_phone',$doctor->d_phone)}}" class="form-control" id="d_phone">-->
<!--                            @error('d_phone')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <input type="hidden" name="d_bmdc" value="1234" class="form-control" id="d_bmdc">-->
<!--                            @error('d_bmdc')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                        </div>-->
<!--                    </div>-->
<!--                  </div>-->

<!--                  <div class="row">-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label for="d_email">Email</label>-->
<!--                            <input type="email" name="d_email" value="{{old('d_email',$doctor->d_email)}}" class="form-control" id="d_email">-->
<!--                            @error('d_email')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label for="work_place">Work Place</label>-->
<!--                            <input type="text" name="work_place" value="{{old('work_place',$doctor->work_place)}}" class="form-control" id="work_place">-->
<!--                            @error('work_place')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                        </div>-->
<!--                    </div>-->
<!--                  </div>-->

<!--                  <div class="row">-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label for="d_password">Password</label>-->
<!--                            <input type="password" name="d_password" value="{{old('d_password')}}" class="form-control" id="d_password">-->
<!--                            @error('d_password')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label for="specialist_in">Specialist In</label>-->
<!--                            <input type="text" name="specialist_in" value="{{old('specialist_in',$doctor->specialist_in)}}" class="form-control" id="specialist_in">-->
<!--                            @error('specialist_in')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                        </div>-->
<!--                    </div>-->
<!--                  </div>-->

<!--                  <div class="row">-->
<!--                    <div class="col-lg-6">-->
<!--                      <div class="form-group">-->
<!--                        <label for="d_experience">Doctor Experience</label>-->
<!--                        <input type="text" value="{{old('d_experience',$doctor->d_experience)}}" name="d_experience" class="form-control" id="d_experience" >-->
<!--                        @error('d_experience')-->
<!--                        <span class="text-danger">{{$message}}</span>-->
<!--                        @enderror-->
<!--                      </div>-->
<!--                    </div>-->
<!--                    <div class="col-lg-6">-->
<!--                      <div class="form-group">-->
<!--                        <label for="charge">Doctor Charge</label>-->
<!--                        <input type="number" value="{{old('charge',$doctor->charge)}}" name="charge" class="form-control" id="charge" >-->
<!--                        @error('charge')-->
<!--                        <span class="text-danger">{{$message}}</span>-->
<!--                        @enderror-->
<!--                      </div>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div class="form-group">-->
<!--                      <input name="d_about" value="test" type="hidden" class="form-control" >-->
                    
<!--                  </div>-->


                

<!--                  @if (Auth::user()->role=='admin')-->
<!--                  <div class="d-none">-->
<!--                  <div class="mt-5">-->
<!--                        <div class="col-lg-6">-->
<!--                    <div class="form-group">-->
<!--                      <label for="charge">Categorize Priority</label>-->
<!--                      <input type="number" value="{{old('categorize_priority',$doctor->categorize_priority)}}" name="categorize_priority" class="form-control" id="categorize_priority" >-->
<!--                      @error('categorize_priority')-->
<!--                      <span class="text-danger">{{$message}}</span>-->
<!--                      @enderror-->
<!--                    </div>-->
<!--                  </div>-->
                  
<!--                      <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label>Category</label>-->
                            
<!--                            <select id="d_category" name="d_category" class="form-control select2" onchange="getCategory()">-->
<!--                                <option selected="selected" disabled>Select Category</option>-->
<!--                                @foreach ($categories as $category)-->
<!--                                    <option @if ($doctor->d_category == $category->id)-->
<!--                                        selected="selected"-->
<!--                                    @endif-->
<!--                                    {{old('d_category')==$category->id ? 'selected':''}}-->
<!--                                    value="{{$category->id}} ">{{$category->category_name}}</option>-->
<!--                                @endforeach-->
<!--                            </select>-->
<!--                            @error('d_category')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                        </div>-->
<!--                    </div>-->

<!--                    <div class="d-flex justify-content-between">-->
<!--                        <div>-->
<!--                            <h5 class="text-info">Appointment</h5>-->
<!--                        </div>-->
<!--                        <div>-->
<!--                            <div class="d-flex">-->
<!--                                <div class="mr-5">-->
<!--                                    <p id="online-appointment-message" class=""></p>-->
<!--                                </div>-->
<!--                                <div class="form-group">-->
<!--                                    <div class="custom-control custom-switch">-->
<!--                                      <input type="checkbox" name="online_switch" class="custom-control-input" id="customSwitch1" {{ $doctor->available_on!=null ? 'checked' : '' }}>-->
<!--                                      <label class="custom-control-label" for="customSwitch1"></label>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                      </div>-->
<!--                      <hr class="" style="border:1px solid rgb(25, 147, 247)">-->
<!--                  </div>-->

<!--                  <div class="row mb-3">-->
<!--                    <div class="col-12 col-md-6" id="onlineAvailableDiv">-->
<!--                        <label for="">Available on</label>-->
<!--                        <div class="d-flex flex-wrap">-->
<!--                          <div class="custom-control custom-checkbox m-1">-->
<!--                            <input class="custom-control-input" type="checkbox" id="onlineCheckbox1" value="option1" onchange="onlineUpdateDateValue()" disabled>-->
<!--                            <label for="onlineCheckbox1" class="custom-control-label">All</label>-->
<!--                        </div>-->
<!--                        <div class="custom-control custom-checkbox m-1">-->
<!--                            <input class="custom-control-input" type="checkbox" id="onlineCheckbox2" value="option1" onchange="onlineUpdateDateValue()" disabled>-->
<!--                            <label for="onlineCheckbox2" class="custom-control-label">Sat</label>-->
<!--                        </div>-->
<!--                        <div class="custom-control custom-checkbox m-1">-->
<!--                            <input class="custom-control-input" type="checkbox" id="onlineCheckbox3" value="option1" onchange="onlineUpdateDateValue()" disabled>-->
<!--                            <label for="onlineCheckbox3" class="custom-control-label">Sun</label>-->
<!--                        </div>-->
<!--                        <div class="custom-control custom-checkbox m-1">-->
<!--                            <input class="custom-control-input" type="checkbox" id="onlineCheckbox4" value="option1" onchange="onlineUpdateDateValue()" disabled>-->
<!--                            <label for="onlineCheckbox4" class="custom-control-label">Mon</label>-->
<!--                        </div>-->
<!--                        <div class="custom-control custom-checkbox m-1">-->
<!--                            <input class="custom-control-input" type="checkbox" id="onlineCheckbox5" value="option1" onchange="onlineUpdateDateValue()" disabled>-->
<!--                            <label for="onlineCheckbox5" class="custom-control-label">Tues</label>-->
<!--                        </div>-->
<!--                        <div class="custom-control custom-checkbox m-1">-->
<!--                            <input class="custom-control-input" type="checkbox" id="onlineCheckbox6" value="option1" onchange="onlineUpdateDateValue()" disabled>-->
<!--                            <label for="onlineCheckbox6" class="custom-control-label">Wed</label>-->
<!--                        </div>-->
<!--                        <div class="custom-control custom-checkbox m-1">-->
<!--                            <input class="custom-control-input" type="checkbox" id="onlineCheckbox7" value="option1" onchange="onlineUpdateDateValue()" disabled>-->
<!--                            <label for="onlineCheckbox7" class="custom-control-label">Thur</label>-->
<!--                        </div>-->
<!--                        <div class="custom-control custom-checkbox m-1">-->
<!--                            <input class="custom-control-input" type="checkbox" id="onlineCheckbox8" value="option1" onchange="onlineUpdateDateValue()" disabled>-->
<!--                            <label for="onlineCheckbox8" class="custom-control-label">Fri</label>-->
<!--                        </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-md-6">-->
<!--                      <div class="form-group">-->
<!--                        <label for="online_selected_date">Selected Date</label>-->
<!--                        <input type="text" readonly name="available_on" value="{{$doctor->available_on}}" class="form-control" id="online_selected_date">-->
<!--                        @error('available_on')-->
<!--                        <span class="text-danger">{{$message}}</span>-->
<!--                        @enderror-->
<!--                    </div>-->
<!--                    </div>-->
<!--                  </div>-->

<!--                  <div class="row">-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label for="d_starting_time">Starting Time</label>-->
<!--                            <div class="input-group">-->
<!--                                <input type="text" name="d_starting_time" value="{{old('d_starting_time',$formatedStartingTime)}}" class="form-control" id="onlineStartTimePicker" {{$formatedStartingTime==null?'disabled':''}}>-->
<!--                            <div class="input-group-append">-->
<!--                                <span class="input-group-text"><ion-icon name="time-outline"></ion-icon></span>-->
<!--                              </div>-->
<!--                            @error('d_starting_time')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label for="d_ending_time">Ending Time</label>-->
<!--                            <div class="input-group">-->
<!--                                <input type="text" name="d_ending_time" value="{{old('d_ending_time',$formatedEndingTime)}}" class="form-control" id="onlineEndTimePicker" {{$formatedEndingTime==null?'disabled':''}}>-->
<!--                            <div class="input-group-append">-->
<!--                                <span class="input-group-text"><ion-icon name="time-outline"></ion-icon></span>-->
<!--                              </div>-->
<!--                            @error('d_ending_time')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                  </div>-->

<!--                  <div class="row">-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label for="d_fee">Fee</label>-->
<!--                            <input type="number" name="d_fee" value="{{old('d_fee',$doctor->d_fee)}}" class="form-control" id="d_fee" {{$doctor->d_fee==null?'disabled':''}}>-->
<!--                            @error('d_fee')-->
<!--                            <span class="text-danger">{{$message}}</span>-->
<!--                            @enderror-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                            <label for="avg_delay">Consultation Time</label>-->
<!--                            <select id="avg_delay" name="avg_delay" class="form-control select2" {{$doctor->avg_delay==null?'':''}}>-->
<!--                                <option selected="selected" value=0>Select Consultation Time</option>-->
<!--                                <option @if ($doctor->avg_delay == 10) selected="selected" @endif value=10>10 Minutes</option>-->
<!--                                <option @if ($doctor->avg_delay == 15) selected="selected" @endif value=15>15 Minutes</option>-->
<!--                                <option @if ($doctor->avg_delay == 20) selected="selected" @endif value=20>20 Minutes</option>-->
<!--                                <option @if ($doctor->avg_delay == 25) selected="selected" @endif value=25>25 Minutes</option>-->
<!--                                <option @if ($doctor->avg_delay == 30) selected="selected" @endif value=30>30 Minutes</option>-->
<!--                                <option @if ($doctor->avg_delay == 35) selected="selected" @endif value=35>35 Minutes</option>-->
<!--                                <option @if ($doctor->avg_delay == 40) selected="selected" @endif value=40>40 Minutes</option>-->
<!--                                <option @if ($doctor->avg_delay == 45) selected="selected" @endif value=45>45 Minutes</option>-->
<!--                                <option @if ($doctor->avg_delay == 50) selected="selected" @endif value=50>50 Minutes</option>-->
<!--                                <option @if ($doctor->avg_delay == 55) selected="selected" @endif value=55>55 Minutes</option>-->
<!--                                <option @if ($doctor->avg_delay == 60) selected="selected" @endif value=60>60 Minutes</option>-->
<!--                            </select>-->
<!--                        </div>-->
<!--                    </div>-->

<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                          <label for="appointment_web">Appointment for web</label>-->
<!--                          <input type="number" value="{{old('appointment_web',$doctor->appointment_web)}}" name="appointment_web" class="form-control" id="appointment_web" >-->
<!--                          @error('appointment_web')-->
<!--                          <span class="text-danger">{{$message}}</span>-->
<!--                          @enderror-->
<!--                        </div>-->
<!--                      </div>-->
<!--                    <div class="col-lg-6">-->
<!--                        <div class="form-group">-->
<!--                          <label for="appointment_app">Appointment for app</label>-->
<!--                          <input type="number" value="{{old('appointment_app',$doctor->appointment_app)}}" name="appointment_app" class="form-control" id="appointment_app" >-->
<!--                          @error('appointment_app')-->
<!--                          <span class="text-danger">{{$message}}</span>-->
<!--                          @enderror-->
<!--                        </div>-->
<!--                      </div>-->
<!--                  </div>-->

<!--</div>-->
<!--                  @endif-->








                <!-- /.card-body -->
<!--                <div class="card-footer">-->
<!--                  <button type="submit" class="btn btn-primary ">Update</button>-->
<!--                </div>-->
<!--              </form>-->
            </div>
            <!-- /.card -->
            </div>
          <!--/.col (left) -->
          <!-- right column -->
          <div class="col-md-6">

          </div>
          <!--/.col (right) -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->


<script>
    document.addEventListener("DOMContentLoaded", function () {
  const fileInput = document.getElementById("fileInputDoctorImageEdit");
  const previewContainer = document.getElementById("previewDoctorImageAreaEdit");
  const previewImage = document.getElementById("previewDoctorImageEdit");
  imagePreview(fileInput,previewContainer,previewImage);

  const fileInput2 = document.getElementById("fileInputSignatureImageEdit");
  const previewContainer2 = document.getElementById("previewSignatureImageAreaEdit");
  const previewImage2 = document.getElementById("previewSignatureImageEdit");
  imagePreview(fileInput2,previewContainer2,previewImage2);

});
</script>

  <script>
    $(document).ready(function(){
        $("#d_category").on("change", function(){
            var category = $(this).val();
            // alert(category);
            $.ajax({
                url: "{{route('doctor-category-filter')}}",
                type: "GET",
                data : {'category':category},
                success : function(data){
                    var subcategory = data.subcategory;
                    var html = '';
                    if(subcategory.length > 0){
                        for(let i=0; i<subcategory.length; i++){
                            html +=`<option value=`+subcategory[i]['id']+`>`+subcategory[i]['subcategory_name']+`</option>`
                        }
                    }else{

                    }
                    $('#d_subcategory').html(html);
                }
            })
        })
    })
  </script>
@endsection