@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/vendors/css/tables/datatable/datatables.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/vendors/css/tables/datatable/extensions/dataTables.checkboxes.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/css-rtl/pages/data-list-view.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/css-rtl/core/colors/palette-gradient.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/vendors/css/pickers/pickadate/pickadate.css')}}">
@endsection

@section('content')
    <x-admin.table filter="true">
        <x-slot name="tableHead">
            <th>
                <label class="container-checkbox">
                    <input type="checkbox" value="value1" name="name1" id="checkedAll">
                    <span class="checkmark"></span>
                </label>
            </th>
            <th>{{awtTrans('التاريخ')}}</th>
            <th>{{awtTrans('العميل')}}</th>
            <th>{{awtTrans('التعليق')}}</th>
            <th>{{awtTrans('التقييم')}}</th>
            <th>
                {{awtTrans('اظهار او اخفاء')}}
            </th>
            <th>{{awtTrans('التحكم')}}</th>
        </x-slot>
        <x-slot name="tableBody">
            @foreach($rates as $rate)
                <tr class="delete_row">
                    <td class="text-center">
                        <label class="container-checkbox">
                            <input type="checkbox" class="checkSingle" id="{{$rate->id}}">
                            <span class="checkmark"></span>
                        </label>
                    </td>
                    <td>{{\Carbon\Carbon::parse($rate->created_at)->format('d/m/Y')}}</td>
                    <td>{{$rate->user->name}}</td>
                    <td>{{$rate->comment}}</td>
                    <td>{{$rate->rate}}</td>
                    <td>
                        @if($rate->showOrhide == 1)
                            <span class="btn btn-sm round btn-outline-primary change-status" data-date="{{$rate->showOrhide}}" data-status="closed" data-id="{{$rate->id}}">
                                    {{awtTrans('ظاهره')}}
                                </span>
                        @elseif($rate->showOrhide == 0)
                            <span class="btn btn-sm round btn-outline-danger change-status" data-date="{{$rate->showOrhide}}" data-status="closed" data-id="{{$rate->id}}">
                                    {{awtTrans('مخفية')}}   <i class="feather icon-slash"></i>
                                </span>
                        @endif
                    </td>


                    <td class="product-action">
                        {{--                            <span class="text-primary"><a href="{{route('admin.coupons.show' , ['id' => $row->id])}}"><i class="feather icon-eye"></i></a></span>--}}
                        <span class="delete-row text-danger" data-url="{{url('admin/rate/'.$rate->id)}}"><i class="feather icon-trash"></i></span>
                    </td>
                </tr>
            @endforeach
        </x-slot>
    </x-admin.table >
    {{-- #table --}}

@endsection

@section('js')
    <script src="{{asset('admin/app-assets/vendors/js/tables/datatable/datatables.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/tables/datatable/datatables.buttons.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/tables/datatable/pdfmake.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/tables/datatable/buttons.html5.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/tables/datatable/buttons.print.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/tables/datatable/buttons.bootstrap.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/tables/datatable/datatables.bootstrap4.min.js')}}"></script>
    <script src="{{asset('admin/datatable_custom.js')}}"></script>
    <script src="{{asset('admin/search.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/js/scripts/extensions/sweet-alerts.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/pickers/pickadate/picker.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/pickers/pickadate/picker.date.js')}}"></script>
    <script src="{{asset('admin/app-assets/js/scripts/pickers/dateTime/pick-a-datetime.js')}}"></script>
    <script>
        $(document).on('click' , '.change-status', function () {
            $.ajax({
                type: "POST",
                url: "{{route('admin.rate.update')}}",
                data: {status : $(this).data('date') , id : $(this).data('id') },
                dataType: "json",
                success:  (response)=> {
                    $(this).parent().html(response.html)
                    Swal.fire({
                        position: 'top-start',
                        type: 'success',
                        title: response.message,
                        showConfirmButton: false,
                        timer: 1500,
                        confirmButtonClass: 'btn btn-primary',
                        buttonsStyling: false,
                    })
                }
            });
        });
    </script>

    {{-- delete one user script --}}
    @include('admin.shared.deleteOne')
    {{-- delete one user script --}}
@endsection