@extends('admin.layouts.master')
@section('headerFiles')
    <link rel="stylesheet" type="text/css" href="{{ admin_asset('admin-assets/plugins/table/datatable/datatables.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ admin_asset('admin-assets/plugins/table/datatable/custom_dt_zero_config.css') }}">

@endsection

@section('content')

<div class="container">
    <div class="page-header">
        <div class="page-title">
            <h3>Rating and Reviews List</h3>
        </div>
    </div>

    <div class="row layout-spacing ">

        <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
            <div class="statbox widget box box-shadow">
                <div class="widget-content widget-content-area">
                    <div class="table-responsive mb-4">
                        <table id="zero-config" class="table table-striped table-hover table-bordered" style="width:100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>User Name</th>
                                    <th>Property Name</th>
                                    <th>Ratings</th>
                                    <th>Status</th>
                                    <th>Reviews</th>
                                    <th>Created At</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($rating_reviews as $key => $rating)
                                    <tr>
                                        <td>{{ $key + 1 }}</td>
                                        <td>{{ $rating->users ? $rating->users->name : '' }}</td>
                                        <td>{{ $rating->property ? $rating->property->property_name : '' }}</td>
                                        <td>{{ $rating->ratings }}</td>
                                        <td>
                                            <input type="checkbox" class="check" id="check_{{$key}}" value="{{$rating->id}}" {{$rating->status == 1 ? 'checked' : ''}}>
                                            <label for="check_{{$key}}">
                                                @if($rating->status == 0)
                                                    InActive
                                                @else
                                                    Active
                                                @endif
                                            </label>

                                        </td>
                                        <td>{{ $rating->reviews }}</td>
                                        <td>{{ date('d-m-Y ',strtotime($rating->created_at)) }}</td>
                                    </tr>
                                @endforeach              
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

@endsection

@section('footerJs')
    <script src="{{ admin_asset('admin-assets/plugins/table/datatable/datatables.js') }}"></script>
    <script>
        $('#zero-config').DataTable({
            "language": {
                "paginate": { "previous": "<i class='flaticon-arrow-left-1'></i>", "next": "<i class='flaticon-arrow-right'></i>" },
                "info": "Showing page _PAGE_ of _PAGES_"
            }
        });

    $('.check').on('change', function() {
        var checked = this.checked
        let id = $(this).val();
        if(confirm("Are you sure to change the status")){
            $.ajax({
                type:'POST',
                url:"{{url('admin/toggle_review_status')}}",
                data:{
                    _token:'{{ csrf_token() }}',
                    id:id
                },
                success:function(response){
                    if(response.status == 1){
                        alert(response.message);
                        window.location.reload();
                    }else{
                        alert(response.message);
                    }
                }
            });
        }
    });
    </script>

@endsection