@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">
                    @php
                        $setData = DB::connection('mysql_site_'.session('serverID'))->table('settings')->where('site_id','=',session('siteID'))->get()->first();
                    @endphp
                    <table class="table table-sm table-vcenter">
                        <tbody>
                        <tr>
                            <td style="width:10%">{{ __('general.table_name') }}:</td>
                            <td class="fw-semibold">{{ $appData->name }}</td>
                        </tr>
                        <tr>
                            <td style="width:10%">{{ __('radio.app_detail_version') }}:</td>
                            <td class="fw-semibold">1.0</td>
                        </tr>
                        @if($setData->app_link)
                        <tr>
                            <td style="width:10%">Link Play Store:</td>
                            <td class="fw-semibold"><a href="https://play.google.com/store/apps/details?id={{ $setData->app_link }}" target="_blank">https://play.google.com/store/apps/details?id={{ $setData->app_link }}</a></td>
                        </tr>
                        @endif
                        <tr>
                            <td style="width:10%">AutoPlay:</td>
                            <td class="fw-semibold dynAuto">{{ ($appData->cog_autoplay == 0 ? __('radio.app_no') : __('radio.app_yes')) }}</td>
                        </tr>
                        <tr>
                            <td style="width:25%">{{ __('radio.app_detail_slide_time') }}:</td>
                            <td class="fw-semibold dynSlide">{{ __('radio.settings_seconds',['count' => $appData->cog_slidetime/1000]) }}</td>
                        </tr>
                        <tr>
                            <td colspan="2" class="py-2 ps-2"><button type="button" class="btn btn-sm btn-outline-primary chgSet" data-bs-toggle="modal" data-bs-target="#modalSetApp">{{ __('general.dash_settings_action') }}</button></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </div>


</div>

</div>
</main>

<div class="modal" id="modalSetApp" tabindex="-1" data-bs-backdrop="static">
    <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 hupper">{{ __('radio.app_settings_title') }}</h3>
                </div>
                <div class="block-content fs-sm">

                    <div class="mb-4">
                        <label class="form-label d-block mb-0">Autoplay</label>
                        <small>{{ __('radio.app_autoplay_desc') }}</small>
                        <div class="space-y-2">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" value="1" id="autoplay" name="autoplay" @if($appData->cog_autoplay) checked="" @endif>
                            </div>
                        </div>
                    </div>

                    <div class="mb-4">
                        <label class="form-label d-block mb-0" for="slidetime">{{ __('radio.app_detail_slide_time') }}</label>
                        <small>{{ __('radio.app_slidetime_desc') }}</small>
                        <select class="form-select mt-1" id="slidetime" name="slidetime">
                            <option value="3000" {{ ($appData->cog_slidetime == '3000' ? 'selected' : '') }}>{{ __('radio.settings_seconds',['count' => 3]) }}</option>
                            <option value="5000" {{ ($appData->cog_slidetime == '5000' ? 'selected' : '') }}>{{ __('radio.settings_seconds',['count' => 5]) }}</option>
                            <option value="7000" {{ ($appData->cog_slidetime == '7000' ? 'selected' : '') }}>{{ __('radio.settings_seconds',['count' => 7]) }}</option>
                            <option value="10000" {{ ($appData->cog_slidetime == '10000' ? 'selected' : '') }}>{{ __('radio.settings_seconds',['count' => 10]) }}</option>
                            <option value="15000" {{ ($appData->cog_slidetime == '15000' ? 'selected' : '') }}>{{ __('radio.settings_seconds',['count' => 15]) }}</option>
                        </select>
                    </div>


                </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">{{ __('radio.app_action_cancel') }}</button>
                    <button type="button" class="btn btn-sm btn-primary saveSetApp">{{ __('general.action_save') }}</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>
    var modalSet = bootstrap.Modal.getOrCreateInstance(document.getElementById('modalSetApp'));
$(".saveSetApp").on( "click", function() {
    $.post("{{ route('radio.apps.r.android.doAjax') }}", { autoplay: ($('#autoplay').is(':checked') ? '1' : '0'), slidetime: $('#slidetime').val() })
        .done(function( data ) {
            modalSet.hide();
            if(!data.status){
                Sweetalert2.fire({
                    icon: 'error',
                    title: data.message,
                    showConfirmButton: false,
                    timer: 2500
                });
            }else{
                $('.dynAuto').text(data.val_1);
                $('.dynSlide').text(data.val_2);
                Sweetalert2.fire({
                    icon: 'success',
                    title: 'Configurações salvas com sucesso!',
                    showConfirmButton: false,
                    timer: 2700
                });
            }
        }, "json");
} );
</script>