@extends('backend.layouts.app')

@section('content')

	<h2 class="title">問い合わせ一覧</h2>
	@include('backend.layouts.flash-message')
	<div class="subtitleandbtns mt0">
		<p class="add_fieldbtn ma0 non-icon f-right"><a href="{{ route("backend.{$department}.question.create") }}" target="_blank">@if($department == 'parts')新規登録@else 登録 @endif</a></p>
	</div>

    <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">
                @if($department == 'parts')
                    <tr>
                        <th>経路</th>
                        <td>
                            <div class="select-wrap">
                                <label>
                                    <select name="search_params[is_frontend]">
                                        <option value="">--</option>
                                        @foreach(config('const.question_front_type') as $key => $status)
                                            <option value="{{ $key }}" {{ (isset($search_params['is_frontend']) ? $search_params['is_frontend'] : '') == $key ? 'selected' : '' }}>{{ $status }}</option>
                                        @endforeach
                                    </select>
                                </label>
                            </div>
                        </td>
                        <th>受付日時</th>
                        <td colspan="3" style="width: 57.7% !important;">
                            <div class="company">
                                <div class="calendar-wrap">
                                    <label for="">
                                        <input type="text" name="search_params[start_time]" class="datepicker" autocomplete="off" value="{{ isset($search_params['start_time']) ? $search_params['start_time'] : "" }}">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                                </div>
                                <div>〜</div>
                                <div class="calendar-wrap" style="padding-left: 10px !important;">
                                    <label for="">
                                        <input type="text" name="search_params[finish_time]" class="datepicker" autocomplete="off" value="{{ isset($search_params['finish_time']) ? $search_params['finish_time'] : "" }}">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <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>
                            <div class="select-wrap">
                                <label>
                                    <select name="search_params[reception_charge_user]">
                                        <option value="">--</option>
                                        @foreach(\App\Service\UserService::getAllUser(config('const.system_parts_code.parts')) as $key => $user)
                                            <option value="{{ $user->id }}" {{ (isset($search_params['reception_charge_user']) ? $search_params['reception_charge_user'] : '') == $user->id ? 'selected' : '' }}>{{ $user->name_kanji }}</option>
                                        @endforeach
                                    </select>
                                </label>
                            </div>
                        </td>
                        <th>企業名</th>
                        <td>
                            <input type="text" name="search_params[company]" value="{{ isset($search_params['company']) ? $search_params['company'] : "" }}" class="input-text">
                        </td>
                    </tr>
                    <tr>
                        <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>
                            <input type="text" name="search_params[tel]" value="{{ isset($search_params['tel']) ? $search_params['tel'] : "" }}" 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_parts_backend') 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="checkbtn-wrap">
                                @foreach (config("const.question_response_status") as $key=>$status)
                                    <input name="search_params[response_status][]" type="checkbox" class="response_status" id="{{ 'response_status'.$key }}" value="{{ $key }}" {{ ((isset($search_params['response_status']) && is_array($search_params['response_status'])) ? (in_array($key, $search_params['response_status']) ? "checked" : '') : null)  }}>
                                    <label for="{{ 'response_status'.$key }}" class="check_label">{{ $status }}</label>
                                @endforeach
                            </div>
                        </td>
                    </tr>
                @else
                    <tr>
                        <th>受付日時</th>
                        <td colspan="3" style="width: 57.7% !important;">
                            <div class="company">
                                <div class="calendar-wrap">
                                    <label for="">
                                        <input type="text" name="search_params[start_time]" class="datepicker" autocomplete="off" value="{{ isset($search_params['start_time']) ? $search_params['start_time'] : "" }}">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                                </div>
                                <div>〜</div>
                                <div class="calendar-wrap" style="padding-left: 10px !important;">
                                    <label for="">
                                        <input type="text" name="search_params[finish_time]" class="datepicker" autocomplete="off" value="{{ isset($search_params['finish_time']) ? $search_params['finish_time'] : "" }}">
                                    </label>
                                    <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                                </div>
                            </div>
                        </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>
                    </tr>
                    <tr>
                        <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[name]" value="{{ isset($search_params['name']) ? $search_params['name'] : "" }}" class="input-text">
                        </td>
                        <th>連絡先</th>
                        <td>
                            <input type="text" name="search_params[tel]" value="{{ isset($search_params['tel']) ? $search_params['tel'] : "" }}" class="input-text">
                        </td>
                    </tr>
                @endif
            </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 style="max-width: 100% !important;overflow-x: auto;">
        @if($department == 'parts')
        <div class="checkbtn-wrap mb10">
            <input type="checkbox" id="show_finish_work" value="1" {{ (isset($search_params['show_finish_work']) && $search_params['show_finish_work']) ? 'checked' : '' }}>
            <label class="check_label" for="show_finish_work">済含む</label>
        </div>
        @endif
        {{ $params->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}
        <table class="normal type3">
            <thead>
            <tr>
                <th>操作</th>
                <th>経路</th>
                @if($department == 'parts')
                <th>区分</th>
                @endif
                <th>問い合わせ番号</th>
                <th>受付日時</th>
                @if($department == 'truck'|| $department == 'parts')
                    <th>管理番号</th>
                @endif
                <th>受付者</th>
                <th>企業名</th>
                <th>氏名</th>
                <th>連絡先</th>
                @if($department == 'truck' || $department == 'parts' || $department == 'rental')
                <th>受付カテゴリ</th>
                @endif
                <th>受付内容</th>
                @if($department == 'parts')
                <th>対応</th>
                @endif
            </tr>
            </thead>
            <tbody>
            @if ($params->count() > 0)
                @foreach ($params as $param)
                    <tr class="{{ ($department == 'parts' && $param->isColorQuestion()) ? 'st_yellow' : '' }}">
                        <td>
                            <p><a href="{{ route("backend.{$department}.question.edit", ['id'=>$param->id]) }}">詳細</a></p>
                            @if($department == 'parts')
                            <p><a href="{{ route("backend.{$department}.question.create", ['question_id'=>$param->id, 'copy_question'=>1]) }}">複製</a></p>
                            @endif
                            <p><a class="delete_submit" cidx={{ $param->id }}>削除</a></p>
                            <form id="{{ 'frm_delete_'.$param->id }}" action="{{ route("backend.{$department}.question.destroy", ['id'=>$param->id]) }}" method="POST" style="display: none;">
                                @csrf
                                @method('delete')
                            </form>
                        </td>
                        <td>{{ $param->is_frontend == config('const.is_frontend.yes') ? 'サイト' : '直接' }}</td>
                        @if($department == 'parts')
                        <td>{{ config('const.question_class.'.$param->question_class) }}</td>
                        @endif
                        <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>

                        @if($department == 'truck'|| $department == 'parts')
                            <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
                                @if($department == 'parts' && is_object($param->ob_parts()))<br>{{ $param->ob_parts()->parts_name }}@endif
                            </td>
                        @endif

                        <td>{{ isset($param->charger->name_kanji) ? $param->charger->name_kanji : ''}}</td>
                        <td>{{ $param->company }}</td>
                        <td style="word-wrap: break-word;" class="w100 text-wrap">{{ $param->name }}</td>
                        <td>{{ $param->getFullTel() }}</td>
                        <td>{{ config("const.contact_type_{$department}.".$param->category_id) }}</td>
                        <td class="w200" style="text-align: left">
                            {{ Str::limit($param->getFirstContent(),30, '...') }}
                        </td>
                        @if($department == 'parts')
                            <td>{{ config('const.question_response_status.'.(empty($param->response_status) ? 1 : $param->response_status)) }}</td>
                        @endif
                    </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">
@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 src="{{ asset('assets/backend/js/page/question.js') }}?20210201"></script>
	<script>
		$(document).ready(function(){
			$(".delete_submit").click(function() {
				var id = $(this).attr('cidx');
				helper_confirm("dialog-confirm", "削除", '問い合わせを削除します。<br />よろしいですか？', 300, "確認", "閉じる", function(){
                    var frm_id = "#frm_delete_" + id;
                    $(frm_id).submit();
                });
			});

            $("#show_finish_work").click(function () {
                if($(this).prop('checked')){
                    $('input[name="search_params[show_finish_work]"]').val(1);
                    $("#search_form").submit();
                } else {
                    $('input[name="search_params[show_finish_work]"]').val('');
                    $("#search_form").submit();
                }
            });
		})
	</script>
@endsection