@section('title', 'App Android')
@section('head')
    <link rel="stylesheet" href="/assets/js/plugins/sweetalert2/sweetalert2.min.css">
@endsection
@include('includes/header')
@include('includes/topRadio')
<div class="content">

    <div class="row">
        <div class="col-12">
            <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center py-2">
                <div class="flex-grow-1">
                    <h1 class="h3 fw-bold mb-2">
                        App Android
                    </h1>
                </div>
                <nav class="flex-shrink-0 mt-3 mt-sm-0 ms-sm-3" aria-label="breadcrumb">
                    <ol class="breadcrumb breadcrumb-alt push mb-0">
                        <li class="breadcrumb-item">
                            <a href="{{ route('radio.home.r') }}">{{ __('radio.menu_item_1') }}</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="javascript:void(0)">{{ __('radio.menu_item_5') }}</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">{{ __('radio.menu_item_5_sub_2') }}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>

    <div class="row">

        <div class="col-md-2 mb-5">
            @include('radio.menu-apps')
        </div>
        <div class="col-md-10 app-inputs mb-5">

            <div class="block block-rounded">
                <ul class="nav nav-tabs nav-tabs-block align-items-center">
                    <li class="nav-item" role="presentation">
                        <a href="{{ route('radio.apps.r.android') }}" class="nav-link @if(!$page) active @endif"><i class="fa fa-exclamation-triangle me-1"></i> {{ __('general.header_notifications_title') }}</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a href="{{ route('radio.apps.r.android','detail') }}" class="nav-link @if($page == 'detail') active @endif"><i class="fa fa-info-circle me-1"></i> {{ __('radio.app_tab_details') }}</a>
                    </li>
                    <li class="nav-item" role="presentation">
                        <a href="{{ route('radio.apps.r.android','ads') }}" class="nav-link @if($page == 'ads') active @endif"><i class="fa fa-bullhorn me-1"></i> {{ __('site.page_ads_title') }}</a>
                    </li>
                </ul>
                <div class="block-content p-0">

            <div class="alert alert-primary d-none retNotify">{{ __('radio.app_notify_success') }}</div>

            <div class="block block-rounded">
                <div class="block-content">

                    <div class="mb-2">
                        <label class="form-label">{{ __('radio.app_notify_message') }}</label>
                        <textarea class="form-control notifyContent" name="notify_text" rows="4" placeholder="{{ __('radio.app_notify_placeholder') }}"></textarea>
                    </div>

                    <p class="mb-2"><b>{{ __('radio.app_notify_char_limit') }}</b> 250 | <b>{{ __('radio.app_notify_interval') }}</b> {{ __('radio.app_notify_interval_value') }}</p>

                    <div class="mb-3">
                    <button type="button" class="btn btn-primary sendNotify w-100">{{ __('radio.action_send') }}</button>
                    </div>

                </div>
            </div>




        </div>
            </div>


            <div class="row">
                <div class="col-md-12">

                    <div class="block block-rounded">
                        <div class="block-header block-header-default">
                            <h3 class="block-title hupper">
                                {{ __('radio.app_notify_sent_title') }}
                            </h3>
                        </div>
                        <div class="block-content p-0">
                            @if($appNotify->count())
                                <table class="table table-sm table-vcenter">
                                    <thead>
                                    <tr>
                                        <th class="text-center" style="width: 200px;">{{ __('radio.table_datetime') }}</th>
                                        <th class="text-center">{{ __('radio.app_notify_message') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($appNotify as $notify)
                                        <tr>
                                            <td class="text-center">{{ date('d/m/Y H:i:s',strtotime($notify->created_at)) }}</td>
                                            <td class="text-center">{{ $notify->message }}</td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            @else
                                <div class="py-4 text-center">{{ __('radio.msg_no_records') }}</div>
                            @endif
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>






</div>

</div>

</main>


@include('includes/footer')

</div>
<script src="/assets/js/lib/jquery.min.js"></script>
<script src="/assets/js/main.min.js"></script>
<script src="/assets/js/plugins/sweetalert2/sweetalert2.min.js"></script>
<script>
    $(".sendNotify").click(function() {
        if(!$('.notifyContent').val()){

            Sweetalert2.fire({
                icon: 'error',
                text: "É necessário digitar um texto para enviar notificação.",
                confirmButtonText: 'Entendi',
                showConfirmButton: true
            });

        }else{
        $('.sendNotify').prop('disabled',true);
        $.post("{{ route('radio.apps.r.android-notify') }}", { data: $('.notifyContent').val() }, function( data ) {
            if(data.success){
                $('.notifyContent').val('');
                $('.retNotify').removeClass('d-none').fadeIn(700);

                setTimeout(function(){
                    $('.retNotify').fadeOut(700);
                }, 4200);

            }else{
                Sweetalert2.fire({
                    icon: (data.time ? 'warning' : 'error'),
                    html: (data.time ? 'Para o bom uso da ferramenta, poderá enviar notificação novamente em: <b>'+data.time : data.error+'</b>'),
                    confirmButtonText: 'Entendi',
                    showConfirmButton: true
                });
            }
            $('.sendNotify').prop('disabled',false);
        }, "json");
        }
    });
</script>
</body>
</html>