@extends('theme.theme_main')

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

@section('content_title')
<h1>
    Announcement 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')=='active'?'selected':''}} value="1">Active</option>
                                    <option {{Request::input('status')=='inactive'?'selected':''}} value="0">Inactive</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">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Title</th>
                            <th>Start Date</th>
                            <th>End Date</th>
                            <th width='20%'>Status</th>
                            <th width='20%'>Created At</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(isset($all_announcement['data']) && !empty($all_announcement['data']))
                            @foreach ($all_announcement['data'] as $temp_announement)
                            <tr>
                                <td>
                                    <a href="{{url('announcement/update/'.$temp_announement['id'])}}">
                                        ({{$temp_announement['id']}})
                                        {{$temp_announement['name']}}
                                    </a>
                                </td>
                                <td>
                                    {{$temp_announement['start_date']}}
                                </td>
                                <td>
                                    {{$temp_announement['end_date']}}
                                </td>
                                <td>
                                                                        <span class="label label-{{$color}}">
                                        {{ucfirst($temp_announement['status'])}}
                                    </span>
                                </td>
                                <td>
                                    {{$temp_announement['created_at']}}
                                </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_announcement['data']) && !empty($all_announcement['data']))
                <ul class="pagination pagination-sm no-margin pull-right">
                    <li class="{{empty($all_announcement['prev_page_url'])?'disabled':''}}">
                                                <a href="{{url('announcement/all?').http_build_query($http_query)}}">&laquo;</a>
                    </li>
                                                            <li class="{{empty($all_announcement['next_page_url'])?'disabled':''}}">
                                                <a href="{{url('announcement/all?').http_build_query($http_query)}}">&raquo;</a>
                    </li>
                </ul>
                @endif
            </div>
        </div><!-- /.box -->
    </div><!-- /.col -->
</div><!-- /.row -->
@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();
    });
});
</script>
@stop