@extends('layouts.app')

@section('content')

<div class="alert alert-danger loaderwowza">
    <p>Videos are synching with wowza server please wait .. </p>
</div>

<section class="content-header" style="margin-bottom:20px">
    <h1>
        Refresh PLive Schedule
    </h1>
</section>
<!-- /.box -->

@if ($message = Session::get('success'))
<div class="alert alert-warning shows-div">
    <p>{{ $message }}</p>
</div>
@elseif ($message = Session::get('failure'))
<div class="alert alert-warning shows-div">
    <p>{{ $message }}</p>
</div>
@endif	

<div class="box">
    <div class="box-header">
        <h3 class="box-title">Refresh Schedule</h3>
        <div class="pull-right">
            <button class="btn btn-success btn-sm pull-right" onclick="window.history.back();">Back</button>
        </div>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <div class="well well-lg" style="height: 300px">
            <div class="col-lg-12 "> 
                <p>Please load schedule after publishing to wowza by copy and paste rtmp path</p>
                <iframe scrolling="no" style="width: 100%; height: 200px;" src="http://admin.msgnaa.info/ModuleScheduleClient/LoadSchedule.html">
                <p>Your browser does not support iframes.</p>
                </iframe>
                <p>rtmp://103.95.132.59:1935/plive</p>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">

    $('.loaderwowza').hide();
    //Watch smil popup
    $(document).on('click', '.watch_smil', function (e) {
        e.preventDefault();

        $('#watchSmil').html($(this).attr('data-src'));
        //$('#add-modal-label').html('pLiveSmil_'+$(this).attr('data-id')+'.smil');
        $('#add-modal-label').html('pLiveSmil.smil');
        $('#modalWatchSmil').modal('show');
    });

    //unpublished button click
    $(document).on('click', '.unpublish', function (e) {
        e.preventDefault();

        var that = $(this);
        $.ajax({
            type: "POST",
            url: '/videos/change_plive_status',
            beforeSend: function () {
                $('.loaderwowza').show();
                $('.unpublish').addClass('disabled');
            },
            data: {"_token": "{{ csrf_token() }}", "id": $(this).data('id'), "status": $(this).data('status'), "channel": $(this).data('channel')},
            success: function (json) {
                if (json.status == 'success') {
                    $('.loaderwowza').hide();

                    $('.unpublish').removeClass('disabled');
                    if (json.message == 'published') {
                        // that.text('Publish');
                        //that.data('status', 'unpublished');
                        //that.removeClass( "btn-danger" ).addClass( "btn-success" );
                    } else if (json.message == 'unpublished') {
                        //that.text('Publish');
                        that.data('status', 'published');
                        //that.removeClass( "btn-success" ).addClass( "btn-danger" );
                    }

                } else if (json.status == 'failure') {
                    //that.css("display", "block");
                }
            }
        });
    });

    //Get data for ABR smil
    $(document).on('click', '.btnABR', function (e) {
        e.preventDefault();

        $('#loading-image').show();
        $.ajax({
            url: '/videos/abr_video_details',
            type: "POST",
            data: {'_token': '{{ csrf_token() }}', 'pliveId': $(this).data('plive_id')},
            success: function (data) {
                $('#loading-image').hide();
            }
        });
    });
</script>
@endsection