@extends('backend.app')

@section('content')
    <div class="main-breadcrumb d-flex align-items-center my-3 position-relative">
        <h2 class="breadcrumb-title mb-0 flex-grow-1 fs-14">Edit Doctor</h2>
        <div class="flex-shrink-0">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb justify-content-end mb-0">
                    <li class="breadcrumb-item"><a href="{{ route('admin.doctors.index') }}">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Edit Doctor</li>
                </ol>
            </nav>
        </div>
    </div>
    <div class="row">
        <div class="col-12 col-xl-12">
            <div class="card card-h-100">
                <div class="card-header">
                    <h5 class="card-title mb-0">Update Doctor</h5>
                </div>
                <div class="card-body">
                     <form action="{{ route('admin.doctors.update', $doctor->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
			<div class="row">
				<div class="col-md-8">
					<div class="row">
						<div class="col-md-6">
							<div class="form-group mb-3">
								<label class="form-label fw-bold" for="doctorname">Doctor Name</label>
								<p>{{ $doctor->doctorname }}</p>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group mb-3">
								<label class="form-label fw-bold" for="doctorname">Doctor Designation</label>
								<p>{{ $doctor->designation }}</p>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group mb-3">
								<label class="form-label fw-bold" for="doctorname">Doctor Speciality</label>
								<p>{{ $doctor->speciality }}</p>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group mb-3">
								<label class="form-label fw-bold" for="doctorname">Hospital Name & Address</label>
								<p>{{ $doctor->hospitalname }}</p>
							</div>
						</div>
						
						<div class="col-md-6">
							<div class="form-group mb-3">
								<label class="form-label fw-bold" for="doctorname">Subject</label>
								@if($doctor->subject == "Other")
									<p>{{ $doctor->subject }} - {{ $doctor->other_subject }}</p>
								@else
								<p>{{ $doctor->subject }}</p>
							@endif
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group mb-3">
								<label class="form-label fw-bold" for="doctorname">Template</label>
								<p>{{ $doctor->template }}</p>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group mb-3">
								<label class="form-label fw-bold" for="status">Status *</label>
								<select name="status" id="status" 
										class="form-select @error('status') is-invalid @enderror" required>
									<option value="">-- Select Status --</option>
									<option value="Approved" {{ old('status', $doctor->status) == 'Approved' ? 'selected' : '' }}>Approved</option>
									<option value="Rejected" {{ old('status', $doctor->status) == 'Rejected' ? 'selected' : '' }}>Rejected</option>
								</select>
								@error('status')
									<div class="invalid-feedback">{{ $message }}</div>
								@enderror
							</div>
						</div>

						{{-- Hidden initially, shown only when Rejected --}}
						
							<div class="col-md-12">
								<div id="rejected-fields" style="display: none;">
								<div class="form-group mb-3">
									<label class="form-label fw-bold" for="rejected_type">Rejected Type *</label>
									<select name="rejected_type" id="rejected_type" 
											class="form-select @error('rejected_type') is-invalid @enderror">
										<option value="">-- Select Type --</option>
										<option value="None" {{ old('rejected_type', $doctor->rejected_type) == 'None' ? 'selected' : '' }}>None</option>
										<option value="Rejected for Employee" {{ old('rejected_type', $doctor->rejected_type) == 'Rejected for Employee' ? 'selected' : '' }}>Rejected for Employee</option>
										<option value="Rejected for Team" {{ old('rejected_type', $doctor->rejected_type) == 'Rejected for Team' ? 'selected' : '' }}>Rejected for Team</option>
									</select>
									@error('rejected_type')
										<div class="invalid-feedback">{{ $message }}</div>
									@enderror
								</div>
							
								<div class="form-group mb-3">
									<label class="form-label fw-bold" for="remark">Remark *</label>
									<input type="text" name="remarks" id="remark" 
										   value="{{ old('remarks', $doctor->remarks) }}" 
										   class="form-control @error('remark') is-invalid @enderror">
									@error('remarks')
										<div class="invalid-feedback">{{ $message }}</div>
									@enderror
								</div>
							</div>
						</div>
						@if(Auth::user()->type == "Superadmin")
						<div class="col-md-12">
							<div class="form-group mb-3">
								<label class="form-label fw-bold" for="video">Upload Video</label>
							<input type="file" name="generated_video" id="video" class="form-control" required>
							</div>
						</div>
						@endif
						<div class="mt-3 col-md-12">
							<button type="submit" class="btn btn-primary">Update Doctor</button>
						</div>
					</div>
				</div>
					<div class="col-md-4">
						<div class="form-group mb-3">

							@if ($doctor->video)
								<label class="form-label fw-bold mt-2">Current Video:</label>
								<video width="100%" controls>
									<source src="{{ asset('uploads/doctor_videos/' . $doctor->video) }}" type="video/mp4">
									Your browser does not support the video tag.
								</video>
							@endif
						</div>
					</div>
			
			</div>
        </form>

                </div>
            </div>
        </div>
    </div>
  
@endsection
@section('footer')
<script>
document.addEventListener("DOMContentLoaded", function () {
    const statusSelect = document.getElementById("status");
    const rejectedFields = document.getElementById("rejected-fields");

    function toggleRejectedFields() {
        if (statusSelect.value === "Rejected") {
            rejectedFields.style.display = "block"; // show
        } else {
            rejectedFields.style.display = "none"; // hide
        }
    }

    // Run on page load in case of old value
    toggleRejectedFields();

    // Run when status changes
    statusSelect.addEventListener("change", toggleRejectedFields);
});
</script>
@endsection