@extends('admin_pages_master')

@section('content')
<main class="main">
    <!-- Start of Breadcrumb -->
    <nav class="breadcrumb-nav">
        <div class="container">
            <ul class="breadcrumb account-breadcrumb">
                <li><a href="{{ url('admin/dashboard') }}">Home</a></li>
                <li>Sections listing</li>
            </ul>
        </div>
    </nav>
    <!-- End of Breadcrumb -->
  
    <!-- Start of Page Content -->
  
  
  
    <div class="page-content pt-2">
        <!-- Header Section -->
        <div class="container">
            <div class="d-flex justify-content-between align-items-center">
                <!-- Back Button -->
                <a class="back-btn d-flex align-items-center" id="back-btn" onclick="goBack()">
                    <i class="w-icon-long-arrow-left"></i>
                    <div>Back</div>
                </a>
                <!-- New Sub-Admin Button -->

                <a href="{{url('admin/add-edit-section')}}" class="btn btn-primary">Add Section</a>
                
            </div>
        </div>
  
        <!-- Table Section -->
        <div class="container mt-3">
            <div class="table-responsive">
                  @if (Session::has('success_message'))
                  <div class="alert alert-success alert-dismissible fade show" role="alert">
                      <strong>Good! </strong> {{ Session::get('success_message')}}
                      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                      </button>
                  </div>
                  @endif
                <table id="subadminsTable" class="table table-striped">
                    <thead>
                        <tr>
                            <th>S/N</th>
                            <th>Name</th>
                            <th>Image</th>
                            <th>Status</th>
                            <th>Update</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                      @foreach($sections as $section)
                        <tr>
                              <td>{{ $loop->iteration }}</td>
                              <td>{{ $section['name'] }}</td>
                              <td>
                                @if(!empty($section['image']))
                                <img src="{{ asset('admin/images/sectionphotos/'.$section['image']) }}" alt="Section Image" style="width: 50px; height: auto;">
                                @else
                                    No Image
                                @endif
                            </td>
                              <td>✅</td>
                              <td>❌</td>
                              <td>
                                  <a href="{{ url('admin/add-edit-section/'.$section['id'])}}" class="btn btn-warning btn-sm">&#x21bb;</a>
                                  <a title="Section" class="btn btn-danger btn-sm confirmDelete" href="{{ url('admin/delete-section/'.$section['id'])}}">&#x1F5D1;</a>
                              </td>
                        </tr>
                        @endforeach
                        <!-- Additional rows as needed -->
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection