@extends('layouts.app')

@section('content')
<div class="container-fluid">
            <div class="page-title">
              <div class="row">
                <div class="col-8">
                  <h3>Upload Audio</h3>
                </div>
                
                <div class="col-4"> 
                <a href="{{ url('home')}}"
                        class="btn btn-secondary pull-right"  ><i class="fa fa-arrow-left"></i></a>
                </div>
              </div>
            </div>
          </div> 
          <div class="container-fluid default-dashboard"> 
            <div class="row">
				<div class="col-xl-12 box-col-12 proorder-md-1">
					<div class="card">
                  <div class="card-header pb-0">
                    <h4>Doctor Audio Upload</h4>
                    <p class="f-m-light mt-1"></p>
                  </div>
                  <div class="card-body">
                  <form class="row g-3 needs-validation custom-input" 
                    id="audioUploadForm" 
                    action="{{ route('doctor.uploadAudio') }}" 
                    method="POST" 
                    enctype="multipart/form-data">
                  @csrf
                  <input type="hidden" name="doctorid" value="{{ $doctor->id }}">
                  
                  <div class="col-md-6 position-relative">
                      <label class="form-label">Doctor Name</label>
                      <p>{{ $doctor->doctorname }}</p>
                  </div>

                  <div class="col-md-6 position-relative">
                      <label class="form-label">MSL Number</label>
                      <p>{{ $doctor->mslno }}</p>
                  </div>

                  <div class="col-md-6 position-relative">
                      <label class="form-label">Gender</label>
                      <p>{{ $doctor->gender }}</p>
                  </div>

                  <div class="col-md-6 position-relative">
                      <label class="form-label">Language</label>
                      <p>{{ $doctor->language }}</p>
                  </div>
                @if($doctor->language == "English" || $doctor->language == "Hindi")
                  @if($doctor->audio)
                  <div class="col-md-6 position-relative">
                      <label class="form-label">Current Audio</label><br>
                      <audio controls>
                          <source src="{{ asset('storage/doctor_audios/' . $doctor->audio) }}" type="audio/mpeg">
                          Your browser does not support the audio element.
                      </audio>
                  </div>
                  @endif
                  <div class="col-md-6 position-relative">
                      <label class="form-label">Upload New Audio (MP3) *</label>
                      <input type="file" name="audio" id="audioInput" accept="audio/mp3" class="form-control">
                      <div class="invalid-feedback">Invalid file selected</div>
					  @error('audio')
						<div class="invalid-feedback d-block">{{ $message }}</div>
					@enderror
					
					@error('audio_duration')
						<div class="invalid-feedback d-block">{{ $message }}</div>
					@enderror
                  </div>
                  @else
                  <div class="col-md-6 position-relative">
                      <label class="form-label">Select Audio</label><br>
                        <audio controls>
                            <source src="{{ asset('storage/doctor_audios/video_'.$doctor->gender.'_'.$doctor->language.'1.mp3') }}" type="audio/mpeg">
                            Your browser does not support the audio element.
                        </audio><br>
                        <input type="radio" name="audio" value="video_{{$doctor->gender}}_{{$doctor->language}}1.mp3" @if($doctor->audio == "video_".$doctor->gender."_".$doctor->language."1.mp3") checked @endif required>
                        <label class="form-label"> {{$doctor->language}} Audio 1</label>
                      <br>
                      <audio controls>
                          <source src="{{ asset('storage/doctor_audios/video_'.$doctor->gender.'_'.$doctor->language.'2.mp3') }}" type="audio/mpeg">
                          Your browser does not support the audio element.
                      </audio><br>
                      <input type="radio" name="audio" value="video_{{$doctor->gender}}_{{$doctor->language}}2.mp3" @if($doctor->audio == "video_".$doctor->gender."_".$doctor->language."2.mp3") checked @endif required>
                      <label class="form-label"> {{$doctor->language}} Audio 2</label>
                  </div>
                  @endif
                  <div class="col-12">
                      <button class="btn btn-primary" type="submit">Upload Audio</button>
                  </div>
              </form>

                  </div>
                </div>
				</div>
			</div>
          </div>
@endsection
@section('footer')
@endsection