@extends('layouts.master')

@section('title')
    View Questions
@endsection

@section('content')

    <div class="content">
        <div>
            <div class="card">
                <div class="card-header">
                    <h5 class="title">Survey Questions</h5>
                </div>
                <div class="card-header">
                    <table class="table">
                        <thead>
                        <tr>
                            <th>No.</th>
                            <th>Questions</th>
                            <th>Status</th>
                            <th>Edit</th>
                        </tr>
                        </thead>
                        <tbody>

                        @for($i = 0; $i < count($response); $i++)
                            <tr>
                                <td>{{$i+1}}</td>
                                <td style="vertical-align: middle">{{json_encode($response[$i]['question_description'])}}</td>
                                <td>
                                    <form  action="{{$response[$i]['active'] == "1" ? "/inactive/{$response[$i]['question_id']}" : "/active/{$response[$i]['question_id']}" }}" method="post">
                                        {{ csrf_field() }}
                                        {{method_field('POST')}}
                                        <button type="submit" class="btn {{$response[$i]['active'] == "1" ? "btn-danger" : "btn-success"}}">{{$response[$i]['active'] == "1" ? "Inactive" : "Active"}}</button>
                                    </form>
                                </td>
                                <td>
                                    <form  action="/editQuestion" method="post">
                                        {{ csrf_field() }}
                                        {{method_field('POST')}}
                                        <input type="hidden" name="editData" value="{{json_encode($response[$i])}}">
                                        <button type="submit" class="btn btn-info">Edit</button>
                                    </form>
                                </td>
                            </tr>
                        @endfor
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection