@extends('layouts/contentLayoutMaster')

@section('title', 'التقييمات')



@section('content')
<section id="responsive-datatable">

<div class="row">
    <div class="col-12">
        <div class="card">
            <ul class="breadcrumb">
                <li class="breadcrumb-item"><a href="/">لوحة القيادة</a></li>
                <li class="breadcrumb-item" active>قائمة التقييمات  </li>
            </ul>
            <div class="card-header border-bottom">
                <h4 class="card-title">التقييمات </h4>
            </div>
            <div class="card-datatable">
                {{-- <form class="form py-2" action="{{route('users.index')}}" method="get">
                    <div class="col-md-12" style="display:flex;">
                        <div class="col-md-2">
                            <select class="form-control" id="zone_id" name="zone_id" >
                                <option value=""> أختر الادمن </option>
                                @foreach($admins as $admin)
                                    <option value="{{$admin->id}}" @if( $filter['admin_id'] == $admin->id) selected="selected" @endif >{{$admin->name}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <select class="form-control" id="zone_id" name="zone_id" >
                                <option value=""> أختر الفني </option>
                                @foreach($providers as $provider)
                                    <option value="{{$provider->id}}" @if( $filter['provider_id'] == $provider->id) selected="selected" @endif >{{$provider->name}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </form> --}}
                <table id="company_table" class="table table-striped table-bordered" cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>  الطلب </th>
                            <th>  العميل </th>
                            <th>  الفني </th>
                            <th>  الخدمه </th>
                            <th>  المحطة  </th>
                            <th>  تقييم تعامل الفني  </th>
                            <th>  تقييم جودة الخدمة  </th>
                            <th>  تقييم الالتزام بالوقت   </th>
                            <th>  مدي احتمال ان يوصي صديق    </th>
                            <th>  ملاحظات </th>
                            <th>  الوقت </th>
                        </tr>
                    </thead>

                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
</section>


@endsection


@section('page-script')

<script type="text/javascript">
$(document).ready(function () {

    var indexLastColumn = $("#company_table").find('tr')[0].cells.length - 1;
    var company_table = $('#company_table').DataTable({
        ajax: {
            url: "{{ route('ratings.index') }}",
        },
        scrollX: true ,
        "responsive": false, "lengthChange": false, "autoWidth": false,
        "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"] ,
        "columnDefs": [
            {
                "targets": 6 ,
                "orderable": false
            },
             {
                "className": "dt-center",
                "targets": "_all",
                "orderable": true
            },
        ],
        columns: [
            {
                "data": 'DT_RowIndex',
                orderable: true,
            },
            {
                data: 'order'
            },
            {
                data: 'user'
            },
            {
                data: 'provider'
            },
            {
                data: 'package'
            },
            {
                data: 'zone'
            },
            {
                data: 'provider_rate'
            },
            {
                data: 'service_rate'
            }
            ,
            {
                data: 'time_commitment'
            }
            ,
            {
                data: 'order_again'
            }
            ,
            {
                data: 'notes'
            }
            ,
            {
                data: 'created_at'
            }
        ],
         language: {
            url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/ar.json',
        },
        "order": [[indexLastColumn, "desc"]],
    });

    $('#code,#name,#category,#account_type_id,#amount')
        .change(function () {
            company_table.ajax.reload();
        });
});
</script>

@endsection