@extends('layouts.admin.app')
@section('content')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    <script src="{{ asset('admin/assets/extra-libs/multicheck/datatable-checkbox-init.js') }}"></script>
    <script src="{{ asset('admin/assets/extra-libs/multicheck/jquery.multicheck.js') }}"></script>
    <script src="{{ asset('admin/assets/extra-libs/DataTables/datatables.min.js') }}"></script>
    <link rel="stylesheet" type="text/css" href="{{ asset('admin/assets/extra-libs/multicheck/multicheck.css') }}">
    <link href="{{ asset('admin/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.css') }}" rel="stylesheet">

    <main id="main" class="main">
        @if( Session::get('permissions.user_type') == 'A' || Session::get('permissions.user_type') == 'SA')
	        <div class="page-breadcrumb">
                <div class="row">
                    <div class="col-12 d-flex no-block align-items-center justify-content-between px-4 mb-2">
                        <h4 class="page-title">Addon Sub Group</h4>
                        <div class="ml-auto text-right">
                            <a href="" class="btn btn-info" title="Bulk Upload Category"><i class="fas fa-upload"></i></a>
                            <a href="" class="btn btn-secondary" title="Bulk Update Category"><i class="fas fa-edit"></i></a>
                            {{--<a href="" class="btn btn-success">ADD Addon Sub Group</a>--}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                                    @if(Session::has('alert-' . $msg))
                                        <h4 class="font-weight-light alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}</h4>
                                    @endif
                                @endforeach
                                <h5 class="card-title">CMS</h5>
                                @if(count($addon_sub) > 0)
                                    <div class="table-responsive">
                                        <table id="zero_config" class="table table-striped table-bordered">
                                            <thead>
                                                <tr>
                                                    <th style="width: 5%"><b>No.</b></th>
                                                    <th style="width: 20%"><b>Name</b></th>
                                                    <th style="width: 15%"><b>Addon Group Id</b></th>
                                                    <th style="width: 15%"><b>Addon Group</b></th>
                                                    <th style="width: 20%"><b>Created At</b></th>
                                                    <th style="width: 6%"><b>Status</b></th>
                                                    <th style="width: 9%">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @php $i=1; @endphp
                                                @foreach($addon_sub as $key => $data)
                                                <tr>
                                                    <td>{{ $i + $key }}</td>
                                                    <td>{{$data->name}}</td>
                                                    <td>{{$data->addon_group_id}}</td>
                                                    <td>{{$data->title}}</td>
                                                    <td>{{date('d-m-Y', strtotime($data->created_at))}}</td>
                                                    <td>
                                                        <label class="switch">
                                                            <input type="checkbox" class="blockstatus" name="stat" id="stat" data-id="{{ base64_encode($data->id) }}" @if($data->is_block == 'N') checked @endif>
                                                            <span class="slider roundsemi"></span>
                                                        </label>
                                                        <label id="status-info-{{ $data->id }}" class="status-stat"></label>
                                                    </td>
                                                    <td >
                                                        <a href="{{ route('admin.addon.addon_sub1_edit', base64_encode($data->id).'?redirect='.urlencode($request->fullUrl())) }}">
                                                            <i class="fas fa-edit"></i>
                                                        </a>
                                                        {{--<a onclick="return confirm('Are you sure you want to delete the Category?')" href="">
                                                            <i class="fas fa-trash-alt"></i>
                                                        </a>
                                                        <a href="" target="_blank">
                                                            <i class="fas fa-eye"></i>
                                                        </a>--}}
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @else
                                    <div class="card">No Data Found...</div>
                                @endif
                                <input type="hidden" name="addon_group_id" value="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif    
    </main><!-- End #main -->

    <script>
        /****************************************
         *       Basic Table                   *
         ****************************************/
        $('#zero_config').DataTable({
            "order": [[5, "desc"]] 
        });

        // $(function(){
        //     setTimeout(function(){ $('.alert').hide(); }, 3000);
        //     var status, id;
        //     $('#zero_config').on('change', '.blockstatus', function() {
        //     //$('.blockstatus').change(function(){

        //         if(this.checked){

        //             status = 'Y';

        //         }else{

        //             status = 'N'

        //         }

        //         id = $(this).attr('data-id');

        //         var ajaxurl = "{{ route('admin.cms.site_cms_status') }}"; 

        //         $.ajax({

        //             type : 'POST',

        //             url : ajaxurl,

        //             data : { 'id' : id, 'status' : status },

        //             headers: {

        //                 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

        //             },

        //             success : function(response){

        //                 response = JSON.parse(response);

        //                 if(response.status == 1){

        //                     $('#status-info-'+response.id).html(response.event).fadeIn(100).delay(1000).fadeOut();

        //                 }

        //             },

        //             error : function(){

        //                 $('.selected_records_data').html('<span class="error-msg text-danger">There was an unexpected error!! Please try again later.</span>');

        //             }

        //         });

        //     });

        // })

    </script>

@endsection