@extends('layout.layout')
@section('content')
<div class="container-fluid show-question-container">
    @if($errors->has('success'))
        @foreach ($errors->all() as $error)
           <div style="display:flex;justify-content:center;">
                <div class="alert alert-success text-center fw-bold text-dark w-50" role="alert">
                    {{ $error }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close" style="float: right;font-size:16px;"></button>
                </div>
           </div>
        @endforeach
    @endif
    @if($errors->has('error'))
        @foreach ($errors->all() as $error)
           <div style="display:flex;justify-content:center;">
                <div class="alert alert-danger text-center fw-bold text-dark w-50" role="alert">
                    {{ $error }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close" style="float: right;font-size:16px;"></button>
                </div>
           </div>
        @endforeach
    @endif
  <div class="row row-questions">
    @if(count($questionTest) != 0)
        @foreach ($questionTest as $question)
        <div class="col-lg-4 col-md-4 col-sm-4 col-4 cards-for-question-dashboard mt-3">
            <p>Intrebare: {{ $question->question_name }} </p>
         <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editeazaQuestion{{$question->answer_id}}">Editeaza<i class="fas fa-edit"></i></button>
         <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#showAnswers{{$question->question_id}}">Vezi raspunsuri<i class="fas fa-edit"></i></button>
        </div>
        <div class="modal fade modalforeditquestions" id="editeazaQuestion{{$question->answer_id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Editeaza intrebarea <span class="fw-bold">{{ $question->question_name }}</span> cu raspunsul <span class="fw-bold">{{ $question->answer_name }}</span> </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form action="/editeaza-intrebare-raspuns" method="POST">
                    @csrf
                    <div class="modal-body">
                    <input type="hidden" name="question_id" value="{{ $question->id }}">
                    
                    <label for="">Editeaza intrebarea</label>
                    <input type="text" class="form-control" name="question_name" placeholder="{{$question->question_name}}" value="{{$question->question_name}}">
                    <div class="edit-photo-answer">
                                            @foreach ($allAnswers->where('question_id',$question->question_id) as $elem)
                    <input type="hidden" name="answer_id_{{ $incrementor++ }}" value="{{$elem->answer_id}}">
                        <label for="">Editeaza raspunsul @if($elem->correct_answer == 1) <span class="text-success">(Acesta este raspunsul corect)</span> @endif</label>
                        @if($elem->answer_file != null)
                        <img src="{{URL::to($elem->answer_file)}}" alt="" style="width:300px;height:300px;">
                        <input id="edit_file" type="file" class="form-control inputs-answer questionType"
                            name="file_edited_{{ $incrementor++ }}">
                        <div class="input-group-append mt-2">
                            <button type="button" class="btn btn-secondary btnQuestion-styled" id='btnFourthAnswer' onclick="document.getElementById('edit_file').click();">Selectează filă</button>
                        </div>
                        @else
                        <input type="text" class="form-control" name="answer_name_{{ $incrementor++ }}" placeholder="{{$elem->answer_name}}" value="{{$elem->answer_name}}">
                        @endif
                    @endforeach
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Inchide</button>
                    <button type="submit" class="btn btn-success">Editeaza</button>
                </div>
                </form>
                </div>
            </div>
        </div>
        <div class="modal fade modalforeditquestions" id="showAnswers{{$question->question_id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Editeaza intrebarea <span class="fw-bold">{{ $question->question_name }}</span> cu raspunsul <span class="fw-bold">{{ $question->answer_name }}</span> </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                    @csrf
                    <div class="modal-body">
                    <div class="edit-photo-answer">
                                            @foreach ($allAnswers->where('question_id',$question->question_id) as  $elem)
                        @if($elem->answer_file != null)
                        <img src="{{URL::to($elem->answer_file)}}" alt="" style="width:300px;height:300px;">
                        @else
                        <p> {{ $incrementor++ }} :  @if($elem->correct_answer == 1) <span class="text-success fw-bold">Acesta este raspunsul corect</span> @endif {{ $elem->answer_name }}</p>
                        @endif
                    @endforeach
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Inchide</button>
                    <button type="submit" class="btn btn-success">Editeaza</button>
                </div>
                </div>
            </div>
        </div>
        @endforeach
        @else
        <h3 class="text-danger fw-bold">Momentan acest test nu are intrebari</h3>
        @endif
  </div>
</div>
@endsection