{{-- 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">
<input type="hidden" name="is_mobile" value="{{!empty($isMobile) && $isMobile == true?1:''}}" id="">
<input type="hidden" name="token" value="{{$token??''}}" id="">
    @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="my-2">
                            <!--begin::Row-->
                            <div class="form-group row required mb-7">
                                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-xs-12">
                                    <label>Date of Meeting:</label>
                                    <input class="form-control form-control-lg form-control-solid age-datepicker required" type="text" readonly name="meeting_date" id="date" value="{{$data['meeting_date']??''}}" autocomplete="off" />
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-xs-12">
                                    <label>Time of Meeting:</label>
                                    <input class="form-control form-control-lg form-control-solid required" type="time" name="meeting_time" id="time" value="{{$data['meeting_time']??''}}" autocomplete="off" Placeholder="00:00" />
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-xs-12">
                                    <label>Place of Meeting:</label>
                                    <input class="form-control form-control-lg form-control-solid required" type="text" name="meeting_place" id="place" value="{{$data['meeting_place']??''}}" autocomplete="off" Placeholder="Place" />
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-xs-12">
                                    <label>For Participant:</label>
                                    {!!Helper::getClientManageDropDown(['selectedClientId' => ($data['client_id'] ?? ''), 'isRequired' => true, 'isOnlyDropdown' => true, 'name' => 'client_id'])!!}
                                </div>
                            </div>
                            <div class="form-group row mb-7">
                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                    <label>Staff Present in Meeting:</label>
                                    <select class="form-control form-control-lg form-control-solid form-select" name="staff_present[]" multiple>
                                        @foreach($user_id as $gN => $gV)
                                        <option value="{{$gV['id']}}" {{isset($data['staff_present'])?in_array($gV['id'],$data['staff_present'])?'selected':'':''}}> {{$user_id[$gN]['first_name']}} {{$user_id[$gN]['last_name']}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-xs-12 mb-7">
                                    <label>Apologies Received</label>
                                    <select class="form-control form-control-lg form-control-solid form-select" name="apologies_received[]" multiple>
                                        @foreach($user_id as $gN => $gV)
                                        <option value="{{$gV['id']}}" {{isset($data['apologies_received'])?in_array($gV['id'],$data['apologies_received'])?'selected':'':''}}> {{$user_id[$gN]['first_name']}} {{$user_id[$gN]['last_name']}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-xs-12">
                                    <label>Name of person recoding Meeting :</label>
                                    <select class="form-control form-control-lg form-control-solid form-select" name="name_of_person_recording_meeting" data-control="select2" {{ isset($hasEditPermission) && $hasEditPermission ? '' : 'disabled' }} id="name_rec_meating_select">
                                        @foreach($user_id as $gN => $gV)
                                        <option value="{{$gV['id']}}" {{ isset($data['name_of_person_recording_meeting']) && $data['name_of_person_recording_meeting'] == $gV['id'] ? 'selected' : '' }} >{{$user_id[$gN]['first_name']}} {{$user_id[$gN]['last_name']}}</option>
                                        @endforeach
                                    </select>
                                    <input type="hidden" id="name_rec_meating_input" name="name_of_person_recording_meeting" value="{{ $data['name_of_person_recording_meeting'] ?? '' }}">
                                </div>
                                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 col-xs-12">
                                    <label>Save as</label>
                                    <select class="form-control form-control-lg form-control-solid form-select" name="save_as">
                                        @foreach($save_list as $id => $title)
                                        <option value="{{$id}}" {{isset($data['save_as']) && $data['save_as'] == $id ? "selected" : "" }}>{{$title}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <!--end::Row-->
                            </br>
                            <hr style="background-color:#3699FF;">
                            <div class="form-group row mb-7">
                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-xs-12">
                                    <label>What activities would you like to do this week?</label>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Detail Discussion</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="details1">{{$data['details1']??''}}</textarea>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Action Required:</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="action_required1">{{$data['action_required1']??''}}</textarea>
                                </div>
                            </div>
                            <hr>
                            <div class="form-group row mb-7">
                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-xs-12">
                                    <label>What chore would you like to do this week? More Chores = More Points on your Incentive Plan </label>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Detail Discussion</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="details2">{{$data['details2']??''}}</textarea>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Action Required:</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="action_required2">{{$data['action_required2']??''}}</textarea>
                                </div>
                            </div>
                            <hr>
                            <div class="form-group row mb-7">
                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-xs-12">
                                    <label>What has been your favorite moment of the week? </label>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Detail Discussion</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="details3">{{$data['details3']??''}}</textarea>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Action Required:</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="action_required3">{{$data['action_required3']??''}}</textarea>
                                </div>
                            </div>
                            <hr>
                            <div class="form-group row mb-7">
                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-xs-12">
                                    <label>What is some good news you would like to share? </label>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Detail Discussion</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="details4">{{$data['details4']??''}}</textarea>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Action Required:</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="action_required4">{{$data['action_required4']??''}}</textarea>
                                </div>
                            </div>
                            <hr>
                            <div class="form-group row mb-7">
                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-xs-12">
                                    <label>Menu Planning </label>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Detail Discussion</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="details5">{{$data['details5']??''}}</textarea>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Action Required:</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="action_required5">{{$data['action_required5']??''}}</textarea>
                                </div>
                            </div>
                            <hr>
                            <div class="form-group row mb-7">
                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-xs-12">
                                    <label>Is there anything you would like to change about the house? </label>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Detail Discussion</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="details6">{{$data['details6']??''}}</textarea>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Action Required:</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="action_required6">{{$data['action_required6']??''}}</textarea>
                                </div>
                            </div>
                            <hr>
                            <div class="form-group row mb-7">
                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-xs-12">
                                    <label>Do you have any complaints or concerns? </label>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Detail Discussion</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="details7">{{$data['details7']??''}}</textarea>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Action Required:</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="action_required7">{{$data['action_required7']??''}}</textarea>
                                </div>
                            </div>
                            <hr>
                            <div class="form-group row mb-7">
                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-xs-12">
                                    <label>Is there anything you would like to change and/or need from your Case Manager? </label>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Detail Discussion</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="details8">{{$data['details8']??''}}</textarea>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Action Required:</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="action_required8">{{$data['action_required8']??''}}</textarea>
                                </div>
                            </div>
                            <hr>
                            <div class="form-group row mb-7">
                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-xs-12">
                                    <label>Other Business 1 </label>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Detail Discussion</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="details9">{{$data['details9']??''}}</textarea>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Action Required:</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="action_required9">{{$data['action_required9']??''}}</textarea>
                                </div>
                            </div>
                            <hr>
                            <div class="form-group row mb-7">
                                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-xs-12">
                                    <label>Other Business 2 </label>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Detail Discussion</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="details10">{{$data['details10']??''}}</textarea>
                                </div>
                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12">
                                    <label>Action Required:</label>
                                    <textarea class="form-control form-control-lg form-control-solid" name="action_required10">{{$data['action_required10']??''}}</textarea>
                                </div>
                            </div>
                        </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>
            @if (!empty($isMobile) && $isMobile == true)
            <button type="button" class="btn btn-secondary btn-hover-rise" onclick="cancelPostMessage();">Cancel</button>
            @else
            <a href="{{route('weeklyhousemeeting.index')}}"><button type="button" class="btn btn-secondary btn-hover-rise">Cancel</button></a>
            @endif
        </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>
<script>
    var isMobileActionAllowed = '{{ $isMobileActionAllowed }}';
    if(!isMobileActionAllowed){
        errorAlert['text'] = '{{ $actionErrorAlertText }}';
        Swal.fire(errorAlert).then(function(result){
            cancelPostMessage();
        });
    }
    function cancelPostMessage(){
        if (typeof AppBridge !== 'undefined' && AppBridge.postMessage) { AppBridge.postMessage(JSON.stringify({status: true})); }
    }

    $(document).ready(function() {
        // Initial sync on page load
        syncNameRecMeeting();

        // Sync on change
        $('#name_rec_meating_select').on('change', function() {
            syncNameRecMeeting();
        });

        function syncNameRecMeeting() {
            var selectedValue = $('#name_rec_meating_select').val();
            $('#name_rec_meating_input').val(selectedValue);
        }
    });
</script>
@endsection