@extends('layouts.entry')

@section('content')
<div class="container">
    <div class="form-container">
        <form action="{{ route('data.edit.post', ['paper_id' => $paper_id]) }}" method="POST" enctype="multipart/form-data">
            @csrf

           
            <input type='hidden' name='question_id' value='{{ $question_id }}' />


            <div  class="columns" style='border-bottom:1px solid #ccc'>
                    
                   
                    <div class="column is-10">
                   


                    <div class="field">
                        
                        <label class="label" for="url">Upload Images</label>
                       
                          
                    <table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth">
                        <tr> 
                         <td>
                         <img src='{{ $question->url }}' width='400px' />
                         
                         </td>   <td>Question Image 1</td><td>  <input class="input" type="file" name="url" id="url"> </td> 
                        </tr>
                        <tr><td> @if(!empty($question->url2))
                            <p><img src="{{ $question->url2 }}" width="400px" /></p>
                          @endif</td> <td>Question Image 2 </td><td>  <input class="input" type="file" name="url2" id="url"> </td> </tr>
                       
                        <tr><td>@if(!empty($question->ans1))
                            <p><img src="{{ $question->ans1 }}" width="400px" /></p>
                          @endif </td> <td>Ans 1 </td><td> <input class="input" type="file" name="ans1" id="url"> </td> </tr>
                        <tr><td>@if(!empty($question->ans2))
                            <p><img src="{{ $question->ans2 }}" width="400px" /></p>
                          @endif </td> <td>Ans 2 </td><td><input class="input" type="file" name="ans2" id="url">  </td> </tr>
                        <tr><td> @if(!empty($question->ans3))
                            <p><img src="{{ $question->ans3 }}" width="400px" /></p>
                          @endif </td> <td>Ans 3 </td><td><input class="input" type="file" name="ans3" id="url">  </td> </tr>
                        <tr><td> @if(!empty($question->ans4))
                            <p><img src="{{ $question->ans4 }}" width="400px" /></p>
                          @endif </td> <td>Ans 4 </td><td><input class="input" type="file" name="ans4" id="url">  </td> </tr>
                        <tr><td> @if(!empty($question->ans5))
                            <p><img src="{{ $question->ans5 }}" width="400px" /></p>
                          @endif </td> <td>Ans 5 </td><td><input class="input" type="file" name="ans5" id="url">  </td> </tr>
                    </table>  

                    </div>
                    
                    
                    
                    
                    <div class="field">
                        <div class="control">
                            <button class="button is-primary" type="submit">Update Question</button>
                        </div>
                    </div>
               

                    <input type="hidden" name="question_ids[]" value="{{ $question->id }}"  >     
                    </div>
                </div>  
       



            
        </form>
    </div>
</div>
@endsection