@extends('layouts.app')

@section('content')
<div class="contents">
    <div class="crm mb-25">
<div class="container-fluid">
    {{-- <div class="d-flex justify-content-between align-items-center mb-3">
        <h4>Questions</h4>
        <a href="{{ route('questions.create') }}" class="btn btn-primary btn-sm">Add Question</a>
    </div> --}}
      <div class="col-lg-12">
                    <div class="breadcrumb-main d-flex justify-content-between align-items-center">
                        <h2 class="breadcrumb-title">Questions</h2>
                         <a href="{{ route('questions.create') }}" class="btn btn-primary btn-squared me-2">Add Question <i class="fa-solid fa-plus ms-2"></i></a>
                    </div>
                </div>
      <div class="col-xxl-12">
                    <div class="userDatatable  global-shadow border-light-0 w-100 adv-table">
                        <div class="table-responsive">
             <table class="table mb-0 table-borderless  table-striped" >
           <thead>
              <tr class="userDatatable-header">
                <th><span class="userDatatable-title">#</span></th>
                <th><span class="userDatatable-title">Section</span></th>
                <th><span class="userDatatable-title">Question</span></th>
                <th><span class="userDatatable-title">Type</span></th>
                <th width="15%"><span class="userDatatable-title">Actions</span></th>
            </tr>
        </thead>
        <tbody>
            @foreach ($questions as $key => $q)
            <tr>
                <td>{{ $key + 1 }}</td>
                <td>{{ $q->section->name ?? '-' }}</td>
                <td>{{ $q->question_text }}</td>
                <td>{{ ucfirst($q->question_type) }}</td>
                <td class="d-flex gap-2">
                    <a href="{{ route('questions.edit', $q->id) }}" class="btn btn-warning btn-sm">Edit</a>
                    <form action="{{ route('questions.destroy', $q->id) }}" method="POST" class="d-inline">
                        @csrf @method('DELETE')
                        <button onclick="return confirm('Delete this question?')" class="btn btn-danger btn-sm">Delete</button>
                    </form>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    </div>
    </div>
    </div>
</div>
    </div>
</div>
@endsection