@extends('template.layouts.simple.master')
@section('content')
    <div class="page-body">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header">
                       <h4>Add Activity Answer</h4>
                    </div>
{{--                    @dd($get_draft_values)--}}
                    <div class="card-body">
                        <div class="table-card">
                            <h5>Data Upload Details</h5>
                            <table class="table mb-0">
                                <thead>

                                </thead>
                                <tbody>
                                @foreach($related_values as $r_values)

                                    <tr>
                                        <td class="fw-medium">{{$r_values->getHeadName->template_head_name}}</td>
                                        <td>{{$r_values->value}}</td>
                                    </tr>
                                @endforeach


                                </tbody>
                            </table>
                            <!--end table-->
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="table-card">
                        <h5 class="mt-2 p-2">Activity Questions</h5>
                        <form id="activityForm" method="post" action="{{route('user.activityQuestionAnswers')}}"
                              enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="row_id" value="{{$r_values->row_id}}">
                            <input type="hidden" name="template_id" value="{{$related_questions[0]->template_id}}">
                            <table class="table mb-0">
                                <thead>
                                </thead>
                                <tbody>
                                @foreach($related_questions as $related_question)

                                    <tr>
                                        <td class="col-md-6 fw-medium">{{$related_question->question}}</td>
                                        <td class="col-md-6">
                                            @php
                                                $d_value = '';
                                                foreach($get_draft_values as $draft_value) {
                                                    if ($draft_value->question_id == $related_question->id) {
                                                        $d_value = $draft_value->user_answer;
                                                        break; // Stop the loop once a match is found
                                                    }
                                                }
                                            @endphp


                                        @switch($related_question->question_type)
                                                @case('Image')
                                                    <input name="{{$related_question->id}}" type="file"
                                                           class="form-control">
                                                    @if($d_value)
                                                        <img class="img-fluid table-avtar" src="{{ asset('storage/' . $d_value) }}" alt="Image">
                                                    @endif
                                                    @break
                                                @case('Free Text')
                                                    <input type="text" value="{{$d_value}}" name="{{$related_question->id}}"
                                                           class="form-control">
                                                    @break
                                                @case('Yes / No')
                                                    <select class="form-select" name="{{$related_question->id}}">
                                                        <option value="">Select ..</option>
                                                        <option value="Yes"  @if("Yes" == $d_value) selected @endif>Yes</option>
                                                        <option value="No" @if("No" == $d_value) selected @endif>No</option>
                                                    </select>
                                                    @break
                                                @case('Subjective')
                                                    <input type="text" value="{{$d_value}}" name="{{$related_question->id}}" class="form-control">
                                                    @break
                                                @case("Dropdown")
                                                    <select class="form-select" name="{{$related_question->id}}">
                                                        <option value="">Select ..</option>
                                                        @foreach($related_question->getOptions as $questionOption)
                                                            <option  value="{{$questionOption->option}}" @if($questionOption->option == $d_value) selected @endif>
                                                                {{$questionOption->option}}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @break
                                                @case("Date")
                                                    <input type="date" value="{{$d_value}}"
                                                           name="{{$related_question->id}}" class="form-control">
                                                    @break
                                                @case("File Upload")
                                                    <input type="file" name="{{$related_question->id}}"
                                                           class="form-control">
                                                    @break
                                                @default
                                                    <input type="text" value="{{$d_value}}" class="form-control"
                                                           name="{{$related_question->id}}">
                                            @endswitch

                                        </td>
                                    </tr>
                                @endforeach


                                </tbody>
                            </table>

                            <button id="saveDraft" name="save_draft" class="btn btn-primary float-end">Save Draft
                            </button>
                            <button id="save" name="save" class="btn btn-primary float-end">Submit</button>
                        </form>
                        <!--end table-->
                    </div>
                </div>
            </div>
{{--@foreach($get_draft_values as $values)--}}
{{--   <pre> {{$values}}</pre>--}}
{{--@endforeach--}}
        </div>
    </div>
    </div>

@endsection
@section('scripts')
    <script>
        $(document).ready(function () {
            
            // Function to remove required attribute from form fields
            function removeRequired() {
                $('#activityForm input, #activityForm select').removeAttr('required');
            }

            // Function to add required attribute to form fields
            function addRequired() {
                $('#activityForm input, #activityForm select').attr('required', 'required');
            }

            // On click of Save Draft button, remove required attribute
            $('#saveDraft').click(function () {
                removeRequired();
            });

            // On click of Submit button, add required attribute
            $('#save').click(function () {
                addRequired();
            });
        })
    </script>
@endsection