@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.schedule.title') }}
            </div>

            <div class="card-body">
                <div class="form-group">
                    <div class="form-group">
                        <a class="btn btn-default" href="{{ route('admin.schedules.index') }}">
                            {{ trans('global.back_to_list') }}
                        </a>
                    </div>
                    <table class="table table-bordered table-striped">
                        <tbody>
                            <tr>
                                <th>
                                    {{ trans('cruds.schedule.fields.id') }}
                                </th>
                                <td>
                                    {{ $schedule->id }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.schedule.fields.start_datetime') }}
                                </th>
                                <td>
                                    {{ $schedule->start_datetime }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.schedule.fields.stop_datetime') }}
                                </th>
                                <td>
                                    {{ $schedule->stop_datetime }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.schedule.fields.repeat') }}
                                </th>
                                <td>
                                    {{ App\Models\Schedule::REPEAT_SELECT[$schedule->repeat] ?? '' }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.schedule.fields.repeat_number') }}
                                </th>
                                <td>
                                    {{ $schedule->repeat_number }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.schedule.fields.command') }}
                                </th>
                                <td>
                                    {{ $schedule->command }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.schedule.fields.tag') }}
                                </th>
                                <td>
                                    @foreach($schedule->tags as $key => $tag)
                                        <span class="label label-info">{{ $tag->name }}</span>
                                    @endforeach
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.schedule.fields.status') }}
                                </th>
                                <td>
                                    {{ App\Models\Schedule::STATUS_SELECT[$schedule->status] ?? '' }}
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    {{ trans('cruds.schedule.fields.count') }}
                                </th>
                                <td>
                                    {{ $schedule->count }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="form-group">
                        <a class="btn btn-warning" href="{{ route('admin.schedules.edit', $schedule->id) }}">
                            {{ trans('global.edit') }}
                        </a>
                        @can('schedule_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.schedules.relationships.scheduleItems', ['scheduleItems' => $schedule->scheduleItems])
    </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">Manual Schedule</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    You will execute command manually. Are you sure?
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal" onClick="send();">Yes, Execute Manually</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() {
        alert("send manual command")   
    }
</script>
@stop