@extends('layouts.admin')
@section('content')
<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                {{ trans('global.show') }} {{ trans('cruds.broadcast.title') }}
            </div>

            <div class="card-body">
                <div class="form-group">
                    <div class="form-group">
                        <a class="btn btn-default" href="{{ route('admin.broadcasts.index') }}">
                            {{ trans('global.back_to_list') }}
                        </a>
                    </div>
                    <table class="table table-bordered table-striped">
                        <tbody>
                            <tr>
                                <th>
                                    {{ trans('cruds.broadcast.fields.id') }}
                                </th>
                                <td>
                                    {{ $broadcast->id }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.broadcast.fields.start_datetime') }}
                                </th>
                                <td>
                                    {{ $broadcast->start_datetime }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.broadcast.fields.stop_datetime') }}
                                </th>
                                <td>
                                    {{ $broadcast->stop_datetime }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.broadcast.fields.repeat') }}
                                </th>
                                <td>
                                    {{ App\Models\Broadcast::REPEAT_SELECT[$broadcast->repeat] ?? '' }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.broadcast.fields.repeat_number') }}
                                </th>
                                <td>
                                    {{ $broadcast->repeat_number }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.broadcast.fields.image') }}
                                </th>
                                <td>
                                    @if($broadcast->image)
                                    <a href="{{ $broadcast->image->getUrl() }}" target="_blank" style="display: inline-block">
                                        <img src="{{ $broadcast->image->getUrl('thumb') }}">
                                    </a>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.broadcast.fields.content') }}
                                </th>
                                <td>
                                    {{ $broadcast->content }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.broadcast.fields.target') }}
                                </th>
                                <td>
                                    {{ App\Models\Broadcast::TARGET_SELECT[$broadcast->target] ?? '' }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.broadcast.fields.status') }}
                                </th>
                                <td>
                                    {{ App\Models\Broadcast::STATUS_SELECT[$broadcast->status] ?? '' }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.broadcast.fields.count') }}
                                </th>
                                <td>
                                    {{ $broadcast->count }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="form-group">
                        <a class="btn btn-warning" href="{{ route('admin.broadcasts.edit', $broadcast->id) }}">
                            {{ trans('global.edit') }}
                        </a>
                        @can('broadcast_send')
                        <button class="btn btn-danger" data-toggle="modal" data-target="#exampleModal" >
                            Manual Broadcast
                        </button>
                        @endcan
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        @includeIf('admin.broadcasts.relationships.broadcastBroadcastSchedules', ['broadcastSchedules' => $broadcast->broadcastBroadcastSchedules])
    </div>
    <!-- <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                {{ trans('global.systemCalendar') }}
            </div>

            <div class="card-body">
                <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css' />

                <div id='calendar'></div>
            </div>
        </div>
    </div> -->

    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    Anda akan mengirim broadcast ke {{ App\Models\Broadcast::TARGET_SELECT[$broadcast->target] }}. Yakin?
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batalkan</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal" onClick="send();">Ya, Kirim Sekarang</button>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')
@parent
<!-- <script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.js'></script> -->
<script>
    // $(document).ready(function() {
    //     // page is now ready, initialize the calendar...
    //     events = {!!json_encode($events) !!};
    //     $('#calendar').fullCalendar({
    //         // put your options and callbacks here
    //         events: events,
    //     })
    // });

    function send() {
        $.get("{{ route('admin.broadcasts.send', $broadcast->id) }}", function(data, status){
            alert("Broadcast berhasil dikirim!");
            location.reload(true);
        });    
    }
</script>
@stop