@extends('backend.layouts.app')

@section('title', $data['p_heading'])


@section('content')


    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    <div class="float-left pt-2"><strong>{{ $data['p_heading'] }}</strong></div>
                    {{--<div class="float-right"><button class="btn btn-info" onclick="location.href='{{ route('admin.groups.create') }}';"><i class="fa fa-plus"></i> Create Review</button></div>--}}
                </div><!--card-header-->
                <div class="card-body">



                    @if(sizeof($data['reviews']) > 0)

                            <p>{{ $data['p_description'] }}</p>
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <tbody><tr>
                                        <th width="5%">ID</th>
                                        <th width="15%">Review By</th>
                                        <th width="15%">Product</th>
                                        <th width="30%">Comments</th>
                                        <th width="10%">Rating</th>
                                        <th width="5%">Status</th>
                                        <th width="10%">Date Added</th>
                                        <th width="10%">Actions</th>
                                    </tr>
                                    @foreach($data['reviews'] as $review)
                                        <tr>
                                            <td>{{ $review->id }}</td>
                                            <td>{{ $review->name }}<br><small><em>{{ $review->email }} @if(trim($review->mobile) != null) <br> {{ $review->mobile }} @endif</em></small></td>
                                            <td>{{ $review->product->name }}</td>
                                            <td>{{ $review->comments }}</td>
                                            <td>
                                                @for($i = 1 ; $i <= $review->rating ; $i++)
                                                    <i class="fa fa-star" aria-hidden="true"></i>
                                                @endfor
                                            </td>
                                            <td>@if($review->status == 'Y') <span class="badge badge-success">Active</span> @else <span class="badge badge-warning">In-active</span> @endif</td>
                                            <td>{{ $review->created_at }}</td>
                                            <td>
                                                <a class="btn btn-primary btn-sm" href="{{ route('admin.reviews.edit', $review->id) }}"><i class="fa fa-pencil-alt"></i></a>
                                                <form method="POST" style="display: inline-block" action="{{ route('admin.reviews.destroy', $review->id) }}" onsubmit="return window.confirm('Are you sure, you want to delete this record?');">
                                                    @method('DELETE')
                                                    @csrf
                                                    <button type="submit" class="btn btn-danger btn-sm"><i class="fa fa-trash "></i></button>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>


                            <div class="clearfix">
                                <div class="pagination pagination-sm no-margin pull-right">
                                    {!! $data['reviews']->render() !!}
                                </div>

                            </div>

                    @else
                        <strong>Sorry!</strong>, no groups found.
                    @endif



                </div><!--card-body-->
            </div><!--card-->
        </div><!--col-->
    </div><!--row-->






@stop