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

@section('page_title')
{{$page_title}}
@endsection

{{-- 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 me-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">
                        @include("backend.errors")
                        <div class="col-12">
                            <!--begin::Group-->
                            <div class="form-group row mb-7 required">
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    {!!Helper::getClientManageDropDown(['selectedClientId' => ($data['comp_cust_id'] ?? ''), 'isRequired' => true, 'name' => 'comp_cust_id','inputDivClass' => 'col-12'])!!}
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left">Feedback / Complaint </label>
                                    <select class="form-control form-control-solid required form-select" 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 class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label col-3 text-lg-right text-left">Date</label>
                                    <div class="input-group input-group-lg input-group-solid">
                                        <span class="input-group-text">
                                            <i class="la la-calendar"></i>
                                        </span>
                                        <input class="form-control form-control-lg form-control-solid age-datepicker required" readonly 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 row mb-7 required">
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left">Time</label>
                                    <input class="form-control form-control-lg form-control-solid required" type="time" name="comp_time" value="{{$data['comp_time']??''}}" placeholder="hh:mm" />
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left">Gender</label>
                                    <select class="form-control form-control-lg form-control-solid form-select" name="gender" required>
                                        <option value="">Select</option>
                                        @foreach(config('constant.gender') as $gN => $gV)
                                        <option value="{{$gN}}" {{isset($data['gender'])?$data['gender']==$gN?'selected':'':''}}>{{$gV}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left">Age </label>
                                    <select class="form-control form-control-solid required form-select" 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 row mb-7 required">
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left no-required">Contact Phone</label>
                                    <div class="input-group input-group-lg input-group-solid">
                                        <span class="input-group-text">
                                            <i class="la la-phone"></i>
                                        </span>
                                        <input type="text" class="form-control form-control-lg form-control-solid phoneInput no-required" name="cust_phone" value="{{$data['cust_phone']??''}}" placeholder="Phone" />
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left no-required">Email Address</label>
                                    <div class="input-group input-group-lg input-group-solid">
                                        <span class="input-group-text">
                                            <i class="la la-at"></i>
                                        </span>
                                        <input type="email" class="form-control form-control-lg form-control-solid email no-required" name="cust_mail_id" value="{{$data['cust_mail_id']??''}}" placeholder="Email" />
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left no-required">Type </label>
                                    <select class="form-control form-control-solid form-select no-required" 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>
                                        <option {{isset($data['comp_type']) && $data['comp_type'] == "N/A" ? "selected" : "" }} value="N/A">N/A</option>

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

                            <!--begin::Group-->
                            <div class="form-group row mb-7 required">
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left">By </label>
                                    <select class="form-control form-control-solid required form-select" 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 class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left">Description</label>
                                    <textarea class="form-control form-control-lg form-control-solid required" name="comp_desc">{{$data['comp_desc']??''}}</textarea>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left no-required">Disability Type </label>
                                    <select class="form-control form-control-solid  form-select no-required" 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>
                                        <option {{isset($data['disability_type']) && $data['disability_type'] == "N/A" ? "selected" : "" }} value="N/A">N/A</option>
                                    </select>
                                </div>
                            </div>
                            <!--end::Group-->

                            <!--begin::Group-->
                            <div class="form-group row mb-7 required">
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left">Location </label>
                                    <select class="form-control form-control-solid required form-select" 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 class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left">Staff Type </label>
                                    <select class="form-control form-control-solid required form-select" 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 class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left">Investigation Type </label>
                                    <select class="form-control form-control-solid required form-select" 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 row mb-7 required">
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                <label class="col-form-label text-lg-right text-left no-required">Action Taken</label>
                                    <textarea class="form-control form-control-lg form-control-solid no-required" name="comp_action">{{$data['comp_action']??''}}</textarea>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left no-required">Action Taken By</label>
                                    <input class="form-control form-control-lg form-control-solid no-required" type="text" name="action_by" value="{{$data['action_by']??''}}" />
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left">Status </label>
                                    <select class="form-control form-control-solid required form-select" 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 row mb-7 required">
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left">Resolution Date</label>
                                    <div class="input-group input-group-lg input-group-solid">
                                        <span class="input-group-text">
                                            <i class="la la-calendar"></i>
                                        </span>
                                        <input class="form-control form-control-lg form-control-solid age-datepicker required" readonly type="text" name="resolution_date" id="resolution_date" value="{{$data['resolution_date']??''}}" autocomplete="off" />
                                    </div>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left">Satisfication Status </label>
                                    <select class="form-control form-control-solid required form-select" 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 row mb-7">
                                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <label class="col-form-label text-lg-right text-left">Document</label>
                                    <input type="file" class="form-control" id="comp_document" name="comp_document" accept=".mp4,.jpg,.jpeg,.gif,.png,.pdf">
                                </div>
                                @if(isset($data['comp_document']) && !empty($data['comp_document']))
                                    <div class="col-12">
                                        <div class="form-group row mb-7">
                                            <label class="col-form-labeltext-lg-right text-left"></label>
                                            <a href="{{asset('images/feedback/'.$data['comp_document'])}}" target="_blank">
                                                <!--img src="{{asset('images/feedback/'.$data['comp_document'])}}" style="width: 100px;" /-->Download File
                                            </a>
                                        </div>
                                    </div>
                                @endif
                            </div>
                            <!--end::Group-->

                            {{-- @if(isset($data['comp_document']) && !empty($data['comp_document'])) --}}
                            {{-- <div class="form-group 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;" /-->Download File
                                    </a>
                                </div>
                            </div> --}}

                            {{-- <div class="card card-custom gutter-b draggable">
                                 <div class="card-header">
                                    <div class="card-title">
                                        <h3 class="card-label"><a href="{{asset('images/feedback/'.$data['comp_document'])}}" target="_blank">{{$data['comp_document']}}</a></h3>
                                    </div>
                                    <div class="card-toolbar">
                                    </div>
                                </div>
                                @php
                                    $allowed_types = array ( 'application/pdf', 'image/jpeg', 'image/png' );
                                    $fileInfo = finfo_open(FILEINFO_MIME_TYPE);
                                    $detected_type = pathinfo(asset('images/feedback/'.$data['comp_document']) );
                                @endphp 

                                 <div class="card-body">
                                    @if(in_array(strtolower($detected_type['extension']),['jpg','jpeg','gif','png']))
                                    <a href="{{asset('images/feedback/'.$data['comp_document'])}}" target="_blank"><img src="{{asset('images/feedback/'.$data['comp_document'])}}" style="width: 100%;" /></a>
                                    @elseif(strtolower($detected_type['extension']) == "pdf")
                                    <div id="pdf-container-{{$data['id']}}"></div>
                                    @push('custom-scripts')
                                    <script src="//cdn.jsdelivr.net/npm/pdfobject@2.2.5/pdfobject.min.js"></script>
                                    <script>
                                        $(document).ready(function() {
                                            var options = {
                                                fallbackLink: "<p>This is a <a href='[url]'>fallback link</a></p>"
                                            };
                                            PDFObject.embed("{{asset('images/feedback/'.$data['comp_document'])}}", "#pdf-container-{{$data['id']}}", options);
                                        });
                                    </script>
                                    @endpush
                                    @else
                                    No Preview Available
                                    @endif
                                </div> 
                            </div> --}}
                            {{-- @endif --}}
                            <!--end::Card-->
                        </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 me-2 btn-hover-rise" id="submit_btn" onclick="$('#manage_form').submit();">Submit</button>
            <a href="{{route('feedback_and_complain.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