@extends('layouts.admin')
@section('style')
@endsection
@section('content')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb  py-0">
            <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">{{ __('messages.Home') }}</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ __('messages.Ratings') }}</li>
        </ol>
    </nav>
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex justify-content-between">
                        <p>
                            <a class="btn btn-primary" data-bs-toggle="collapse" href="#multiCollapseExample1"
                                role="button" aria-expanded="false"
                                aria-controls="multiCollapseExample1">{{ __('messages.Filter') }} <i class="mdi mdi-filter"
                                    style="font-size: 20px"></i></a>
                        </p>
                        <p>
                            @php
                                $user = \App\Models\User::whereId(request('user_id'))->first();
                            @endphp
                            @if ($user)
                                <span data-input_name="user_id" title="{{ __('messages.Delete') }}"
                                    class="badge bg-success-subtle mt-2  text-success badge_font_size rounded-pill badge_filter_span remove_input_filter">
                                    {{ __('messages.Customer') }} : {{ $user->name }}
                                    <span class="mdi mdi-close-thick"></span>
                                </span>
                            @endif

                        </p>
                    </div>


                </div>
                <div class="card-body collapse multi-collapse" id="multiCollapseExample1">
                    <div class="row">

                        <div class="col-lg-6">
                            <form id="form_filter">
                                <div class="mb-3">
                                    <label for="customer" class="form-label">{{ __('messages.Advisor') }}</label>
                                    <select name="user_id" class="form-select select2" data-toggle="select2" id="customer">
                                        <option value="">--------</option>
                                        @foreach ($users as $user)
                                            <option @selected(request('user_id') == $user->id) value="{{ $user->id }}">
                                                {{ $user->code_country . '' . $user->mobile }} - {{ $user->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                        </div>

                        <div class="col-lg-12">
                            <button type="submit"
                                class="btn btn-primary btn-block col-12">{{ __('messages.Apply filter') }} <i
                                    class="mdi mdi-filter"></i></button>
                        </div>
                        </form>


                    </div>
                    <!-- end row-->
                </div> <!-- end card-body -->
            </div> <!-- end card -->
        </div><!-- end col -->
    </div><!-- end row -->
    <div class="row m-t-10">


        <div class="col-md-12">
            @if (!$rates->count())
                <div class="text-center">
                    <img src="{{ asset('assets/images/empty_data.svg') }}" height="300" width="300">
                </div>
                <div class="text-center h3 text-dark">
                    {{ __('messages.There are no data') }} :(
                </div>
            @else
                <div class="card">
                    <div class="card-body">
                        {{--  <div class="d-flex justify-content-end mb-3">
                    <form action="{{ route('admin.exports.xls.rates') }}" method="POST">
                        @csrf
                        <button type="submit" class="btn btn-info"><i class="mdi mdi-file-excel"></i> <span>Export XLS</span> </button>
                    </form>
                </div>  --}}
                        <div class="table-responsive">

                            <table class="table table-brateed mb-0 table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th>#</th>

                                        <th>{{ __('messages.Advisor') }}</th>
                                        <th>{{ __('messages.Customer') }}</th>
                                        <th>{{ __('messages.Evaluation') }}</th>

                                        <th>{{ __('messages.Actions') }}</th>

                                    </tr>
                                </thead>
                                <tbody class="table-group-divider">
                                    @php
                                        $i = 1;
                                        $skipCount = $rates->perPage() * $rates->currentPage() - $rates->perPage();
                                    @endphp
                                    @foreach ($rates as $rate)
                                        <tr>

                                            <th>{{ $skipCount + $i }}</th>
                                            @php $i++  @endphp
                                            <td>
                                                <a
                                                    href="{{ route('admin.vendors.show' , $rate->to_user_id) }}">
                                                    {{ $rate->to_user->name }}
                                                </a>
                                            </td>
                                            <td>
                                                <a
                                                    href="{{ route('admin.customers.show' , $rate->from_user_id) }}">
                                                    {{ $rate->from_user->name }}
                                                </a>
                                            </td>

                                            <td>
                                                @for ($i = 0; $i < 5; $i++)
                                                    @if ($i < $rate->rate)
                                                        <i class="mdi mdi-star text-primay"></i>
                                                    @else
                                                        <i class="mdi mdi-star-outline text-primay"></i>
                                                    @endif
                                                @endfor
                                            </td>

                                            <td>

                                                        <button  type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#info-header-modal_{{ $rate->id }}">  <span class="mdi mdi-eye"></span></button>



                                                        <button data-bs-toggle="modal" data-bs-target="#danger-alert-modal"  data-message="{{ __('messages.Are you sure to delete permanently ?') }}" data-url="{{ route('admin.rates.delete', $rate->id) }}"   title="{{ __('messages.Delete') }}" type="button" class="tabledit-edit-button btn mx-3 btn-danger btn-action" style="float: none;">
                                                            <span class="mdi mdi-trash-can-outline"></span>
                                                        </button>



                                            </td>
                                        </tr>
                                        <div id="info-header-modal_{{ $rate->id }}" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="info-header-modalLabel" aria-hidden="true">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <div class="modal-header modal-colored-header bg-primary">
                                                        <h4 class="modal-title" id="info-header-modalLabel">{{ __("messages.Details") }}</h4>
                                                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                                                    </div>
                                                    <div class="modal-body">
                                                        {{ $rate->message ?  $rate->message   : __("messages.There are no data") }}
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                                                    </div>
                                                </div><!-- /.modal-content -->
                                            </div><!-- /.modal-dialog -->
                                        </div><!-- /.modal -->
                                    @endforeach


                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            @endif




        </div>
        <div class="mt-2">
            {{ $rates->links() }}
        </div>
    </div>
@endsection

@section('script')
    @include('admin.inc.modal-action')
    <script src="{{ asset('assets/js/requests-user.js') }}"></script>

    <script>
        $(function() {
            $(".remove_input_filter").click(function() {

                var inp_name = $(this).data('input_name');

                $('input[name=' + inp_name + ']  ,  select[name=' + inp_name + ']').val(null)
                $("#form_filter").submit()

            })






        })
    </script>
@endsection