@extends('admin.layouts.app')
{{-- @push('style')
    <link rel="stylesheet" href="//cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css">
@endpush --}}
{{-- @section('pagetitlesection')
    <li class="nav-item d-none d-sm-inline-block">
        <a href="" class="nav-link custom-cumb">{{ __('Topics') }}</a>
    </li>
@endsection --}}
@section('content')
    <div class="app-main__outer">
        <div class="app-main__inner card">
            <!-- dashboard auction -->
            <div class="dashboard-auction">
                <div class="row">
                    <div class="col-12">
                        <div class="auction-table">
                            <div class="auction-tablehead">
                                <div class="row">
                                    <div class="col-md-4">
                                        <h3>Topics</h3>
                                    </div>
                                    <div class="col-md-6">

                                    </div>
                                    <div class="col-md-2">
                                        <a href="{{ route('admin.help-support.topic.add') }}" class="btn btn-primary">Add
                                            Topic</a>
                                    </div>
                                </div>

                                <div class="aircraft_table">
                                    <table id="example"
                                        class="stripe row-border order-column datatable_auction custom-data-table"
                                        style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>Topic</th>
                                                <th>Created On</th>
                                                <th>Status</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($topics as $topic)
                                                <tr>
                                                    <td>{{ $topic->name }}</td>
                                                    <td>{{ date('d-m-Y', strtotime($topic->created_at)) }}</td>
                                                    <td>
                                                        @switch($topic->is_active)
                                                            @case(1)
                                                                <a href="javascript:void(0)" data-value="0" data-table="topics"
                                                                    data-message="inactive" data-uuid="{{ $topic->uuid }}"
                                                                    class="badge bg-success changeStatus">Active</a>
                                                            @break

                                                            @case(0)
                                                                <a href="javascript:void(0)" data-value="1"
                                                                    data-uuid="{{ $topic->uuid }}" data-table="topics"
                                                                    data-message="active"
                                                                    class="badge bg-danger changeStatus">Inactive</a>
                                                            @break

                                                            @default
                                                                <a href="javascript:void(0)"
                                                                    class="badge badge-danger text-dark">Deleted</a>
                                                        @endswitch
                                                    </td>
                                                    <td>
                                                        <a href="{{ route('admin.help-support.topic.edit', $topic->uuid) }}"
                                                            class="badge bg-primary"><i
                                                                class="fa-regular fa-pen-to-square"></i></a>
                                                        <a href="javascript:void(0)" data-value="0" data-table="topics"
                                                            data-message="inactive" data-uuid="{{ $topic->uuid }}"
                                                            class="badge bg-danger deleteData"><i
                                                                class="fa-solid fa-trash"></i></a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>


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


    </div>
@endsection
@push('scripts')
   {{--  <script>
        $(document).ready(function() {
            $("#addbranch-btn").click(function() {
                $("#slide-from-right").addClass("show-side-form");
            });

            $("#close-btn").click(function() {
                $("#slide-from-right").removeClass("show-side-form");
            });
        });
    </script> --}}
@endpush