@extends('layout.app')
@section('title')
    {{ __('message.notification') }}
@stop


@section('content')
    <!-- Horizontal Wizard -->
    <!-- /Horizontal Wizard -->

    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{ __('message.notification') }}</h2>

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

        <div class="content-body">
            <!-- users edit start -->
            <!-- users edit start -->
            <section class="app-user-edit">
                <div class="card">
                    <div class="card-body">
                        @isset($notifications)
                            @forelse($notifications as $notification)
                                <a href="{{route("app.index")}}?apps_downloader_id={{$notification->apps->name}}">
                        <div class="demo-spacing-0 mb-2">
                            <div class="alert alert-warning" role="alert">
                                <div class="alert-body">
                                    <i data-feather='alert-triangle'></i>
                                    <span> {{$notification->message}}</span><br>
                                    <span>@lang("message.create_date") {{$notification->created_at}}</span>
                                </div>
                            </div>
                        </div>
                                </a>
                            @empty
                                <div class="demo-spacing-0">
                                    <p>@lang("message.no_notification")</p>
                                </div>
                            @endforelse
                        @endisset

                    </div>
                </div>
            </section>
            <!-- users edit ends -->


        </div>
    </div>
@endsection

@section("js")
    <!-- BEGIN: Page Vendor JS-->
    <script src="{{asset("app-assets/vendors/js/forms/select/select2.full.min.js")}}"></script>
    <!-- END: Page Vendor JS-->
    <!-- BEGIN: Page JS-->
    <script src="{{asset("app-assets/js/scripts/forms/form-select2.js")}}"></script>
    <!-- END: Page JS-->
    <script src="{{asset("app-assets/vendors/js/forms/wizard/bs-stepper.min.js")}}"></script>
    <script src="{{asset("app-assets/js/scripts/forms/form-wizard.js")}}"></script>

    <script>
        $("#cat_group").change(function(){
            $("#sub_category ").empty();
            let value =  $(this).val();
            let _url = "{{route("category.get_sub_categories")}}";
            $.ajax({
                type: 'get',
                url: _url,
                data: {"_token": "{{ csrf_token() }}","cat_group": value},
                success: function (resp) {
                    if (resp.success) {
                        var cats = resp.category;
                        if (cats){
                            $.each(cats , function(k, v) {
                                jQuery('#sub_category').append('<option value="'+v.id+'">'+v.name+'</option>');

                            });
                        }
                    } else {
                        swal.fire("sorry!", resp.message, "error");
                    }
                },
                error: function (resp) {
                    swal.fire("Error!", 'Something went wrong.', "error");
                }
            });
        });
    </script>
@endsection