@extends('theme.theme_main')

@section('breadcrumb')
{!! Breadcrumbs::render('help-desk.status') !!}
@stop

@section('content_title')
<h1>
    Help Desk Status List
</h1>
@stop

@section('content')
<div class="row">
    <div class="col-xs-12">
        <div class="box">
            <div class="box-body table-responsive no-padding">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th width="45%">Name</th>
                            <th width="10%">Color</th>
                            <th width="10%">Default</th>
                            <th width="15%">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(isset($all_status) && !empty($all_status))
                        @foreach ($all_status as $status)
                        <tr>
                            <td>
                                <a href="{{url('help-desk/status/detail/'.$status['id'])}}">
                                    ({{$status['id']}})
                                    {{$status['name']}}
                                </a>
                            </td>
                            <td>
                                <span class="label label-primary" style="background-color:{{$status['color']}} !important">
                                    {{$status['color']}}
                                </span>
                            </td>
                            <td>
                                @if(!empty($status['default']))
                                <span class="fa fa-check"></span>
                                @endif
                            </td>
                            <td>
                                <div class="btn-group">
                                    <button type="button" class="btn btn-primary btn-xs mark-as-default"
                                            data-id='{{$status['id']}}'
                                            data-name='{{$status['name']}}'>
                                        <i class='fa fa-play-circle-o'></i>
                                        Mark As Default
                                    </button>
                                    <button type="button" class="btn btn-danger btn-xs delete-cron"
                                            data-id='{{$status['id']}}'
                                            data-name='{{$status['name']}}'>
                                        <i class='fa fa-remove'></i>
                                        Delete
                                    </button>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                        @else
                        <tr>
                            <td colspan="99" align='center'>
                                <span class="example">- No Result -</span>
                            </td>
                        </tr>
                        @endif
                    </tbody>
                </table>
            </div><!-- /.box-body -->
        </div><!-- /.box -->
    </div><!-- /.col -->
</div><!-- /.row -->
<a href="{{url('help-desk/status/add')}}" class="btn btn-primary">
    <i class='fa fa-plus-circle'></i>
    Add Status
</a>
<!-- 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(){
    //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+')')
    });
    $('.mark-as-default').click(function(){
        $id = $(this).data('id');
        $name = $(this).data('name');
        $('#alert-message-modal-message').html('Are you sure want to change default: ('+$id+') '+$name);
        $('#alert-message-modal').modal('show');
        $('#process-btn').attr('onclick', 'confirm_mark_as_default('+$id+')')
    });
});
//confirm delete cron job
function confirm_delete(id){
    url = "{{url('/')}}";
    window.location = url+"/help-desk/status/delete/"+id;
}
//confirm run cron job
function confirm_mark_as_default(id){
    url = "{{url('/')}}";
    window.location = url+"/help-desk/status/mark-as-default/"+id;
}
</script>
@stop