@extends('theme.theme_main')

@section('breadcrumb')
{!! Breadcrumbs::render('cron') !!}
@stop

@section('content_title')
<h1>
    Cron List
</h1>
@stop

@section('content')
<div class="row">
    <div class="col-xs-12">
        <div class="box">
            <div class="box-header">
                <h4 class="filter-form-toggle">Filter <i class="fa fa-plus-square"></i></h4>
                <form action="" method="get" class="form-horizontal filter-form">
                    <div class="row">
                        <div class="form-group col-xs-12 col-md-6">
                            <label for="inputStatus" class="col-sm-2 control-label">Status</label>
                            <div class="col-sm-10">
                                <select name="status" id="inputStatus" class="form-control">
                                    <option {{Request::input('status')==''?'selected':''}} value="">- Select Status -</option>
                                    <option {{Request::input('status')=='1'?'selected':''}} value="1">Enabled</option>
                                    <option {{Request::input('status')=='0'?'selected':''}} value="0">Disabled</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group col-xs-12 col-md-12">
                            <div class="" style="text-align: center;">
                                <button type="submit" class="btn btn-danger">Submit</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div><!-- /.box-header -->
            <hr/>
            <div class="box-body table-responsive no-padding">
                        
                @if(isset($all_cron) && !empty($all_cron))
                    @foreach ($all_cron as $category => $sub_cron)
                    <div class="box-header">
                        <h3 class="box-title">{{$category}}</h3>
                    </div>
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th width="45%">Name</th>
                                <th width="15%">Schedule</th>
                                <th width="15%">Last Run</th>
                                <th width="10%">Status</th>
                                <th width="15%">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($sub_cron as $cron)
                            <tr>
                                <td>
                                    <a href="{{url('cron/detail/'.$cron['id'])}}">
                                        ({{$cron['id']}})
                                        {{$cron['name']}}
                                    </a>
                                </td>
                                <td>{{$cron['schedule']}}</td>
                                <td>{{$cron['last_run']}}</td>
                                <td>
                                                                        <span class="label label-{{$color}}">
                                    @if($cron['status'] == 1)
                                        Enabled
                                    @else
                                        Disabled
                                    @endif
                                    </span>
                                </td>
                                <td>
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-primary btn-xs run-cron"
                                                data-id='{{$cron['id']}}'
                                                data-name='{{$cron['name']}}'>
                                            <i class='fa fa-play-circle-o'></i>
                                            Run
                                        </button>
                                        <button type="button" class="btn btn-danger btn-xs delete-cron"
                                                data-id='{{$cron['id']}}'
                                                data-name='{{$cron['name']}}'>
                                            <i class='fa fa-remove'></i>
                                            Delete
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    @endforeach
                @else
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Schedule</th>
                            <th>Last Run</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td colspan="99" align='center'>
                            <span class="example">- No Result -</span>
                        </td>
                    </tr>
                    </tbody>
                </table>
                @endif
                    
            </div><!-- /.box-body -->
        </div><!-- /.box -->
    </div><!-- /.col -->
</div><!-- /.row -->

<!-- modal-->
<div class="modal fade" id="alert-message-modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <p id="alert-message-modal-message"></p>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="process-btn">Yes</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
                </div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
@stop

@section('script')
<script type="text/javascript">
$(document).ready(function(){
    //filter section show hide
    $('.filter-form').hide();
    $('.filter-form-toggle').click(function(){
        if($(this).children('.fa').hasClass('fa-plus-square')){
            $(this).children('.fa').removeClass('fa-plus-square');
            $(this).children('.fa').addClass('fa-minus-square');
        }else{
            $(this).children('.fa').removeClass('fa-minus-square');
            $(this).children('.fa').addClass('fa-plus-square');
        }
        $('.filter-form').toggle();
    });
    
    //modal
    $('.delete-cron').click(function(){
        $id = $(this).data('id');
        $name = $(this).data('name');
        $('#alert-message-modal-message').html('Are you sure want to delete: ('+$id+') '+$name);
        $('#alert-message-modal').modal('show');
        $('#process-btn').attr('onclick', 'confirm_delete('+$id+')')
    });
    $('.run-cron').click(function(){
        $id = $(this).data('id');
        $name = $(this).data('name');
        $('#alert-message-modal-message').html('Are you sure want to run: ('+$id+') '+$name);
        $('#alert-message-modal').modal('show');
        $('#process-btn').attr('onclick', 'confirm_run('+$id+')')
    });
    
});
//confirm delete cron job
function confirm_delete(id){
    url = "{{url('/')}}";
    window.location = url+"/cron/delete/"+id;
}

//confirm run cron job
function confirm_run(id){
    url = "{{url('/')}}";
    window.location = url+"/cron/run/"+id;
}
</script>
@stop