@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>
        <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->reviewable ? $rate->reviewable->name : ''}}</td>
            <td>{{$rate-> rateable ? $rate-> rateable->name:''}}</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.rate.show' , ['id' => $rate->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 () {
        console.log('5555');
            $.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