@extends('backend.layouts.app')

@section('content')

	<h2 class="title">問い合わせ一覧</h2>
	@include('backend.layouts.flash-message')

    <div class="search_wrap">
        <h3 class="search_title">検索条件</h3>
        {{ Form::open(['route'=>"backend.{$department}.question.index", 'method'=>'get', 'id'=>'search_form']) }}
        <div class="table-search_wrap">
            <table class="search three_table">
                <tr>
                    <th>管理番号</th>
                    <td>
                        <input type="text" name="search_params[manage_no]" value="{{ isset($search_params['manage_no']) ? $search_params['manage_no'] : "" }}" class="input-text">
                    </td>
                    <th>法人名（顧客名）</th>
                    <td>
                        <input type="text" name="search_params[company]" value="{{ isset($search_params['company']) ? $search_params['company'] : "" }}" class="input-text">
                    </td>
                    <th>問合せ番号</th>
                    <td>
                        <input type="text" name="search_params[question_no]" value="{{ isset($search_params['question_no']) ? $search_params['question_no'] : "" }}" class="input-text">
                    </td>
                    <th>名前</th>
                    <td>
                        <input type="text" name="search_params[name]" value="{{ isset($search_params['name']) ? $search_params['name'] : "" }}" class="input-text">
                    </td>
                    <th>お問い合わせ種別</th>
                    <td>
                        <div class="select-wrap">
                            <label>
                                <select name="search_params[category_id]">
                                    <option value="">--</option>
                                    @foreach(config("const.contact_type_{$department}") as $key => $status)
                                        <option value="{{ $key }}" {{ (isset($search_params['category_id']) ? $search_params['category_id'] : '') == $key ? 'selected' : '' }}>{{ $status }}</option>
                                    @endforeach
                                </select>
                            </label>
                        </div>
                    </td>
                    <th>受付日</th>
                    <td>
                        <div class="company">
                            <div class="calendar-wrap">
                                <label for="">
                                    <input type="text" name="search_params[start_time]" class="datepicker w100" autocomplete="off" value="{{ isset($search_params['start_time']) ? $search_params['start_time'] : "" }}">
                                </label>
                            </div>
                            <div>〜</div>
                            <div class="calendar-wrap" style="padding-left: 10px !important;">
                                <label for="">
                                    <input type="text" name="search_params[finish_time]" class="datepicker w100" autocomplete="off" value="{{ isset($search_params['finish_time']) ? $search_params['finish_time'] : "" }}">
                                </label>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <div class="center-submit center">
            <input type="hidden" name="search_params[show_finish_work]" value="{{ isset($search_params['show_finish_work']) ? $search_params['show_finish_work'] : '' }}">
            <input type="submit" value="検索">
            <input type="button" value="クリア" onclick='location.href="{{ route("backend.{$department}.question.index") }}"'>
        </div>
        {{ Form::close() }}
    </div>
    <div class="hscroll-sp" style="overflow: auto !important;width: 100% !important;height: 700px !important;">
        {{ $params->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}
        <table class="normal type3 question-table">
            <thead>
            <tr>
                <th class="w80">問合せ番号</th>
                <th class="w80">受付登録日時</th>
                <th class="w100">お問い合わせ種別</th>
                <th class="w80">車種</th>
                <th class="w80">管理番号@sortablelink('manage_no', ' ▲▼', ['search_params'=>$search_params])</th>
                <th class="w150">タイトル</th>
                <th class="w90">出発</th>
                <th class="w90">返却</th>
                <th class="w50">個人/法人</th>
                <th class="w90">法人名（顧客名）</th>
                <th class="w100">名前</th>
                <th class="w100">名前カナ</th>
                <th class="w90">メールアドレス</th>
                <th class="w90">電話番号</th>
                <th class="w400">お問い合わせ内容</th>
                <th class="w400">UJ備考</th>
            </tr>
            </thead>
            <tbody>
            @if ($params->count() > 0)
                @foreach ($params as $param)
                    <tr>
                        <td>{{ $param->question_no }}</td>
                        <td>
                            @php
                                if(!empty(Carbon::parse($param->register_date)->format('H')) && empty($param->register_hour)){
                                    $param->register_hour = Carbon::parse($param->register_date)->format('H');
                                    $param->register_minute = Carbon::parse($param->register_date)->format('i');
                                }
                            @endphp
                            {{ isset($param->register_date) ? Carbon::parse($param->register_date)->format('Y.m.d').' '.(($param->register_hour != '' || $param->register_hour != null) ? sprintf('%02d', $param->register_hour).':'.sprintf('%02d', $param->register_minute) : '') : "" }}
                        </td>
                        <td class="text-wrap text-left">{{ config("const.contact_type_{$department}.".$param->category_id) }}</td>
                        <td class="text-left">{{ config("const.rental_car_search_type.".$param->shape_name) }}</td>

                        <td>
                            @if($param->is_frontend == config('const.is_frontend.yes'))
                                {{ $param->manage_no }}
                            @elseif($param->category_id == config('const.contact_type_code.inventory_query'))
                                {{ $param->getFirstMangeNo() }}
                            @endif
                        </td>
                        <td class="text-wrap text-left">{{ $param->question_title }}</td>
                        <td class="text-left">
                            <span>{{ isset($param->loan_date) ? $param->loan_date : '' }}</span>&nbsp;<span>{{ isset($param->loan_time) ? $param->loan_time : '' }}</span>
                            <p>{{ config('const.rental_front_shed_list.'.(isset($param->loan_plan_shed_id) ? $param->loan_plan_shed_id : '')) }}</p>
                        </td>
                        <td class="text-left">
                            <span>{{ isset($param->return_date) ? $param->return_date : '' }}</span>&nbsp;<span>{{ isset($param->return_time) ? $param->return_time : '' }}</span>
                            <p>{{ config('const.rental_front_shed_list.'.(isset($param->return_plan_shed_id) ? $param->return_plan_shed_id : '')) }}</p>
                        </td>
                        <td>{{ config('const.contact_client_type.'.$param->client_type) }}</td>
                        <td class="text-wrap text-left">{{ $param->company }}</td>
                        <td class="text-wrap text-left">{{ $param->name }}</td>
                        <td class="text-wrap text-left">{{ $param->name_kana }}</td>
                        <td class="text-left">{{ $param->email }}</td>
                        <td class="text-left">{{ $param->getFullTel() }}</td>
                        <td class="text-left text-wrap">{{ $param->note }}</td>
                        <td>
                            <textarea data-id="{{ $param->id }}" class="response-content" id="response_content{{ $param->id }}">{{ $param->response_content }}</textarea>
                        </td>
                    </tr>
                @endforeach
            @else
                <tr>
                    <td colspan="11">データが存在しません。</td>
                </tr>
            @endif
            </tbody>
        </table>
        {{ $params->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}
    </div>

	<div id="dialog-confirm" title="test" style="display:none">
        <p>
            <span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>
            <span id="confirm_text">These items will be permanently deleted and cannot be recovered. Are you sure?</span>
        </p>
    </div>

@endsection

@section('page_css')

    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/timepicker/css/timepicker.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/timepicker/css/jquery.timepicker.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/datetimepicker/jquery.datetimepicker.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/backend/css/page/question.css') }}?{{ Carbon::now()->format("YmdHis") }}" rel="stylesheet">
    <style>

        .question-table {
            width: max-content !important;
        }
        .hscroll {
            overflow: auto !important;
            max-height: 700px !important;
        }
        .calendar-wrap label:nth-child(1) {
            width: 150px;
        }
    </style>
@endsection

@section('page_js')

    <script src="{{ asset('vendor/select2/js/select2.min.js') }}"></script>
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script src="{{ asset('vendor/ajaxupload/jquery.ajaxupload.js') }}"></script>

    <script src="{{ asset('vendor/timepicker/js/timepicker.js') }}"></script>
    <script src="{{ asset('vendor/timepicker/js/jquery-timepicker.js') }}"></script>
    <script src="{{ asset('vendor/timepicker/js/jquery.timepicker.js') }}"></script>
    <script src="{{ asset('vendor/datetimepicker/jquery.datetimepicker.js') }}"></script>
	<script>
        const response_finish = "{{ config('const.question_response_status_code.finish') }}";
        $(document).ready(function() {
            $('.response-content').change(function(e) {
                let question_id = $(this).data('id');
                let response_content = $(this).val();
                $.ajax({
                    type: 'post',
                    url: '{{ route("backend.rental.question.save_response_content") }}',
                    data: {
                        'question_id':question_id,
                        'response_content': response_content,
                        _token: '