@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>
                <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>{{$rate->user ? $rate->user->name : ''}}</td>
                        <td>{{$rate->seconduser_id}}</td>
                        <td>{{$rate->order_id}}</td>
                        <td>{{Str::words($rate->comment, 10)}}</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>
        var Export = 'Rates';
    </script>
    <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