@php use App\Enums\PermissionEnum; @endphp
@extends('layouts.master')
@section('title', trans('admin.reviews_list'))

@section('vendor-style')
    <link rel="stylesheet" href="{{ asset('admin_assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css') }}"/>
    <link rel="stylesheet"
          href="{{ asset('admin_assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css') }}"/>
    <link rel="stylesheet" href="{{ asset('admin_assets/vendor/libs/select2/select2.css') }}"/>
    <link rel="stylesheet" href="{{ asset('admin_assets/vendor/libs/flatpickr/flatpickr.css') }}"/>
    <link rel="stylesheet" href="{{ asset('admin_assets/vendor/libs/sweetalert2/sweetalert2.css') }}"/>
    <style>
        .select2-results__option, .select2-selection__rendered {
            color: #6f6b7d;
        }
    </style>
@endsection

@section('content')
    @include('layouts._breadcrumb', [
        'list' => [
            ['data' => trans('admin.dashboard'), 'url' => route('admin.landing')],
            ['data' => trans('admin.reviews_list'), 'url' => null],
        ],
    ])

    <div class="card mb-4">
        <div class="card-body">
            <form id="filter_form" class="row g-3">
                <div class="col-md-2">
                    <label class="form-label">{{ trans('admin.client') }}</label>
                    <select name="client_id" class="form-select select2-ajax" data-role="client">
                        <option value="">{{ trans('admin.select_client') }}</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">{{ trans('admin.provider') }}</label>
                    <select name="provider_id" class="form-select select2-ajax" data-role="provider">
                        <option value="">{{ trans('admin.select_provider') }}</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label">{{ trans('admin.order') }}</label>
                    <input type="text" name="order_id" class="form-control"
                           placeholder="{{ trans('admin.order_id') }}"/>
                </div>
                <div class="col-md-2">
                    <label class="form-label">{{ trans('admin.rating') }}</label>
                    <select name="rating" class="form-select select2">
                        <option value="">{{ trans('admin.all') }}</option>
                        @for ($i = 5; $i >= 1; $i--)
                            <option value="{{ $i }}">{{ $i }} {{ trans('admin.stars') }}</option>
                        @endfor
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label">{{ trans('admin.duration') }}</label>
                    <div class="input-group">
                        <input type="text" name="date_from" class="form-control flatpickr"
                               placeholder="{{ trans('admin.from_date') }}"/>
                        <input type="text" name="date_to" class="form-control flatpickr"
                               placeholder="{{ trans('admin.to_date') }}"/>
                    </div>
                </div>
                <div class="col-12 text-end">
                    <button type="button" class="btn btn-primary btn-filter">{{ trans('admin.filter') }}</button>
                    <button type="reset" class="btn btn-label-secondary btn-reset">{{ trans('admin.reset') }}</button>
                    @can(PermissionEnum::REVIEW_EXPORT)
                        <button type="button"
                                class="btn btn-label-success btn-export">{{ trans('admin.export') }}</button>
                    @endcan
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-datatable table-responsive pt-0">
            <table class="datatable table table-bordered table-striped">
                <thead>
                <tr>
                    <th>{{ trans('admin.id') }}</th>
                    <th>{{ trans('admin.client') }}</th>
                    <th>{{ trans('admin.provider') }}</th>
                    <th>{{ trans('admin.order') }}</th>
                    <th>{{ trans('admin.reviewer_role') }}</th>
                    <th>{{ trans('admin.rating') }}</th>
                    <th>{{ trans('admin.comment') }}</th>
                    <th>{{ trans('admin.created_at') }}</th>
                    <th>{{ trans('admin.action') }}</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
@endsection

@section('vendor-script')
    <script src="{{ asset('admin_assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js') }}"></script>
    <script src="{{ asset('admin_assets/vendor/libs/select2/select2.js') }}"></script>
    <script src="{{ asset('admin_assets/vendor/libs/flatpickr/flatpickr.js') }}"></script>
    <script src="{{ asset('admin_assets/vendor/libs/sweetalert2/sweetalert2.js') }}"></script>
@endsection

@section('page-script')
    @include('layouts._datatable', [
        'url' => route('admin.review.index'),
        'header' => trans('admin.reviews_list'),
        'columns' => [
            ['data' => 'id', 'name' => 'id'],
            ['data' => 'client_name', 'name' => 'client.name'],
            ['data' => 'provider_name', 'name' => 'provider.name'],
            ['data' => 'order_id', 'name' => 'order_id'],
            ['data' => 'reviewer_role', 'name' => 'reviewer_role'],
            ['data' => 'rating', 'name' => 'rating'],
            ['data' => 'comment', 'name' => 'comment'],
            ['data' => 'created_at', 'name' => 'created_at'],
            ['data' => 'actions', 'name' => 'actions', 'orderable' => false, 'searchable' => false],
        ]
    ])
    <script>
        $(document).ready(function () {
            flatPickerInitialization($('.flatpickr'), false, 'Y-m-d');
            $(".select2").select2();

            $(".select2-ajax").each(function () {
                var role = $(this).data('role');
                $(this).select2({
                    ajax: {
                        url: "{{ route('admin.app_user.select2') }}",
                        dataType: 'json',
                        delay: 250,
                        data: function (params) {
                            return {
                                q: params.term,
                                role: role
                            };
                        },
                        processResults: function (data) {
                            return {
                                results: data.data,
                                pagination: {
                                    more: data.next_page_url !== null
                                }
                            };
                        },
                        cache: true
                    },
                    placeholder: "{{ trans('admin.select') }}",
                    allowClear: true
                });
            });

            $('.btn-filter').on('click', function () {
                datatable.ajax.reload();
            });

            $('.btn-reset').on('click', function () {
                $('#filter_form')[0].reset();
                $('.select2, .select2-ajax').val(null).trigger('change');
                datatable.ajax.reload();
            });

            $('.btn-export').on('click', function () {
                var query = $('#filter_form').serialize();
                window.location.href = "{{ route('admin.review.export') }}?" + query;
            });
        });
    </script>
    @include('layouts._delete')
@endsection