@extends('admin.layouts.app')
@section('title', 'Tables')
@section('content')


<div class="pagetitle">
    <h1>Tables</h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item active">Tables</li>
      </ol>
    </nav>
  </div><!-- End Page Title -->

  <section class="section">
    <div class="row">
      <div class="col-lg-12">

        <div class="card">
          <div class="card-body">
            <h5 class="card-title">All System Tables</h5>
            {{-- <p>Add lightweight datatables to your project with using the <a href="https://github.com/fiduswriter/Simple-DataTables" target="_blank">Simple DataTables</a> library. Just add <code>.datatable</code> class name to any table you wish to conver to a datatable. Check for <a href="https://fiduswriter.github.io/simple-datatables/demos/" target="_blank">more examples</a>.</p> --}}

            <!-- Table with stripped rows -->
              <div class="table-responsive">

                  <table class="table datatable table-responsive">
                      <thead>
                        <tr>
                            <th>Name</th>
                            <th>Description</th>
                            @if(Auth::guard('admin')->user()->type == 'admin')
                            <th>Action</th>
                            @endif
                        </tr>
                      </thead>
                      <tbody>
                        @forelse($tables as $table)
                        <tr>
                            <td>
                                <span>{{ $table->name }}</span>
                            </td>
                            <td>{!! $table->description !!}</td>
                            @if(Auth::guard('admin')->user()->type == 'admin')
                            <td>
                                <a href="{{ route('admin.tables.edit',['table'=>$table->id]) }}" class="btn btn-primary">Edit</a>
                                <a href="#" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#tableModal{{ $table->id }}">Delete</a>

                            </td>
                            @endif
                        </tr>
                        <!-- Modal -->
                        <div class="modal fade" id="tableModal{{ $table->id }}" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="tableModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                            <div class="modal-content modal-dialog-center">
                                <div class="modal-header">
                                <h1 class="modal-title fs-5" id="tableModalLabel">Delete Table:<b class="text-success"> {{ $table->name }}</b>?</h1>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    <p>Are you sure you want to remove Table: {{ $table->name }}</p>
                                    <p>Everything related to <b class="text-success">{{ $table->name }}</b> that you have saved will be lost, please make sure you know what you are doing</p>
                                </div>
                                <form action="{{ route('admin.tables.destroy',['table'=>$table->id]) }}" method="POST">
                                    @csrf
                                    @method('delete')
                                    <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                    <button type="submit" class="btn btn-danger">Yes, Delete</button>
                                </form>
                                </div>
                            </div>
                            </div>
                        </div>

                    @empty
                        <tr>
                            <td class="colspan-12">
                                No Table Yet.
                                Please   <a href="{{ route('admin.tables.create') }}" class="btn">ADD A TABLE </a>
                            </td>
                        </tr>
                    @endforelse
                      </tbody>
                    </table>

              </div>


            <!-- End Table with stripped rows -->

          </div>
        </div>

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


@endsection