@extends('theme.theme_main')

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

@section('content_title')
<h1>
    Help Desk Category 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="15%">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(isset($all_category) && !empty($all_category))
                        @foreach ($all_category as $category)
                        <tr>
                            <td>
                                <a href="{{url('help-desk/category/detail/'.$category['id'])}}">
                                    ({{$category['id']}})
                                    {{$category['name']}}
                                </a>
                            </td>
                            <td>
                                <span class="label label-primary" style="background-color:{{$category['color']}} !important">
                                    {{$category['color']}}
                                </span>
                            </td>
                            <td>
                                <div class="btn-group">
                                    <button type="button" class="btn btn-danger btn-xs delete-cron"
                                            data-id='{{$category['id']}}'
                                            data-name='{{$category['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/category/add')}}" class="btn btn-primary">
    <i class='fa fa-plus-circle'></i>
    Add Category
</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+')')
    });
});
//confirm delete cron job
function confirm_delete(id){
    url = "{{url('/')}}";
    window.location = url+"/help-desk/category/delete/"+id;
}
</script>
@stop