@section('title', 'App Android')
@section('head')
    <link rel="stylesheet" href="/assets/js/plugins/sweetalert2/sweetalert2.min.css">
    <link rel="stylesheet" href="/assets/js/plugins/magnific-popup/magnific-popup.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>

            @if($action == 'new')
                    <div class="fs-sm mb-0 ps-4 mt-0 pt-3 pb-2 bg-light"><h4 class="mb-0">{{ __('site.page_ads_new_h1') }}</h4></div>
                    <div class="block-content">
                        <form action="{{ route('radio.apps.r.android.doAds') }}" method="POST" enctype="multipart/form-data">

                            <div class="mb-3 h-width @if (\Session::has('error_name')) erro-inp @endif  ">
                                <label class="form-label" for="val-name">{{ __('site.page_links_new_input_1') }} <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @if (\Session::has('error_name')) is-invalid @endif" id="val-name" name="name" value="{{ old('name') }}" autocomplete="off">
                                @if (\Session::has('error_name')) <div id="msgerror_name" class="form-text text-danger"> {!! \Session::get('error_name') !!} </div> @endif
                            </div>

                            <div class="mb-3 h-width @if (\Session::has('error_url')) erro-inp @endif ">
                                <label class="form-label" for="username">{{ __('site.page_featured_new_input_4') }}</label>
                                <input type="text" class="form-control @if (\Session::has('error_url')) is-invalid @endif " name="url" value="{{ old('url') }}">
                                @if (\Session::has('error_url')) <div id="msgerror_url" class="form-text text-danger"> {!! \Session::get('error_url') !!} </div> @endif
                            </div>


                            <div class="mb-3 h-width @if (\Session::has('error_img')) erro-inp @endif ">
                                <label class="form-label" for="example-file-input">{{ __('site.page_ads_type_0') }}</label>
                                <input class="form-control @if (\Session::has('error_img')) is-invalid @endif " type="file" name="adsImg">
                                @if (\Session::has('error_img')) <div id="msgerror_img" class="form-text text-danger"> {!! \Session::get('error_img') !!} </div> @endif
                                <small class="text-muted fw-bold">{{ __('radio.app_ads_img_size') }}</small>
                            </div>

                        @if($errors->any())
                                <div class="alert alert-danger h-width"> {!! implode('', $errors->all('<div>:message</div>')) !!} </div>
                        @endif

                    </div>
                    <div class="block-content py-2 border-top">
                        <button type="submit" class="btn btn-primary saveBtn">{{ __('general.action_save') }}</button>
                    </div>
                    </form>

            @else

                    <p class="fs-sm mb-0 ps-2 mt-0 pt-1 pb-1 bg-warning-light">
                        {{ __('radio.app_ads_review_warning') }}
                        </br>{{ __('radio.app_ads_tips_text') }} <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#modalTips">{{ __('radio.app_ads_tips_link') }}</a>
                    </p>

                    @if (\Session::has('success'))
                        <div class="alert alert-primary alert-icon alert-dismissible fade show mt-2 mb-0" role="alert">
                            <b>{!! \Session::get('success') !!}</b>
                        </div>
                        @php Session::forget('success'); @endphp
                    @endif

                <div class="block-content p-0">

                    <div class="ps-2 pe-4 pt-2  mb-2 border-bottom border-1 ">
                        <div class="d-md-flex">
                            <div class="flex-grow-1 mb-2">
                                <a href="{{ route('radio.apps.r.android',['ads','new']) }}" class="btn btn-primary">
                                    <i class="fa fa-plus me-1 opacity-50"></i> {{ __('general.action_add') }}
                                </a>
                            </div>
                        </div>
                    </div>


                    @if($allAds->count() == 0)

                        <div class="py-6 text-center"> <i class="fa fa-triangle-exclamation fa-3x d-block mb-2"></i> <strong class="fw-semibold">{{ __('site.page_ads_search_norec') }}</strong></div>

                    @else
                    <table class="table table-hover table-sm table-vcenter mb-3">
                        <thead>
                        <tr>
                            <th class="ps-2" style="width: 50%;">{{ __('general.table_name') }}</th>
                            <th class="text-center" style="width: 10%;">{{ __('site.page_ads_table_2') }}</th>
                            <th class="text-center" style="width: 10%;">{{ __('site.page_ads_table_3') }}</th>
                            <th class="text-center" style="width: 20%;">{{ __('radio.app_status') }}</th>
                            <th class="text-center" style="width: 100px;">&nbsp;</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($allAds as $ads)
                            <tr>
                                <td class="fw-semibold fs-sm ps-2">
                                    {{ $ads->name }}
                                </td>
                                <td class="text-center fs-sm">
                                    @if($ads->approved == '1') {{ ($ads->clicks ? $ads->clicks : '-') }} @else - @endif
                                </td>
                                <td class="text-center fs-sm">
                                    @if($ads->approved == '1') {{ ($ads->clicks && $ads->views > 0 ? number_format($ads->clicks*100/$ads->views,2,",").'%' : '0,00%') }} @else - @endif
                                </td>
                                <td class="text-center fs-sm">
                                   @if($ads->approved == '2')
                                        <span class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-danger text-white">{{ __('radio.app_ads_status_rejected') }}</span>
                                        <button type="button" class="btn btn-xs btn-alt-secondary reasonOpen" data-reason="{{ $ads->reject_reason }}">{{ __('radio.app_ads_view_reason') }}</button>
                                    @elseif($ads->approved == '1')
                                    <span class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-primary text-white">{{ __('site.page_pods_new_input_3_1') }}</span>
                                    @else
                                        <span class="fs-xs fw-semibold d-inline-block py-1 px-3 rounded-pill bg-warning-light text-warning">{{ __('radio.app_ads_status_review') }}</span>
                                    @endif
                                </td>
                                <td class="text-end pe-2 js-gallery">
                                    <a class="btn btn-sm btn-alt-secondary  img-lightbox" href="{{ (session('serverID') == '1' ? '/'.$ads->img : 'https://'.$serverSite->name.'/contents/'.session('siteID').'/ads/'.$ads->img) }}">
                                        <i class="fa fa-fw fa-magnifying-glass-plus"></i>
                                    </a>

                                    <button type="button" class="btn btn-sm btn-danger rmLink" id="{{ $ads->id }}">
                                        <i class="fa fa-fw fa-times"></i>
                                    </button>
                                    <form id="form_delete_{{ $ads->id }}" action="{{ route('radio.apps.r.adsRemove',[$ads->id,'android']) }}" method="POST"><input type="hidden" name="_method" value="DELETE"></form>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                @endif
                </div>
            @endif

            </div>

        </div>
    </div>


</div>

</div>
</main>

<div class="modal" id="reasonModal" tabindex="-1" role="dialog" aria-labelledby="reasonModal" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="block block-rounded block-transparent mb-0">
                <div class="block-header block-header-default">
                    <h3 class="block-title">{{ __('radio.app_ads_reject_title') }}</h3>
                    <div class="block-options">
                        <button type="button" class="btn-block-option" data-bs-dismiss="modal" aria-label="Close">
                            <i class="fa fa-fw fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="block-content fs-sm reasonContent"></div>
                <div class="block-content block-content-full text-end bg-body">
                    <button type="button" class="btn btn-sm btn-primary" data-bs-dismiss="modal">{{ __('site.btn_got') }}</button>
                </div>
            </div>
        </div>
    </div>
</div>




<div class="modal" id="modalTips" tabindex="-1" role="dialog" aria-labelledby="modalTips" aria-hidden="true">
    <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="block block-rounded block-transparent mb-0">
                <div class="block-header block-header-default">
                    <h3 class="block-title">{{ __('radio.app_ads_policies_title') }}</h3>
                    <div class="block-options">
                        <button type="button" class="btn-block-option" data-bs-dismiss="modal" aria-label="Close">
                            <i class="fa fa-fw fa-times"></i>
                        </button>
                    </div>
                </div>
                <div class="block-content fs-sm">
                    <h5 class="mb-2"><i class="fa fa-ban"></i> {{ __('radio.app_ads_forbidden_title') }}</h5>
                    <ul>
                        <li>{{ __('radio.app_ads_forbidden_1') }}</li>
                        <li>{{ __('radio.app_ads_forbidden_2') }}</li>
                        <li>{{ __('radio.app_ads_forbidden_3') }}</li>
                        <li>{{ __('radio.app_ads_forbidden_4') }}</li>
                        <li>{{ __('radio.app_ads_forbidden_5') }}</li>
                        <li>{{ __('radio.app_ads_forbidden_6') }}</li>
                    </ul>
                </div>
                <div class="block-content block-content-full text-end bg-body">
                    <button type="button" class="btn btn-sm btn-alt-secondary me-1" data-bs-dismiss="modal">{{ __('site.btn_got') }}</button>
                </div>
            </div>
        </div>
    </div>
</div>


@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 src="/assets/js/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script>
    One.helpersOnLoad(['jq-magnific-popup']);
    let rmodal = bootstrap.Modal.getOrCreateInstance(document.getElementById('reasonModal'));
    $(".reasonOpen").on('click', function() {
        rmodal.show();
        $(".reasonContent").empty().html('<p class="text-muted">'+$(this).attr('data-reason')+'</p>');
    });


    $('.rmLink').on('click', function( event ) {
        var id = $(this).attr('id');
        Sweetalert2.fire({
            title: 'Deseja realmente remover esta publicidade?',
            showDenyButton: false,
            showCancelButton: true,
            confirmButtonText: 'Remover',
            cancelButtonText: 'Cancelar',
        }).then((result) => {
            if (result.isConfirmed) {
                $("#form_delete_" + id).submit();
            }
        });
    });

</script>