@extends('theme.theme_main')

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

@section('content_title')
<h1>
    Issue 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">
                                    @foreach ((array)$help_desk_all_status as $row)
                                    <option {{Request::input('status')==$row['id']?'selected':''}} value="{{$row['id']}}">
                                        {{$row['name']}}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group col-xs-12 col-md-6">
                            <label for="inputPriority" class="col-sm-2 control-label">Priority</label>
                            <div class="col-sm-10">
                                <select name="status" id="inputPriority" class="form-control">
                                    @foreach ((array)$help_desk_all_priority as $row)
                                    <option {{Request::input('priority')==$row['id']?'selected':''}} value="{{$row['id']}}">
                                        {{$row['name']}}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group col-xs-12 col-md-6">
                            <label for="inputCategory" class="col-sm-2 control-label">Category</label>
                            <div class="col-sm-10">
                                <select name="status" id="inputCategory" class="form-control">
                                    @foreach ((array)$help_desk_all_category as $row)
                                    <option {{Request::input('category')==$row['id']?'selected':''}} value="{{$row['id']}}">
                                        {{$row['name']}}
                                    </option>
                                    @endforeach
                                </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">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Title</th>
                            <th>Category</th>
                            <th>Priority</th>
                            <th>Status</th>
                            <th>Create At</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(isset($all_help_desk['data']) && !empty($all_help_desk['data']))
                            @foreach ($all_help_desk['data'] as $issue)
                            <tr>
                                <td>
                                    <a href="{{url('help-desk/detail/'.$issue['id'])}}">
                                        ({{$issue['id']}})
                                        {{$issue['title']}}
                                    </a>
                                </td>
                                <td>
                                    <span class="label label-primary" style="background-color:{{$help_desk_all_category[$issue['category_id']]['color']}} !important">
                                        {{$help_desk_all_category[$issue['category_id']]['name']}}
                                    </span>
                                </td>
                                <td>
                                    <span class="label label-primary" style="background-color:{{$help_desk_all_priority[$issue['priority_id']]['color']}} !important">
                                        {{$help_desk_all_priority[$issue['priority_id']]['name']}}
                                    </span>
                                </td>
                                <td>
                                    @if(!empty($issue['status_id']))
                                    <span class="label label-primary" style="background-color:{{$help_desk_all_status[$issue['status_id']]['color']}} !important">
                                        {{$help_desk_all_status[$issue['status_id']]['name']}}
                                    </span>
                                    @endif
                                </td>
                                <td>
                                    {{convert_timezone($issue['created_at'])}}
                                </td>
                                <td>
                                    <div class="btn-group">
                                        @if(!Request::has('completed'))
                                        <button type="button" class="btn btn-primary btn-xs mark-as-completed"
                                                data-id='{{$issue['id']}}'
                                                data-name='{{$issue['title']}}'>
                                            <i class='fa fa-play-circle-o'></i>
                                            Mark As Completed
                                        </button>
                                        @endif
                                        <button type="button" class="btn btn-danger btn-xs delete-cron"
                                                data-id='{{$issue['id']}}'
                                                data-name='{{$issue['title']}}'>
                                            <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 class="box-footer clearfix">
                @if(isset($all_help_desk['data']) && !empty($all_help_desk['data']))
                <ul class="pagination pagination-sm no-margin pull-right">
                    <li class="{{empty($all_help_desk['prev_page_url'])?'disabled':''}}">
                                                <a href="{{url('help-desk/all?').http_build_query($http_query)}}">&laquo;</a>
                    </li>
                                                            <li class="{{empty($all_help_desk['next_page_url'])?'disabled':''}}">
                                                <a href="{{url('help-desk/all?').http_build_query($http_query)}}">&raquo;</a>
                    </li>
                </ul>
                @endif
            </div>
        </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+')')
    });
    $('.mark-as-completed').click(function(){
        $id = $(this).data('id');
        $name = $(this).data('name');
        $('#alert-message-modal-message').html('Are you sure want to complete this issue: ('+$id+') '+$name);
        $('#alert-message-modal').modal('show');
        $('#process-btn').attr('onclick', 'confirm_mark_as_completed('+$id+')')
    });
});

//confirm delete cron job
function confirm_delete(id){
    url = "{{url('/')}}";
    window.location = url+"/help-desk/delete/"+id;
}

//confirm run cron job
function confirm_mark_as_completed(id){
    url = "{{url('/')}}";
    window.location = url+"/help-desk/mark-as-complete/"+id;
}
</script>
@stop