@extends('layout.base')

@section('action')
    <a href="{{ route('general-information.create') }}" class="btn btn-light-primary btn-sm rounded">
        <i class="fas fa-plus"></i> Add
    </a>
@endsection

@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">
<div class="card card-flush">
    <div class="card-header">
        <div class="card-title flex-column">
            <h3 class="fw-bold mb-1">General Information</h3>
        </div>
    </div>
    <div class="card-body">
        <table class="table table-striped" id="informationTable">
            <thead>
                <tr>
                    <th></th>
                    <th>Title</th>
                    <th>Created at</th>
                </tr>
            </thead>

        </table>
    </div>
</div>
@endsection

@section('scripts')
    <script>
        const InformationUrls = {
            _datatable: "{{ route('general-information.datatable') }}",
        }

        $(document).ready(function() {
            $('#informationTable').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: InformationUrls._datatable,
                    type: 'GET',
                },
                columns: [
                    {
                        data: 'action'
                    },
                    {
                        data: 'title'
                    },
                    {
                        data: 'created_at'
                    },
                ],
            });
        });

        $(document).on('click', '.btn-delete', function() {
            const id = $(this).data('id');

            Swal.fire({
                title: 'Are you sure?',
                text: "This action cannot be undone!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: `/general-information/${id}`,
                        type: 'DELETE',
                        data: {
                            _token: '{{ csrf_token() }}'
                        },
                        success: function(response) {
                            Swal.fire('Deleted!', response.message, 'success');
                            $('#informationTable').DataTable().ajax.reload();
                        },
                        error: function() {
                            Swal.fire('Error!', 'Failed to delete data.', 'error');
                        }
                    });
                }
            });
        });

    </script>
@endsection