@extends('admin.layouts.app')

@section('content')
    <div class="tour-content">
        <h2 class="title float-l">問い合わせ一覧</h2>
    </div>

    @include('admin.layouts.flash-message')
    <div class="scroll">
        <table class="table text-centre">
            <tr>
                <th></th>
                <th>担当者</th>
                <th>サポーター名</th>
                <th>氏名</th>
                <th>フリガナ</th>
                <th>メールアドレス</th>
            </tr>
            @foreach($users as $key => $user)
                <tr class="{{ ($user->last_question->question_type == config('const.question_type_code.from_supporter')) ? 'caution' : '' }}">
                    <td>
                        <ul class="btn-list">
                            <li class="one"> <a href="{{ route("admin.chat.room", ['user_id'=>$user->id]) }}" class="detail">詳細</a> </li>
                        </ul>
                    </td>
                    <td>
                        {{ Form::open(['route' => ['admin.question.update_charger', 'user_id'=>$user->id], 'id' => 'save_charge_' . $user->id,'method' => 'POST']) }}
                        <select name="admin_id" id="admin_id_{{ $user->id }}">
                            <option value="">--</option>
                            @foreach(\App\Service\AdminService::getAllChargers() as $key => $name)
                                <option value="{{ $key }}" {{ $user->last_question->admin_id == $key ? 'selected' : '' }}>{{ $name }}</option>
                            @endforeach
                        </select>
                        <button class="btn-save-charger" data-id="{{$user->id}}">保存</button>
                        {{ Form::close() }}
                    </td>
                    <td>{{ $user->supporter_id }} </td>
                    <td>{{ $user->name }}</td>
                    <td>{{ $user->name_kana }} </td>
                    <td>{{ $user->email }} </td>
                </tr>
            @endforeach
        </table>
        {{ $users->links('vendor.pagination.admin-pagination') }}
    </div>
    {{--
    <div class="scroll">
        <table class="table text-centre">
            <thead>
            <tr>
                <th></th>
                <th>ステータス</th>
                <th>受付日時</th>
                <th>種別</th>
                <th>サポーター名</th>
                <th>氏名</th>
                <th>フリガナ</th>
                <th>メールアドレス</th>
                <th>問い合わせ内容</th>
            </tr>
            </thead>
            <tbody>
            @if($questions->count() > 0)
                @foreach($questions as $key => $question)
                    <tr class="{{ empty($question->response_status) ? 'caution' : '' }}">
                        <td>
                            <ul class="btn-list">
                                <li class="one"> <a href="{{ route("admin.question.edit", ['question'=>$question->id]) }}" class="detail">詳細</a> </li>
                            </ul>
                        </td>
                        <td>{{ config('const.question_status.'.(empty($question->response_status) ? 0 : $question->response_status)) }}</td>
                        <td>{{ Carbon::parse($question->register_date)->format('Y/m/d H:i') }}</td>
                        <td>{{ config('const.question_type.'.$question->question_type) }} </td>
                        <td>{{ is_object($question->supporter) ? $question->supporter->supporter_id : '' }} </td>
                        <td>{{ is_object($question->supporter) ? $question->supporter->name : '' }}</td>
                        <td>{{ is_object($question->supporter) ? $question->supporter->name_kana : '' }} </td>
                        <td>{{ is_object($question->supporter) ? $question->supporter->email : '' }} </td>
                        <td>@php echo nl2br($question->question_content) @endphp</td>
                    </tr>
                @endforeach
            @else
                <tr>
                    <td colspan="9">データが存在しません。</td>
                </tr>
            @endif
            </tbody>
        </table>
    </div>
    --}}
@endsection

@section('page_css')
    <style>
        td select {
            width: 60%;
        }
    </style>
@endsection

@section('page_js')
    <script>
        $(function () {
            $(document).ready(function () {

                $(".btn-save-charger").click(function (e) {
                    e.preventDefault();
                    let user_id = $(this).data('id');
                    var charger_name = $("#admin_id_" + user_id + " option:selected").html();
                    helper_confirm("dialog-confirm", '担当者変更', "担当者を「" + charger_name + "」に変更します。よろしいですか？", 300, "確認", "閉じる", function(){
                        $("#save_charge_" + user_id).submit();
                    });
                });

                $('.question_charger').change(function() {
                    let user_id = $(this).data('user_id');
                    let admin_id = $(this).val();
                    $.ajax({
                        type: "post",
                        url : '{{ route("admin.question.update_charger") }}',
                        data: {
                            'user_id':user_id,
                            'admin_id':admin_id,
                            _token: '