@extends('panel.layouts.master')
@section('title','درخواست های پشتیبانی')

@section('content')
    <!-- begin::page loader-->
    @include('panel.layouts.sidebar')
    @include('panel.layouts.header')
    <style>
        .table-bordered td, .table-bordered th {
            text-align: center;
        }
    </style>
    @can('admin')
        <div class="modal fade" id="assign" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="assignTitle">ارجاع درخواست به کارشناس</h5>

                        <button type="button" class="close" data-dismiss="modal" aria-label="بستن">
                            <i class="fa-solid fa-xmark"></i>
                        </button>
                    </div>
                    <div class="modal-body text-center">
                        <form action="{{ route('assignToAdviser') }}" method="post" id="assign-adviser">
                            @csrf
                            <div class="row">
                                <div class="col-12 col-md-12">
                                    <input type="hidden" name="id" id="userRequestId">
                                    <div class="form-group text-left">
                                        <label for="adviser_id">کارشناسان</label>
                                        <select name="adviser_id" id="adviser_id" class="form-control">
                                            @foreach ($advisers as $key => $item)
                                                <option value="{{ $key }}">{{ $item }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">بستن</button>
                        <button class="btn btn-success" form="assign-adviser">تایید</button>
                    </div>
                </div>
            </div>
        </div>
    @endcan
    <section class="creat-shop">
        <main class="main-content">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>ردیف</th>
                                <th>موضوع</th>
                                <th>قبول کردن</th>
                                @can('admin')
                                    <th>وضعیت</th>
                                    <th>کارشناس</th>
                                    <th>ارجاع</th>
                                @endcan
                                <th>نمایش</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($data as $key => $item)
                            @php
                                $status = $item->status;
                                $statusColor = 'warning';
                                if($status == 'adviser_accept'){
                                    $statusColor = 'success';
                                }
                                $statusText = App\Models\UserRequest::STATUS[$status];
                            @endphp
                                <tr>
                                    <td>{{ $data->firstItem() + $key }}</td>
                                    <td>{{ $item->chat->options }}</td>
                                    <td>
                                        <a href="{{ route('acceptRequest',$item->chat->id) }}" class="btn btn-success btn-floating {{ $item->adviser ? 'disabled' : '' }}">
                                            <i class="fas fa-check text-white"></i>
                                        </a>
                                    </td>
                                    @can('admin')
                                        <td><span class="badge badge-{{ $statusColor }}">{{ $statusText }}</span></td>
                                        <td>{{ $item->adviser ? $item->adviser->name : '' }}</td>
                                        <td><button class="btn btn-primary btn-floating assign-to-adviser" data-id="{{ $item->id }}"><i class="fas fa-send"></i></button></td>
                                    @endcan
                                    <td>
                                        <a target="_blank" href="{{ route('chatgpt',['course' => $item->chat->course->id, 'chat' => $item->chat->id]) }}" class="btn btn-warning btn-floating">
                                            <i class="fas fa-message text-white"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div>{{ $data->links() }}</div>
        </main>
    </section>
@endsection
@section('script')
<script>
    setTimeout(() => {
        location.reload()
    }, 10000);

    $('.assign-to-adviser').on('click',function(){
        let self = $(this);
        let id = self.data('id');
        $('#assign').modal('show');
        $('#userRequestId').val(id)
    })
</script>
@endsection