@extends('admin.main')
@section('content')
<div class="row">
   <div class="col-md-12">
      <div class="card">
         <div class="card-header">
            <h4 class="">Lead / Edit  <a href="{{ route('leads.index') }}" class="btn btn-primary float-right">Back</a> </h4>
         </div>
         <div class="card-body">
            <form action="{{ route('leads.update', $lead->id) }}" method="POST">
               @csrf
               @method('PUT')
                <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', urldecode($lead->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', $lead->date_of_1st_call && $lead->date_of_1st_call != '0000-00-00' ? date('Y-m-d', strtotime($lead->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', urldecode($lead->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', $lead->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', $lead->source) == 'FB' ? 'selected' : '' }}>FB</option>
                    <option value="KNOWLARITY" {{ old('source', $lead->source) == 'KNOWLARITY' ? 'selected' : '' }}>KNOWLARITY</option>
                    <option value="WHATSAPP" {{ old('source', $lead->source) == 'WHATSAPP' ? 'selected' : '' }}>WHATSAPP</option>
                    <option value="WEB SEARCH" {{ old('source', $lead->source) == 'WEB SEARCH' ? 'selected' : '' }}>WEB SEARCH</option>
                     <option value="IG" {{ old('source', $lead->source) == 'IG' ? 'selected' : '' }}>IG</option>
                     <option value="REFERRED BY DOCTOR" {{ old('source', $lead->source) == 'REFERRED BY DOCTOR' ? 'selected' : '' }}>REFERRED BY DOCTOR</option>
                     <option value="REFERRED BY PATIENT" {{ old('source', $lead->source) == 'REFERRED BY PATIENT' ? 'selected' : '' }}>REFERRED BY PATIENT</option>
                     <option value="Walk-in" {{ old('source', $lead->source) == 'Walk-in' ? 'selected' : '' }}>WALK IN</option>
                </select>
                @error('source')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror

               <div class="row mt-2">
                    <div class="form-group col-md-6">
                         <label for="utm_medium">Utm Medium</label>
                         <input type="text" value="{{$lead->utm_medium}}" class="form-control" readonly>
                    </div>
                    <div class="form-group col-md-6">
                         <label for="utm_campaign">Utm Campaign</label>
                         <input type="text" value="{{$lead->utm_campaign}}" class="form-control" readonly>
                    </div>
               </div>
            </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', $lead->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', $lead->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', $lead->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 {{($lead->source == 'REFERRED BY DOCTOR' || $lead->source == 'REFERRED BY PATIENT' || old('source') == 'REFERRED BY DOCTOR' || old('source') == 'REFERRED BY PATIENT')?'':'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', $lead->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', $lead->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', $lead->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 value="TO CALL UP AGAIN" {{ old('opd_lead_follow_up', $lead->opd_lead_follow_up) == 'TO CALL UP AGAIN' ? 'selected' : '' }}>TO CALL UP AGAIN</option>
                    <option value="NOT INTERESTED" {{ old('opd_lead_follow_up', $lead->opd_lead_follow_up) == 'NOT INTERESTED' ? 'selected' : '' }}>NOT INTERESTED</option>
                    <option value="APPOINTMENT BOOKED" {{ old('opd_lead_follow_up', $lead->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', $lead->date_follow_up_call && $lead->date_follow_up_call != '0000-00-00' ? date('Y-m-d', strtotime($lead->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', $lead->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', $lead->date_follow_up_call_2 && $lead->date_follow_up_call_2 != '0000-00-00' ? date('Y-m-d', strtotime($lead->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', $lead->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>

        <div class="row">
            <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 value="TO CALL UP AGAIN" {{ old('closing_opd_lead', $lead->closing_opd_lead) == 'TO CALL UP AGAIN' ? 'selected' : '' }}>TO CALL UP AGAIN</option>
                    <option value="NOT INTERESTED" {{ old('closing_opd_lead', $lead->closing_opd_lead) == 'NOT INTERESTED' ? 'selected' : '' }}>NOT INTERESTED</option>
                    <option value="APPOINTMENT BOOKED" {{ old('closing_opd_lead', $lead->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="Yes" {{ old('surgery_advised', $lead->surgery_advised) == 'Yes' ? 'selected' : '' }}>Yes</option>
                    <option value="No" {{ old('surgery_advised', $lead->surgery_advised) == 'No' ? 'selected' : '' }}>No</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', $lead->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']}}" {{ old('lead_stages', $lead->lead_stages) == $stage['name'] ? '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', $lead->call_remark) }}</textarea>
                @error('call_remark')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>
            <div class="form-group col-md-12">
                @if(count($leadLogs) > 0)
                   <h4 class="mb-2">Lead Recordings </h4>
                    @foreach($leadLogs as $log)
                        <p class="m-0">
                            <a href="{{ $log->recording_url }}">{{ $log->recording_url }}</a>
                        </p>
                    @endforeach
                @endif
          </div>
        </div>
               <button type="submit" class="btn btn-primary">Update</button>
               <span class="btn btn-primary float-right notes_list" lead-id="{{$lead->id}}">View Notes</span>
               <!-- <span class="btn btn-primary float-right notes_modal mr-1" lead-id="{{$lead->id}}">Add Notes</span> -->
               <span class="btn btn-primary float-right reminder_list mr-1" lead-id="{{$lead->id}}">View Reminder</span>
               <!-- <span class="btn btn-primary float-right reminder_modal mr-1" lead-id="{{$lead->id}}">Add Reminder</span> -->
            </form>           
         </div>
      </div>
   </div>
</div>
<x-add-notes />
<x-view-notes />
<x-add-reminder />
<x-view-reminder />
<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).ready(function() {
    var hospitalValue = "{{ $lead->hospital }}";
    var hospitalVal = $('.hospitalList').val(); 
    if (!hospitalVal && hospitalValue != "") {  
        $('.hospitalList').val('Other');
        $('.hospitalList').change();
        $('.hospitalList').next('input[name="hospital"]').val(hospitalValue);

    }

    var leadStatus = $('.LeadStatus').val();  
    if (leadStatus === 'dropped') {
        $('.LeadStatus').change();
    }
});

$(document).on("change", ".hospitalList", function() {
    handleHospitalInputField(this);
});

function handleHospitalInputField(selectElement) { 
    if (selectElement.value === 'Other' && !$(selectElement).next('input[name="hospital"]').length) {
        var hospitalValue = "{{ $lead->hospital }}";
        $(selectElement).after('<input value="' + hospitalValue +'" type="text" class="form-control mt-1" name="hospital" placeholder="Enter Hospital Name">');
    } else if (selectElement.value !== 'Other') {
        $(selectElement).next('input[name="hospital"]').remove();
    }
}

$(document).on("change", ".LeadStatus", function() {
    var status = $(this).val();
    var drop_reason = '{{ $lead->drop_reason }}';
    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>');
            $('.dropReason select').val(drop_reason);
        }

        if(drop_reason === 'Other'){
           $('.dropReason select').change(); 
        }
    } else {
        $('.dropReason').remove();
    }
});


$(document).on("change", ".dropReason select", function() {
    var reason = $(this).val();
    var drop_status_other_reason = '{{ $lead->drop_status_other_reason }}';
    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">'+drop_status_other_reason+'</textarea></div>');
        }
    } else {
        $('.dropOtherOption').remove();
    }
});



</script>
@endsection