@extends('layouts.app')

@section('content')

<form id="questionsForm" method="POST" enctype="multipart/form-data"  action="{{ route('papers.storequestion', $paper_id) }}">

     

        @csrf

        <!-- First Row: Answer and Upload File -->
        <div class="columns" style='margin-left:20px;'>
            <div class="column">
                <div class="field">
                    <label class="label" for="answer">Answer:</label>
                    <div class="control">
                        <input class="input" type="text" name="answer">
                    </div>
                </div>
                <div style='display:flex;justify-content:space-between;'>
                    <div class="field">
                        <label class="label" for="section_id">Section:</label>
                        <div class="control">
                            <div class="select is-fullwidth">
                                <select name="section_id" id="section_id">
                                    @foreach($sections as $section)
                                        <option value="{{ $section->id }}">{{ $section->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="field">
                        <label class="label" for="subsection_id">Subsection:</label>
                        <div class="control">
                            <div class="select is-fullwidth">
                                <select name="subsection_id" id="subsection_id">
                                    @foreach($subsections as $subsection)
                                        <option value="{{ $subsection->id }}">{{ $subsection->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>




            </div>

            <div class="column">
                <div class="field">
                    <label class="label" for="url">Upload File (URL):</label>
                    

                    <table>
                        <tr> <td>Question </td><td>  <input class="input" type="file" name="url" id="url"> </td> </tr>
                        <tr> <td>Image </td><td>  <input class="input" type="file" name="url2" id="url"> </td> </tr>
                        <tr> <td>Desktop Question </td><td>  <input class="input" type="file" name="desktop" id="desktop"> </td> </tr>
                        <tr> <td>Ans 1 </td><td> <input class="input" type="file" name="ans1" id="url"> </td> </tr>
                        <tr> <td>Ans 2 </td><td><input class="input" type="file" name="ans2" id="url">  </td> </tr>
                        <tr> <td>Ans 3 </td><td><input class="input" type="file" name="ans3" id="url">  </td> </tr>
                        <tr> <td>Ans 4 </td><td><input class="input" type="file" name="ans4" id="url">  </td> </tr>
                        <tr> <td>Ans 5 </td><td><input class="input" type="file" name="ans5" id="url">  </td> </tr>

                    </table>            

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

        <!-- Second Row: Section and Subsection -->
        <div class="columns">
            <div class="column" style='margin-left:20px;'>
                 <!-- Submit Button -->
                <div class="field">
                    <div class="control">
                        <button class="button is-small is-primary" style="border-radius: 0;" type="submit">Add Question</button>
                      
                    </div>
                </div>
                
            </div>

            <div class="column">
              
            </div>
        </div>

       
    

</form>






   

@endsection