@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>Project Data</h4>
                        </div>
                        <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>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-header">
                            <h4>Activity Question</h4>
                        </div>
                        <div class="card-body">
                            <form id="activityForm" method="post" action="{{route('user.activityQuestionAnswers.update')}}"
                                  enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="row_id" value="{{$r_values->row_id}}">
                                <input type="hidden" name="template_id"
                                       @if(count($related_questions)>0) value="{{$related_questions[0]->template_id}}" @endif >
                                <input type="hidden" name="group_id" value="{{$group_info->id}}">
                                <input type="hidden" name="sequence" value="{{$sequence}}">
                                <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($activity_answered_values as $answered_value) {
                                                        if ($answered_value->question_id == $related_question->id) {
                                                            $d_value = $answered_value->user_answer;
                                                            break; // Stop the loop once a match is found
                                                        }
                                                    }
                                                @endphp
                                                @switch($related_question->question_type)
                                                    @case('Image')
                                                        <input  @if(!$d_value) required="" @endif name="{{$related_question->id}}" type="file"
                                                               accept="image/*"   class="form-control" >
                                                        @if($d_value)
                                                            <img class="img-fluid table-avtar"

                                                                 src="{{ asset($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" @if(!$d_value) required="" @endif  name="{{$related_question->id}}"
                                                               class="form-control" >
                                                        @break
                                                    @case("Video")

                                                        <input type="file" name="{{$related_question->id}}"
                                                               accept="video/*" class="form-control" >
                                                        @if($d_value)
                                                            <div class="video-container">
                                                                <video controls>
                                                                    <source src="{{ asset($d_value) }}" type="video/mp4">
                                                                    Your browser does not support the video tag.
                                                                </video>
                                                            </div>
                                                        @endif
                                                        @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">Update</button>
                            </form>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('scripts')
    <script>
        $(document).ready(function () {
            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 Submit button, add required attribute
            // $('#save').click(function () {
            //     addRequired();
            // });

        })
    </script>
@endsection