@extends('layouts.app')
@section('title', __('master::lang.master') . ' | Feature Updates')

@section('content')
    @include('master::layouts.nav')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black"> @lang('master::lang.all_updates_messages')
        </h1>
    </section>

    <!-- Main content -->
    <section class="content">
        <div
            class="tw-transition-all lg:tw-col-span-1 tw-duration-200 tw-bg-white tw-shadow-sm tw-rounded-xl tw-ring-1 hover:tw-shadow-md  tw-ring-gray-200">
            <div class="tw-p-4 sm:tw-p-5">
                <div class="tw-flex tw-justify-end tw-gap-2.5">
                    <a class="tw-dw-btn tw-font-bold tw-text-white tw-border-none tw-rounded-2xl pull-right"
                        style="background-color: @if (!empty(session('business.theme_color'))) {{ session('business.theme_color') }} @else{{ '#3498db' }} @endif;"
                        href="{{ action([\Modules\Master\Http\Controllers\FeatureUpdateController::class, 'create']) }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-plus">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                            <path d="M12 5l0 14" />
                            <path d="M5 12l14 0" />
                        </svg> @lang('messages.add')
                    </a>

                </div>
                <div class="tw-flow-root tw-mt-5 tw-border-b tw-border-gray-200">
                    <div class="tw-mx-4 tw--my-2 tw-overflow-x-auto sm:tw--mx-5">
                        <div class="tw-inline-block tw-min-w-full tw-py-2 tw-align-middle sm:tw-px-5">
                            @can('master')
                                <div class="table-responsive">
                                    <table class="table table-bordered table-striped" id="master_feature_updates_table">
                                        <thead>
                                            <tr>
                                                <th>
                                                    @lang('master::lang.whatsapp_messages')
                                                </th>
                                                <th>
                                                    @lang('lang_v1.text')
                                                </th>
                                                <th>
                                                    @lang('lang_v1.type')
                                                </th>
                                               
                                                <th>
                                                    @lang('messages.action')
                                                </th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            @endcan
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- /.content -->

@endsection

@section('javascript')

    <script type="text/javascript">
        $(document).ready(function() {
            master_feature_updates_table = $('#master_feature_updates_table').DataTable({
                processing: true,
                serverSide: true,
                fixedHeader: false,
                ajax: {
                    url: "{{ action([\Modules\Master\Http\Controllers\FeatureUpdateController::class, 'index']) }}",
                },
                
                columns: [{
                        data: 'whatsapp_messages',
                        name: 'whatsapp_messages' 
                    },
                    {
                        data: 'text',
                        name: 'text'
                    },
                    {
                        data: 'type',
                        name: 'type'
                    },
                    {
                        data: 'action',
                       orderable:false
                    },
                ]
            });

            $(document).on('click', 'a.delete_update', function() {
                swal({
                    title: LANG.sure,
                    
                    icon: "warning",
                    buttons: true,
                    dangerMode: true,
                }).then((willDelete) => {
                    if (willDelete) {
                        var href = $(this).data('href');
                     

                        $.ajax({
                            method: 'DELETE',
                            url: href,
                            dataType: 'json',
                            success: function(result) {
                                if (result.success) {

                                    toastr.success(result.msg);
                                    master_feature_updates_table.ajax.reload();
                                } else {
                                    toastr.error(result.msg);

                                }
                            },
                        });
                    }
                });
            });
        });
    </script>

@endsection