@extends('admin.main')
@section('content')
<div class="row">
   <div class="col-md-12">
      <div class="card">
         <div class="card-header">
            <h4 class="">Lead / Create  <a href="{{ route('leads.index') }}" class="btn btn-primary float-right">Back</a> </h4>
         </div>
         <div class="card-body">
            <form action="{{ route('leads.store') }}" method="POST">
               @csrf
                 <div class="row">
                     <div class="form-group col-md-6">
                         <label for="call_received_on">Call Received On</label>
                         <input type="text" class="form-control integer_only @error('call_received_on') is-invalid @enderror" id="call_received_on" name="call_received_on" value="{{ old('call_received_on') }}" placeholder="Enter Phone Number">
                         @error('call_received_on')
                             <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                     </div>

                     <div class="form-group col-md-6">
                         <label for="date_of_1st_call">Date of 1st Call</label>
                         <input type="date" class="form-control @error('date_of_1st_call') is-invalid @enderror" id="date_of_1st_call" name="date_of_1st_call" value="{{ old('date_of_1st_call') }}" placeholder="Select the date of the first call">
                         @error('date_of_1st_call')
                             <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                     </div>
                 </div>

                 <div class="row">
                     <div class="form-group col-md-6">
                         <label for="call_received_from">Call Received From<span class="text-danger">*</span></label>
                         <input type="text" class="form-control integer_only @error('call_received_from') is-invalid @enderror" id="call_received_from" name="call_received_from" value="{{ old('call_received_from') }}" placeholder="Enter Phone Number">
                         @error('call_received_from')
                             <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                     </div>

                     <div class="form-group col-md-6">
                         <label for="patient_name">Patient Name<span class="text-danger">*</span></label>
                         <input type="text" class="form-control @error('patient_name') is-invalid @enderror" id="patient_name" name="patient_name" value="{{ old('patient_name') }}" placeholder="Enter the patient's name">
                         @error('patient_name')
                             <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                     </div>
                 </div>

                 <div class="row">
                     <div class="form-group col-md-6">
                         <label for="source">Source </label>
                        <select class="form-control @error('source') is-invalid @enderror" id="source" name="source">
                                <option value="" disabled hidden selected>Choose here</option>
                                <option value="FB" {{ old('source') == 'FB' ? 'selected' : '' }}>FB</option>
                                <option value="KNOWLARITY" {{ old('source') == 'KNOWLARITY' ? 'selected' : '' }}> KNOWLARITY</option>
                                <option value="WHATSAPP" {{ old('source') == 'WHATSAPP' ? 'selected' : '' }}> WHATSAPP</option>
                                <option value="WEB SEARCH" {{ old('source') == 'WEB SEARCH' ? 'selected' : '' }}>WEB SEARCH</option>
                                <option value="IG" {{ old('source') == 'IG' ? 'selected' : '' }}>IG</option>
                                <option value="REFERRED BY DOCTOR" {{ old('source') == 'REFERRED BY DOCTOR' ? 'selected' : '' }}>REFERRED BY DOCTOR</option>
                                <option value="REFERRED BY PATIENT" {{ old('source') == 'REFERRED BY PATIENT' ? 'selected' : '' }}>REFERRED BY PATIENT</option>
                                <option value="Walk-in" {{ old('source') == 'Walk-in' ? 'selected' : '' }}>WALK IN</option>
                      </select>
                         @error('source')
                             <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                     </div>
                    <div class="form-group col-md-3">
                      <label for="treating_doctor">Treating Doctor</label>
                       <!-- <input type="text" class="form-control @error('treating_doctor') is-invalid @enderror" id="treating_doctor" name="treating_doctor" value="{{ old('treating_doctor') }}" placeholder="Enter the treating doctor"> -->
                      <select class="form-control @error('treating_doctor') is-invalid @enderror" id="treating_doctor" name="treating_doctor">
                          <option value="" disabled hidden selected>Choose here</option>
                          @foreach($users as $user)
                              <option value="{{ $user->name }}" {{ old('treating_doctor') == $user->name ? 'selected' : '' }}>
                                  {{ ucfirst($user->name) }}
                              </option>
                          @endforeach
                      </select>
                      @error('treating_doctor')
                          <div class="invalid-feedback">{{ $message }}</div>
                      @enderror
                  </div>
                    <div class="form-group col-md-3">
                        <label for="hospital">Hospital</label>
                        <select class="form-control hospitalList @error('hospital') is-invalid @enderror" id="hospital" name="hospital">
                              <option value="" selected="selected" hidden="hidden">Select Hospital</option>
                            @foreach($hospitals as $hospital)
                                <option value="{{ $hospital->name }}" {{ old('hospital') == $hospital->name ? 'selected' : '' }}>
                                    {{ $hospital->name }}
                                </option>
                            @endforeach
                            <option>Other</option>
                        </select>

                        @error('hospital')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
             </div>
             <div class="row referred_by_info {{ (old('source') == 'REFERRED BY PATIENT' || old('source') == 'REFERRED BY DOCTOR') ? '' : 'd-none' }}">
                 <div class="form-group col-md-6">
                     <label for="referred_by_name">Referred By Name<span class="text-danger">*</span></label>
                      <input type="text" class="form-control @error('referred_by_name') is-invalid @enderror" id="referred_by_name" name="referred_by_name" value="{{ old('referred_by_name') }}" placeholder="Enter the name">
                     @error('referred_by_name')
                         <div class="invalid-feedback">{{ $message }}</div>
                     @enderror
                 </div>

                 <div class="form-group col-md-6">
                     <label for="referred_by_contact_no">Referred By Mobile Number</label>
                      <input type="text" class="form-control integer_only @error('referred_by_contact_no') is-invalid @enderror" id="referred_by_contact_no" name="referred_by_contact_no" value="{{ old('referred_by_contact_no') }}" placeholder="Enter the referred contact number">
                     @error('referred_by_contact_no')
                         <div class="invalid-feedback">{{ $message }}</div>
                     @enderror
                 </div>
             </div>
                 <div class="row">
                     <div class="form-group col-md-6">
                         <label for="place_area">Place/Area</label>
                         <input type="text" class="form-control @error('place_area') is-invalid @enderror" id="place_area" name="place_area" value="{{ old('place_area') }}" placeholder="Enter the place or area">
                         @error('place_area')
                             <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                     </div>

                     <div class="form-group col-md-6">
                         <label for="opd_lead_follow_up">OPD Lead Follow Up</label>
                          <select class="form-control @error('opd_lead_follow_up') is-invalid @enderror" id="opd_lead_follow_up" name="opd_lead_follow_up">
                          <option value="" disabled hidden selected>Choose here</option>
                          <option class="text-warning" value="TO CALL UP AGAIN" {{ old('opd_lead_follow_up') == 'TO CALL UP AGAIN' ? 'selected' : '' }}>TO CALL UP AGAIN</option>
                          <option class="text-danger" value="NOT INTERESTED" {{ old('opd_lead_follow_up') == 'NOT INTERESTED' ? 'selected' : '' }}>NOT INTERESTED</option>
                          <option class="text-success" value="APPOINTMENT BOOKED" {{ old('opd_lead_follow_up') == 'APPOINTMENT BOOKED' ? 'selected' : '' }}>APPOINTMENT BOOKED</option>
                      </select>
                         @error('opd_lead_follow_up')
                             <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                     </div>
                 </div>

                 <div class="row">
                     <div class="form-group col-md-6">
                         <label for="date_follow_up_call">Date of Follow-Up Call-1</label>
                         <input type="date" class="form-control @error('date_follow_up_call') is-invalid @enderror" id="date_follow_up_call" name="date_follow_up_call" value="{{ old('date_follow_up_call') }}" placeholder="Select the date of follow-up call">
                         @error('date_follow_up_call')
                             <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                     </div>

                     <div class="form-group col-md-6">
                         <label for="response_follow_up_call_1">Response to Follow-Up Call 1</label>
                         <input type="text" class="form-control @error('response_follow_up_call_1') is-invalid @enderror" id="response_follow_up_call_1" name="response_follow_up_call_1" value="{{ old('response_follow_up_call_1') }}" placeholder="Enter response to first follow-up call">
                         @error('response_follow_up_call_1')
                             <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                     </div>
                 </div>

                 <div class="row">
                   <div class="form-group col-md-6">
                         <label for="date_follow_up_call_2">Date of Follow-Up Call-2</label>
                         <input type="date" class="form-control @error('date_follow_up_call_2') is-invalid @enderror" id="date_follow_up_call_2" name="date_follow_up_call_2" value="{{ old('date_follow_up_call_2') }}" placeholder="Select the date of follow-up call">
                         @error('date_follow_up_call_2')
                             <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                     </div>
                     <div class="form-group col-md-6">
                         <label for="response_follow_up_call_2">Response to Follow-Up Call 2</label>
                         <input type="text" class="form-control @error('response_follow_up_call_2') is-invalid @enderror" id="response_follow_up_call_2" name="response_follow_up_call_2" value="{{ old('response_follow_up_call_2') }}" placeholder="Enter response to second follow-up call">
                         @error('response_follow_up_call_2')
                             <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                     </div>

                    <div class="form-group col-md-6">
                      <label for="closing_opd_lead">Closing OPD Lead</label>
                      <select class="form-control @error('closing_opd_lead') is-invalid @enderror" id="closing_opd_lead" name="closing_opd_lead">
                          <option value="" disabled hidden selected>Choose here</option>
                          <option class="text-warning" value="TO CALL UP AGAIN" {{ old('closing_opd_lead') == 'TO CALL UP AGAIN' ? 'selected' : '' }}>TO CALL UP AGAIN</option>
                          <option class="text-danger" value="NOT INTERESTED" {{ old('closing_opd_lead') == 'NOT INTERESTED' ? 'selected' : '' }}>NOT INTERESTED</option>
                          <option class="text-success" value="APPOINTMENT BOOKED" {{ old('closing_opd_lead') == 'APPOINTMENT BOOKED' ? 'selected' : '' }}>APPOINTMENT BOOKED</option>
                      </select>
                      @error('closing_opd_lead')
                          <div class="invalid-feedback">{{ $message }}</div>
                      @enderror
                  </div>

                   <div class="form-group col-md-6">
                         <label for="surgery_advised">Surgery Advised</label>
                         <select class="form-control @error('surgery_advised') is-invalid @enderror" id="surgery_advised" name="surgery_advised">
                             <option value="No" {{ old('surgery_advised') == 'No' ? 'selected' : '' }}>No</option>
                             <option value="Yes" {{ old('surgery_advised') == 'Yes' ? 'selected' : '' }}>Yes</option>
                         </select>
                         @error('surgery_advised')
                             <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                     </div>

                 </div>
                 <div class="row">
                     <div class="form-group col-md-6">
                           <label for="lead_status">Lead Status</label>
                           <select class="form-control LeadStatus @error('lead_status') is-invalid @enderror" id="lead_status" name="lead_status">
                                @foreach($status_list as $status)
                                   <option value="{{$status['name']}}" {{ old('lead_status') == $status['name'] ? 'selected' : '' }}>{{$status['text']}}</option>
                                @endforeach
                           </select>
                           @error('lead_status')
                               <div class="invalid-feedback">{{ $message }}</div>
                           @enderror
                            <div class="form-group mt-1">
                                   <label for="lead_stages">Lead Stages</label>
                                   <select class="form-control @error('lead_stages') is-invalid @enderror" id="lead_stages" name="lead_stages">
                                      <option value="" selected disabled hidden>Choose here</option>
                                        @foreach($stage_list as $stage)
                                           <option style="color: {{$stage['color_code']}}" value="{{$stage['name']}}" {{$stage['name'] == 'telecaller' ? 'selected' : '' }}>{{$stage['text']}}</option>
                                        @endforeach
                                   </select>
                                   @error('lead_stages')
                                       <div class="invalid-feedback">{{ $message }}</div>
                                   @enderror
                            </div>
                       </div>
                     <div class="form-group col-md-6">
                         <label for="call_remark">Call Remark<span class="text-danger">*</span></label>
                         <textarea class="form-control @error('call_remark') is-invalid @enderror" id="call_remark" rows="4" name="call_remark" placeholder="Enter any remarks regarding the call">{{ old('call_remark') }}</textarea>
                         @error('call_remark')
                             <div class="invalid-feedback">{{ $message }}</div>
                         @enderror
                     </div>
                 </div>
               <button type="submit" class="btn btn-primary">Submit</button>
            </form>
         </div>
      </div>
   </div>
</div>
<script type="text/javascript">
$("#source").on("change", function(){
    let source_by = $(this).val();
    if (source_by == "REFERRED BY DOCTOR" || source_by == "REFERRED BY PATIENT") {
        $(".referred_by_info").removeClass("d-none");
    }else{
        $(".referred_by_info").addClass("d-none");
    }
});

$(document).on("change", ".hospitalList", function() {
    if (this.value == 'Other' && !$(this).next('input[name="hospital"]').length) {
        $(this).after('<input type="text" class="form-control mt-1" name="hospital" placeholder="Enter Hospital Name">');
    }else{
        $(this).next('input[name="hospital"]').remove();
    }
});

$(document).on("change", ".LeadStatus", function() {
    var status = $(this).val();
    if (status === 'dropped') {
        if ($('.dropReason').length === 0) {
            $(this).after('<div class="dropReason mt-2"><label for="drop_reason">Drop Reason</label><select class="form-control" id="drop_reason" name="drop_reason">  <option value="" selected disabled hidden>Choose Reason</option><option>Undergoing treatment elsewhere</option> <option>Clinic to far</option> <option>Patient is better now</option> <option>Call by mistake</option><option>Call not responded</option><option>Other</option></select></div>');
        }
    } else {
        $('.dropReason').remove();
    }
});


$(document).on("change", ".dropReason select", function() {
    var reason = $(this).val();
    if (reason === 'Other') {
        if ($('.dropOtherOption').length === 0) {
            $(this).after('<div class="dropOtherOption mt-2"><label for="drop_reason">Drop Reason</label><textarea class="form-control" placeholder="Enter text" id="drop_status_other_reason" rows="4" name="drop_status_other_reason"></textarea></div>');
        }
    } else {
        $('.dropOtherOption').remove();
    }
});


</script>
@endsection