@extends('mental.layouts.app')

@section('content')

<div class="col-lg-12 grid-margin stretch-card">
    <div class="card">
        <div class="card-body">
            <h4 class="card-title">Total Scores by Date</h4>
            </p>

            @if($result_text == 'bai')
            <!-- Table 1 -->
            <div class="table-responsive pt-3">
                <table id="anxietyTable1" class="table table-bordered">
                    <thead>
                        <tr> 
                           <th>Assessment</th> 
                            <th>Total Score</th> 
                            <th>Result</th> 
                            <th>Date</th> 
                            <th>Action</th>
                        </tr>
                    </thead>  
                    <tbody></tbody>
                </table>
            </div>
      @endif
            <!-- Table 2 -->
            @if($result_text == 'gad-7')
            <div class="table-responsive pt-3">
                <table id="anxietyTable2" class="table table-bordered">
                    <thead>
                        <tr> 
                           <th>Assessment</th> 
                            <th>Total Score</th> 
                            <th>Result</th> 
                            <th>Date</th> 
                            <th>Action</th>
                        </tr>
                    </thead>  
                    <tbody></tbody>
                </table>
            </div> 
            @endif
            <!-- More tables can be added similarly -->

 

                        <!-- Table 3 -->
                        @if($result_text == 'ham-a')
            <div class="table-responsive pt-3">
                <table id="anxietyTable3" class="table table-bordered">
                    <thead>  
                        <tr>  
                           <th>Assessment</th> 
                            <th>Total Score</th> 
                            <th>Result</th> 
                            <th>Date</th> 
                            <th>Action</th>
                        </tr>
                    </thead>  
                    <tbody></tbody>
                </table> 
            </div> 
            @endif
            <!-- More tables can be added similarly -->

                        <!-- Table 3 -->
                        @if($result_text == 'stai')
            <div class="table-responsive pt-3">
                <table id="staiTable3" class="table table-bordered">
                    <thead>  
                        <tr>  
                           <th>Assessment</th> 
                            <th>Total Score</th> 
                            <th>Result</th> 
                            <th>Date</th> 
                            <th>Action</th>
                        </tr>
                    </thead>  
                    <tbody></tbody>
                </table> 
            </div> 
            @endif
            <!-- More tables can be added similarly -->

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

<div class="modal fade" id="viewModal" tabindex="-1" aria-labelledby="viewModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="viewModalLabel">View Details</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div id="modalContent"></div>
      </div>
    </div>
  </div>
</div>

@endsection