{{-- Extends layout --}}
@extends(getThemeBasePath())

{{-- Content --}}
@section('content')
<!--begin::Card-->
<form class="form" method="post" action="{{$action}}" id="manage_form" enctype="multipart/form-data">
    @if(!empty($data['id']))
    @method('PUT')
    @endif
    @csrf
    <div class="card shadow-sm">
        <!--begin::Card header-->
        <div class="card-header card-header-tabs-line nav-tabs-line-3x">
            <!--begin::Toolbar-->
            <div class="card-toolbar">
                <ul class="nav nav-tabs nav-line-tabs nav-stretch fs-6 border-0">
                    <!--begin::Item-->
                    <li class="nav-item mr-3">
                        <a class="nav-link active" data-bs-toggle="tab" href="#kt_user_edit_tab_1">
                            <span class="nav-text font-size-lg">{{$page_title}}</span>
                        </a>
                    </li>
                </ul>
            </div>
            <!--end::Toolbar-->
     
        </div>
        <!--end::Card header-->
        <!--begin::Card body-->
        <div class="card-body">

            <div class="tab-content">
              
                <!--begin::Tab-->
                <div class="tab-pane show active px-7" id="kt_user_edit_tab_1" role="tabpanel">
                   
                     <!--begin::Row-->
 <div class="row">
    @if(!empty($errors->all()))
    <div class="content-column col-lg-12 col-md-12 col-sm-12">
        @foreach($errors->all() as $message)
        <div class="alert alert-danger">{{ $message }}</div>
        @endforeach
    </div>
    @endif
    <div class="col-xl-2"></div>
    <div class="col-xl-10 my-2">
       
      <!--begin::Group-->
      <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Feedback / Complaint </label>
        <div class="col-9">
        <select class="form-control form-control-solid required"  disabled
          name="type" value="{{$data['type']??''}}">
                                        <option value="">Select Feedback / Complaint </option>
                                        <option {{isset($data['type']) && $data['type'] == "Feedback" ? "selected" : "" }} value="Feedback">Feedback</option>
                                        <option {{isset($data['type']) && $data['type'] == "Complaint" ? "selected" : "" }} value="Complaint">Complaint</option>
                                      </select>
        </div>
    </div>  


      <!--begin::Group-->
      <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Date</label>
        <div class="col-9">
            <div class="input-group input-group-lg input-group-solid">
                <div class="input-group-prepend">
                    <span class="input-group-text">
                        <i class="la la-calendar"></i>
                    </span>
                </div>
                <input class="form-control form-control-lg form-control-solid age-datepicker required" disabled type="text" name="comp_date" id="comp_date" value="{{$data['comp_date']??''}}" autocomplete="off" />
            </div>

        </div>
    </div>
    <!--end::Group-->

     <!--begin::Group-->
     <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Time</label>
        <div class="col-9">
            <input class="form-control form-control-lg form-control-solid required" disabled type="time" name="comp_time" value="{{$data['comp_time']??''}}" placeholder="hh:mm" />
        </div>
    </div>
    <!--end::Group-->

     <!--begin::Group-->
     <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">ParticipantName</label>
        <div class="col-9">
            <select class="form-control form-control-lg form-control-solid" disabled name="comp_cust_id" required>
                <option value="" selected>ParticipantName</option>
                    @foreach($comp_cust_id as $code => $name)
                       <option value="{{$name}}" {{isset($data['comp_cust_id'])?$data['comp_cust_id']==$name?'selected':'':''}}>{{$code}}</option>
                    @endforeach
            </select>
        </div>
    </div>
    <!--end::Group-->

     <!--begin::Group-->
     <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Gender</label>
        <div class="col-9">
            <select class="form-control form-control-lg form-control-solid" disabled name="gender" required>
                <option value="">Gender</option>
                @foreach(config('constant.gender') as $gN => $gV)
                <option value="{{$gN}}" {{isset($data['gender'])?$data['gender']==$gN?'selected':'':''}}>{{$gV}}</option>
                @endforeach
            </select>
        </div>
    </div>
    <!--end::Group-->


     <!--begin::Group-->
     <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Age </label>
        <div class="col-9">
        <select class="form-control form-control-solid required" disabled
          name="age" value="{{$data['age']??''}}">
                                        <option value="">Select Type</option>
                                        <option {{isset($data['age']) && $data['age'] == "Infant 0-2 y/o" ? "selected" : "" }} value="Infant 0-2 y/o">Infant 0-2 y/o</option>
                                        <option {{isset($data['age']) && $data['age'] == "Pre-schooler 2- 6 y/o" ? "selected" : "" }} value="Pre-schooler 2- 6 y/o">Pre-schooler 2- 6 y/o</option>
                                        <option {{isset($data['age']) && $data['age'] == "School age 6-12 y/o" ? "selected" : "" }} value="School age 6-12 y/o">School age 6-12 y/o</option>
                                        <option {{isset($data['age']) && $data['age'] == "Older child 12-18 y/o" ? "selected" : "" }} value="Older child 12-18 y/o">Older child 12-18 y/o</option>
                                        <option {{isset($data['age']) && $data['age'] == "Young adult 18-24 y/o" ? "selected" : "" }} value="Young adult 18-24 y/o">Young adult 18-24 y/o</option>
                                        <option {{isset($data['age']) && $data['age'] == "Adult 25+" ? "selected" : "" }} value="Adult 25+">Adult 25+</option>
                                        <option {{isset($data['age']) && $data['age'] == "Senior 55+" ? "selected" : "" }} value="Senior 55+">Senior 55+</option>
                                        <option {{isset($data['age']) && $data['age'] == "Aged 65+" ? "selected" : "" }} value="Aged 65+">Aged 65+</option>
                                        
                                    </select>
        </div>
    </div>
    
    <!--end::Group-->

    <!--begin::Group-->
    <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Contact Phone</label>
        <div class="col-9">
            <div class="input-group input-group-lg input-group-solid">
                <div class="input-group-prepend">
                    <span class="input-group-text">
                        <i class="la la-phone"></i>
                    </span>
                </div>
                <input type="text" disabled class="form-control form-control-lg form-control-solid required phoneInput" name="cust_phone" value="{{$data['cust_phone']??''}}" placeholder="Phone" />
            </div>
        </div>
    </div>
    <!--end::Group-->


     <!--begin::Group-->
     <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Email Address</label>
        <div class="col-9">
            <div class="input-group input-group-lg input-group-solid">
                <div class="input-group-prepend">
                    <span class="input-group-text">
                        <i class="la la-at"></i>
                    </span>
                </div>
                <input type="email" disabled class="form-control form-control-lg form-control-solid required email" name="cust_mail_id" value="{{$data['cust_mail_id']??''}}" placeholder="Email" />
            </div>
        </div>
    </div>
    <!--end::Group-->
    
    <!--begin::Group-->
    <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Type </label>
        <div class="col-9">
        <select class="form-control form-control-solid required" disabled
          name="comp_type" value="{{$data['comp_type']??''}}">
                                        <option value="">Select Type</option>
                                        <option {{isset($data['comp_type']) && $data['comp_type'] == "Abuse" ? "selected" : "" }} value="Abuse">Abuse</option>
                                        <option {{isset($data['comp_type']) && $data['comp_type'] == "Conduct" ? "selected" : "" }} value="Conduct">Conduct</option>
                                        <option {{isset($data['comp_type']) && $data['comp_type'] == "Environment" ? "selected" : "" }} value="Environment">Environment</option>
                                        <option {{isset($data['comp_type']) && $data['comp_type'] == "Finance" ? "selected" : "" }} value="Finance">Finance</option>
                                        <option {{isset($data['comp_type']) && $data['comp_type'] == "Harm" ? "selected" : "" }} value="Harm">Harm</option>
                                        <option {{isset($data['comp_type']) && $data['comp_type'] == "Neglect" ? "selected" : "" }} value="Neglect">Neglect</option>
                                        <option {{isset($data['comp_type']) && $data['comp_type'] == "Physical" ? "selected" : "" }} value="Physical">Physical</option>
                                        <option {{isset($data['comp_type']) && $data['comp_type'] == "Restrictive Practice" ? "selected" : "" }} value="Restrictive Practice">Restrictive Practice</option>
                                        
                                    </select>
        </div>
    </div>
    
    <!--end::Group-->   
       
    <!--begin::Group-->
    <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">By </label>
        <div class="col-9">
        <select class="form-control form-control-solid required" disabled
          name="comp_by" value="{{$data['comp_by']??''}}">
                                        <option value="">Select By</option>
                                        <option {{isset($data['comp_by']) && $data['comp_by'] == "Executive" ? "selected" : "" }} value="Executive">Executive</option>
                                        <option {{isset($data['comp_by']) && $data['comp_by'] == "Family member" ? "selected" : "" }} value="Family member">Family member</option>
                                        <option {{isset($data['comp_by']) && $data['comp_by'] == "Friend" ? "selected" : "" }} value="Friend">Friend</option>
                                        <option {{isset($data['comp_by']) && $data['comp_by'] == "Guardian" ? "selected" : "" }} value="Guardian">Guardian</option>
                                        <option {{isset($data['comp_by']) && $data['comp_by'] == "Manager" ? "selected" : "" }} value="Manager">Manager</option>
                                        <option {{isset($data['comp_by']) && $data['comp_by'] == "Other provider" ? "selected" : "" }} value="Other provider">Other provider</option>
                                        <option {{isset($data['comp_by']) && $data['comp_by'] == "Person with disability" ? "selected" : "" }} value="Person with disability">Person with disability</option>
                                        <option {{isset($data['comp_by']) && $data['comp_by'] == "Staff" ? "selected" : "" }} value="Staff">Staff</option>
                                        <option {{isset($data['comp_by']) && $data['comp_by'] == "Visitor" ? "selected" : "" }} value="Visitor">Visitor</option>
                                        
                                    </select>
        </div>
    </div>
    
    <!--end::Group-->      
       
     <!--begin::Group-->
     <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Description</label>
        <div class="col-9">
            <textarea class="form-control form-control-lg form-control-solid required" disabled name="comp_desc">{{$data['comp_desc']??''}}</textarea>
        </div>
    </div>
    <!--end::Group-->   
       
    <!--begin::Group-->
    <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Disability Type </label>
        <div class="col-9">
        <select class="form-control form-control-solid required" disabled
          name="disability_type" value="{{$data['disability_type']??''}}">
                                        <option  value="">Select >Disability Type </option>
                                        <option {{isset($data['disability_type']) && $data['disability_type'] == "Cognitive" ? "selected" : "" }} value="Cognitive">Cognitive</option>
                                        <option {{isset($data['disability_type']) && $data['disability_type'] == "Intellectual" ? "selected" : "" }} value="Intellectual">Intellectual</option>
                                        <option {{isset($data['disability_type']) && $data['disability_type'] == "Neurological" ? "selected" : "" }} value="Neurological">Neurological</option>
                                        <option {{isset($data['disability_type']) && $data['disability_type'] == "Physical" ? "selected" : "" }} value="Physical">Physical</option>
                                        <option {{isset($data['disability_type']) && $data['disability_type'] == "Psychosocial" ? "selected" : "" }} value="Psychosocial">Psychosocial</option>
                                        <option {{isset($data['disability_type']) && $data['disability_type'] == "Sensory" ? "selected" : "" }} value="Sensory">Sensory</option>

                                        
                                    </select>
        </div>
    </div>
    
    <!--end::Group-->   
    
    <!--begin::Group-->
    <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Location </label>
        <div class="col-9">
        <select class="form-control form-control-solid required" disabled
          name="location" value="{{$data['location']??''}}">
                                        <option value="">Select Location</option>
                                        <option {{isset($data['location']) && $data['location'] == "Home" ? "selected" : "" }} value="Home">Home</option>
                                        <option {{isset($data['location']) && $data['location'] == "Work" ? "selected" : "" }} value="Work">Work</option>
                                        <option {{isset($data['location']) && $data['location'] == "Community" ? "selected" : "" }} value="Community">Community</option>
                                        <option {{isset($data['location']) && $data['location'] == "Service point" ? "selected" : "" }} value="Service point">Service point</option>
                                        
                                    </select>
        </div>
    </div>
    
    <!--end::Group-->   
       
     <!--begin::Group-->
     <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Staff Type </label>
        <div class="col-9">
        <select class="form-control form-control-solid required" disabled
          name="staff_type" value="{{$data['staff_type']??''}}">
                                        <option value="">Select Staff Type</option>
                                        <option {{isset($data['staff_type']) && $data['staff_type'] == "Allied Health" ? "selected" : "" }} value="Allied Health">Allied Health</option>
                                        <option {{isset($data['staff_type']) && $data['staff_type'] == "Area Manager" ? "selected" : "" }} value="Area Manager">Area Manager</option>
                                        <option {{isset($data['staff_type']) && $data['staff_type'] == "CEO" ? "selected" : "" }} value="CEO">CEO</option>
                                        <option {{isset($data['staff_type']) && $data['staff_type'] == "Domestic" ? "selected" : "" }} value="Domestic">Domestic</option>
                                        <option {{isset($data['staff_type']) && $data['staff_type'] == "Executive" ? "selected" : "" }} value="Executive">Executive</option>
                                        <option {{isset($data['staff_type']) && $data['staff_type'] == "Manager" ? "selected" : "" }} value="Manager">Manager</option>
                                        <option {{isset($data['staff_type']) && $data['staff_type'] == "Regional Manager" ? "selected" : "" }} value="Regional Manager">Regional Manager</option>
                                        <option {{isset($data['staff_type']) && $data['staff_type'] == "Support Worker" ? "selected" : "" }} value="Support Worker">Support Worker</option>
                                        <option {{isset($data['staff_type']) && $data['staff_type'] == "None" ? "selected" : "" }} value="None">None</option>
                                        
                                    </select>
        </div>
    </div>
    
    <!--end::Group-->      
       
    <!--begin::Group-->
    <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Investigation Type </label>
        <div class="col-9">
        <select class="form-control form-control-solid required" disabled
          name="investigation_type" value="{{$data['investigation_type']??''}}">
                                        <option value="">Select Investigation Type</option>
                                        <option {{isset($data['investigation_type']) && $data['investigation_type'] == "Authority/DSC" ? "selected" : "" }} value="Authority/DSC">Authority/DSC</option>
                                        <option {{isset($data['investigation_type']) && $data['investigation_type'] == "Internal" ? "selected" : "" }} value="Internal">Internal</option>
                                        <option {{isset($data['investigation_type']) && $data['investigation_type'] == "Not required" ? "selected" : "" }} value="Not required">Not required</option>
                                        <option {{isset($data['investigation_type']) && $data['investigation_type'] == "Police" ? "selected" : "" }} value="Police">Police</option>
                                        
                                    </select>
        </div>
    </div>
    
    <!--end::Group-->

    <!--begin::Group-->
    <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Action Taken</label>
        <div class="col-9">
            <textarea class="form-control form-control-lg form-control-solid required" disabled name="comp_action">{{$data['comp_action']??''}}</textarea>
        </div>
    </div>
    <!--end::Group-->  

     <!--begin::Group-->
     <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Action Taken By</label>
        <div class="col-9">
            <input class="form-control form-control-lg form-control-solid required" disabled type="text" name="action_by" value="{{$data['action_by']??''}}" />
        </div>
    </div>
    <!--end::Group-->

     <!--begin::Group-->
     <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Status </label>
        <div class="col-9">
        <select class="form-control form-control-solid required" disabled
          name="comp_status" value="{{$data['comp_status']??''}}">
                                        <option value="">Select Status</option>
                                        <option {{isset($data['comp_status']) && $data['comp_status'] == "Investigating" ? "selected" : "" }} value="Investigating">Investigating</option>
                                        <option {{isset($data['comp_status']) && $data['comp_status'] == "Investigation complete" ? "selected" : "" }} value="Investigation complete">Investigation complete</option>
                                        <option {{isset($data['comp_status']) && $data['comp_status'] == "Action proposed" ? "selected" : "" }} value="Action proposed">Action proposed</option>
                                        <option {{isset($data['comp_status']) && $data['comp_status'] == "Action complete" ? "selected" : "" }} value="Action complete">Action complete</option>
                                        <option {{isset($data['comp_status']) && $data['comp_status'] == "Resolved" ? "selected" : "" }} value="Resolved">Resolved</option>
                                        <option {{isset($data['comp_status']) && $data['comp_status'] == "Unresolved" ? "selected" : "" }} value="Unresolved">Unresolved</option>
                                        
                                    </select>
        </div>
    </div>
    
    <!--end::Group-->

     <!--begin::Group-->
     <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Resolution Date</label>
        <div class="col-9">
            <div class="input-group input-group-lg input-group-solid">
                <div class="input-group-prepend">
                    <span class="input-group-text">
                        <i class="la la-calendar"></i>
                    </span>
                </div>
                <input class="form-control form-control-lg form-control-solid age-datepicker required" disabled type="text" name="resolution_date" id="resolution_date" value="{{$data['resolution_date']??''}}" autocomplete="off" />
            </div>

        </div>
    </div>
    <!--end::Group-->

     <!--begin::Group-->
     <div class="form-group fv-row mb-7">
        <label class="col-form-label col-3 text-lg-right text-left">Satisfication Status </label>
        <div class="col-9">
        <select class="form-control form-control-solid required" disabled
          name="satisfication_status" value="{{$data['satisfication_status']??''}}">
                                        <option value="">Select Satisfication Status</option>
                                        <option {{isset($data['satisfication_status']) && $data['satisfication_status'] == "Very satisfied" ? "selected" : "" }} value="Very satisfied">Very satisfied</option>
                                        <option {{isset($data['satisfication_status']) && $data['satisfication_status'] == "Satisfied" ? "selected" : "" }} value="Satisfied">Satisfied</option>
                                        <option {{isset($data['satisfication_status']) && $data['satisfication_status'] == "Neither" ? "selected" : "" }} value="Neither">Neither</option>
                                        <option {{isset($data['satisfication_status']) && $data['satisfication_status'] == "Not satisfied" ? "selected" : "" }} value="Not satisfied">Not satisfied</option>
                                        <option {{isset($data['satisfication_status']) && $data['satisfication_status'] == "Escalating" ? "selected" : "" }} value="Escalating">Escalating</option>

                                       
                                    </select>
        </div>
    </div>
    
    <!--end::Group-->

   <!--begin::Group-->
   <!--div class="form-group fv-row mb-7">
    <label class="col-form-label col-3 text-lg-right text-left">Document</label>
    <div class="col-9">
        <input type="file" class="form-control" id="comp_document" disabled name="comp_document" accept="image/*">
    </div>
</div-->
<!--end::Group-->

@if(isset($data['comp_document']) && !empty($data['comp_document']))
<div class="form-group fv-row mb-7">
    <label class="col-form-label col-3 text-lg-right text-left"></label>
    <div class="col-9">
        <a href='{{asset('images/feedback/'.$data['comp_document'])}}' target="_blank">
            <img src="{{asset('images/feedback/'.$data['comp_document'])}}" style="width: 100px;" />
    </a>
    </div>
</div>
@endif





    </div>
</div>
<!--end::Row-->
                </div>
                <!--end::Tab-->
            </div>
        </div>
        <!--begin::Card body-->
        <div class="card-footer text-right">
            <!--button type="submit" class="btn btn-primary mr-2 btn-hover-rise" onclick="$('#manage_form').submit();">Submit</button-->
            <a href="{{route('feedback_and_complain_staff.index')}}"><button type="button" class="btn btn-secondary btn-hover-rise">Cancel</button></a>
        </div>
    </div>
    <!--end::Card-->
</form>
@endsection

{{-- Scripts Section --}}
@section('scripts')
<script type="text/javascript">
    $(document).ready(function() {
        $('#manage_form').validate({
            // ignore: [],
            rules: {
                'phone': {
                    required: true,
                    phoneInd: true
                },
                cpassword: {
                    equalTo: '#password'
                },
                @if(empty($data['id']))
                password: {
                    required: true
                }
                @endif
            },
            messages: {
                phone: "Please enter valid contact number",
                cpassword: "Please confirm same password again"
            },
            invalidHandler: function(form, validator) {
                var errors = validator.numberOfInvalids();
                if (errors && errors == 1) {
                    console.log(validator.errorList)
                }
            }
        });
    });
</script>
@endsection