@extends('operations.layout.mainlayout')

@section('content')
{{--    @if($_SESSION["role"] != 4 || ( !empty($comment->ID) && $_SESSION["profile_id"] != $comment->PROFILE_ID))--}}
{{--        {{exit("<h1>Unauthorized access</h1>")}}--}}
{{--    @endif--}}
<script src="https://cdn.ckeditor.com/4.22.1/full/ckeditor.js"></script>
<script>CKEDITOR.config.versionCheck = false;</script>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid card">
            <div class="row mb-2">
                <div class="col-sm-6 card-body">
                    <h1 class="m-0 text-dark" style="color: var(--blazma-text)!important;">
                        @if(!empty($comment->NAME_EN))
                            {{ $comment->NAME_EN }}
                        @else
                            Add Comment
                        @endif
                    </h1>
                    @if(isset($is_grouped) && $is_grouped && $group_count > 1)
                        <span class="badge badge-info">
                            <i class="fas fa-layer-group"></i> Group of {{ $group_count }} test(s)
                        </span>
                    @endif
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="/operations">Home</a></li>
                        <li class="breadcrumb-item active">Programmable Comment Details</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="mx-auto col-md-8">

                    <!-- /.card -->

                    <div class="card">

                        <!-- /.card-header -->
                        <div class="card-body">

                            <ul class="nav nav-tabs" id="custom-content-below-tab" role="tablist"
                                style="margin-bottom: 15px;">
                                <li class="nav-item">
                                    <a class="nav-link active"
                                        style="color: #007bff !important;"
                                        id="custom-content-below-home-tab" data-toggle="pill"
                                        href="#custom-content-below-home" role="tab"
                                        aria-controls="custom-content-below-home" aria-selected="true">Programmable Comment
                                        Information</a>
                                </li>
                            </ul>

                            <div class="tab-content" id="custom-content-below-tabContent">

                                <div class="tab-pane fade active show" id="custom-content-below-home" role="tabpanel"
                                    aria-labelledby="custom-content-below-home-tab">
                                    <div id="errorMessage" class="alert alert-danger" style="display:none;"></div>

                                    @if(isset($is_grouped) && $is_grouped && $group_count > 1)
                                        <div class="alert alert-info">
                                            <i class="fas fa-info-circle"></i>
                                            <strong>Grouped Comment:</strong> This comment is shared by {{ $group_count }} test(s).
                                            Changes will be applied to all tests in this group.
                                        </div>
                                    @endif

                                    <form method="post" enctype="multipart/form-data" id="programmable-comment-form">
                                        <input id="comment_id" type="hidden" name="comment_id" value="@if(!empty($comment->ID)){{$comment->ID}}@endif">

                                        <div class="row">
                                            <div class="col-md-6">
                                                <p><b>Name</b></p>
                                                <input required class="form-control" type="text" name="comment_name"
                                                value="@if(!empty($comment->NAME_EN)){{$comment->NAME_EN}}@endif"><br />
                                            </div>
                                            <div class="col-md-6">
                                                <p><b>Tests</b></p>
                                                <select required name="test_id[]" class="form-control rhospital_id" multiple id="test_id_select">
                                                    @foreach($tests as $test)
                                                        <option value="{{$test->ID}}"
                                                            data-has-template="{{ $test->HAS_TEMPLATE ?? 0 }}"
                                                            @if(!empty($comment->ID))
                                                                {{-- Check if this test is in the group (for editing) --}}
                                                                @if(isset($group_test_ids) && in_array($test->ID, $group_test_ids))
                                                                    selected
                                                                {{-- Fallback for single comment --}}
                                                                @elseif($comment->LAB_CATEGORY_PACKAGE_ID == $test->ID)
                                                                    selected
                                                                @endif
                                                            @endif
                                                            >{{$test->NAME_EN}}</option>
                                                    @endforeach
                                                </select><br />
                                            </div>
                                            <div class="col-md-6">
                                                <p><b>Comment Type</b></p>
                                                <select required name="comment_type" class="form-control rhospital_id" id="p-comment-comment-type">
                                                    <option value="">Select Comment Type</option>
                                                    <option @if(!empty($comment->COMMENT_TYPE) && $comment->COMMENT_TYPE == 'Always') selected @endif value="Always">Always</option>
                                                    <option @if(!empty($comment->COMMENT_TYPE) && $comment->COMMENT_TYPE == 'Normal') selected @endif value="Normal">Normal</option>
                                                    <option @if(!empty($comment->COMMENT_TYPE) && $comment->COMMENT_TYPE == 'Abnormal') selected @endif value="Abnormal">Abnormal</option>
                                                    <option @if(!empty($comment->COMMENT_TYPE) && $comment->COMMENT_TYPE == 'Suggestion') selected @endif value="Suggestion">Suggestion</option>
                                                </select><br />
                                            </div>
                                            <div class="col-md-6">
                                                <p><b>Comment Unit</b></p>
                                                <select name="comment_unit" class="form-control rhospital_id" >
                                                    <option value="">Select Comment Unit</option>
                                                    @foreach($units as $unit)
                                                    <option @if(!empty($comment->PROFILE_UNIT_ID) && $comment->PROFILE_UNIT_ID == $unit->ID) selected @endif value="{{$unit->ID}}">{{$unit->NAME_EN}}</option>
                                                    @endforeach
                                                </select><br />
                                            </div>
                                        </div>
                                        <br />
                                        <div class="row">
                                            <div class="col-md-12">
                                                <p><b>Comment text</b></p>
                                                <div class="input-group mb-3">
                                                    <textarea required id="ckeditor" class="ckeditor form-control" name="comment_text">@if(!empty($comment->COMMENT_TEXT)){{$comment->COMMENT_TEXT}}@endif</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col" style="text-align: center">
{{--                                        @if(!empty($_SESSION["role"]) && ($_SESSION["role"] == 4))--}}
                                        @permission('manage_administration_programmable_comments')
                                        @if(!empty($comment->ID))
                                            @if(isset($is_grouped) && $is_grouped && $group_count > 1)
                                                <input style="width:200px" type="submit" class="btn btn-info" value="Update Group ({{ $group_count }})" />
                                            @else
                                                <input style="width:200px" type="submit" class="btn btn-info" value="Edit Test Comment" />
                                            @endif
                                        @else
                                            <input style="width:200px" type="submit" class="btn btn-info" value="Add Test Comment" />
                                        @endif
                                        @endpermission
{{--                                        @endif--}}
                                            </div>
                                        </div>
                                        </form>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- /.card-body -->
                </div>
                <!-- /.card -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
</div>
<!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
@endsection

@section('footer-scripts')
    <script>

        $(document).ready(function () {
            // Initialize select2 if available for better multi-select UX
            if (typeof $.fn.select2 !== 'undefined') {
                $('#test_id_select').select2({
                    placeholder: 'Select tests',
                    allowClear: true
                });
            }

            var commentTypeSelect = $('#p-comment-comment-type');
            var commentUnitSelect = $('select[name="comment_unit"]');

            // Function to check if any template test is selected
            function hasTemplateTestSelected() {
                var hasTemplate = false;
                $('#test_id_select option:selected').each(function() {
                    if ($(this).data('has-template') == 1) {
                        hasTemplate = true;
                        return false;
                    }
                });
                return hasTemplate;
            }

            // Function to apply template test restrictions
            function applyTemplateRestrictions() {
                commentTypeSelect.val('Always').trigger('change');
                commentTypeSelect.prop('disabled', true);
                commentUnitSelect.val('').trigger('change');
                commentUnitSelect.prop('disabled', true);
            }

            // Function to remove template test restrictions
            function removeTemplateRestrictions() {
                commentTypeSelect.val('').trigger('change');
                commentUnitSelect.val('').trigger('change');
                commentTypeSelect.prop('disabled', false);
                commentUnitSelect.prop('disabled', false);
            }

            // Check initial state (for edit form with existing template test selections)
            if (hasTemplateTestSelected()) {
                applyTemplateRestrictions();
            }

            // Handle select2 selection events
            $('#test_id_select').on('select2:select', function(e) {
                var selectedOption = e.params.data.element;
                var isTemplate = $(selectedOption).data('has-template') == 1;

                if (isTemplate) {
                    // Template test selected - check if normal tests are already selected
                    var hasNormalTestSelected = false;
                    $('#test_id_select option:selected').each(function() {
                        if ($(this).data('has-template') == 0) {
                            hasNormalTestSelected = true;
                            return false;
                        }
                    });

                    if (hasNormalTestSelected) {
                        // Normal tests already selected - prevent adding template test
                        toastr.error('Cannot select a template test when a normal test is already selected');

                        // Remove the just-selected template test
                        var selectedValues = $('#test_id_select').val();
                        selectedValues = selectedValues.filter(function(val) {
                            return val != e.params.data.id;
                        });
                        $('#test_id_select').val(selectedValues).trigger('change.select2');
                    } else {
                        // First template test - apply restrictions
                        applyTemplateRestrictions();
                    }
                } else {
                    // Normal test selected
                    if (hasTemplateTestSelected()) {
                        // Template tests already selected - prevent adding normal test
                        toastr.error('Cannot select a normal test when a template test is already selected');

                        // Remove the just-selected normal test
                        var selectedValues = $('#test_id_select').val();
                        selectedValues = selectedValues.filter(function(val) {
                            return val != e.params.data.id;
                        });
                        $('#test_id_select').val(selectedValues).trigger('change.select2');
                    } else {
                        // No template tests yet - first normal test selected, remove restrictions if any were applied
                        removeTemplateRestrictions();
                    }
                }
            });

            // Handle select2 deselection events
            $('#test_id_select').on('select2:unselect', function(e) {
                // Check if any template tests remain selected
                if (!hasTemplateTestSelected()) {
                    removeTemplateRestrictions();
                }
            });

            $('#programmable-comment-form').on('submit', function (e) {
                e.preventDefault();

                for (instance in CKEDITOR.instances) {
                    CKEDITOR.instances[instance].updateElement();
                }

                // Temporarily enable disabled fields so their values are included in form submission
                commentTypeSelect.prop('disabled', false);
                commentUnitSelect.prop('disabled', false);

                var formData = new FormData(this);

                $.ajax({
                    url: '/operations/programmable-comments',
                    type: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    success: function (response) {
                        if (response.status === 'success' || response.status === 'partial_success') {
                            if (response.message) {
                                toastr.success(response.message);
                            }
                            window.location.href = response.redirect_url;
                        }
                    },
                    error: function (xhr) {
                        if (xhr.status === 422) {
                            let errorMessage = xhr.responseJSON.message;
                            if (xhr.responseJSON.errors && Array.isArray(xhr.responseJSON.errors)) {
                                // Show individual error messages for each failed test
                                errorMessage += '<br/>' + xhr.responseJSON.errors.join('<br/>');
                            }
                            $('#errorMessage').html(errorMessage).show();
                        } else {
                            $('#errorMessage').text('An error occurred while submitting the form.').show();
                        }
                    }
                });
            });
        });

    </script>
@endsection