@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">新規登録</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">
                <tr>
                    <th>対応</th>
                    <td>
                        <div class="select-wrap">
                            <label>
                                <select name="search_params[response_status][]">
                                    <option value="all">--</option>
                                    @foreach (config("const.question_response_status") as $key=>$status)
                                        <option value="{{ $key }}" {{ ((isset($search_params['response_status']) && is_array($search_params['response_status'])) ? (in_array($key, $search_params['response_status']) ? "selected" : '') : null)  }}>{{ $status }}</option>
                                    @endforeach
                                </select>
                            </label>
                        </div>
                    </td>
                    <th>受付日</th>
                    <td>
                        <div class="company">
                            <div class="calendar-wrap">
                                <label for="" style="width: 120px !important;">
                                    <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="" style="width: 120px !important;">
                                    <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[company]" value="{{ isset($search_params['company']) ? $search_params['company'] : "" }}" class="input-text">
                    </td>
                </tr>
                <tr>
                    <th>対応担当</th>
                    <td>
                        <div class="select-wrap">
                            <label>
                                <select name="search_params[response_charge_user]">
                                    <option value="">--</option>
                                    @foreach(\App\Service\UserService::getAllUser(config('const.system_parts_code.'.$department)) as $key => $user)
                                        <option value="{{ $user->id }}" {{ (isset($search_params['response_charge_user']) ? $search_params['response_charge_user'] : '') == $user->id ? 'selected' : '' }}>{{ $user->name_kanji }}</option>
                                    @endforeach
                                </select>
                            </label>
                        </div>
                    </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.'.$department)) 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[name]" value="{{ isset($search_params['name']) ? $search_params['name'] : "" }}" class="input-text">
                    </td>
                </tr>
                <tr>
                    <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>
                </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 style="max-width: 100% !important;overflow-x: auto;">
        {{ $params->appends(['search_params'=>$search_params, 'sort'=>Request::input('sort'), 'direction'=>Request::input('direction')])->links('vendor.pagination.admin-pagination') }}
        <table class="normal type3">
            <thead>
            <tr>
                <th>操作</th>
                <th>対応</th>
                <th>対応担当</th>
                <th>問合せ番号</th>
                <th>受付登録日時@sortablelink('registered_at', '▲▼', ['search_params'=>$search_params])</th>
                <th>受付カテゴリ</th>
                <th>折り返し電話</th>
                <th>会社名（顧客名）</th>
                <th>名前</th>
            </tr>
            </thead>
            <tbody>
            @if ($params->count() > 0)
                @foreach ($params as $param)
                    <tr>
                        <td>
                            <p><a href="{{ route("backend.{$department}.question.detail", ['id'=>$param->id]) }}">閲覧</a></p>
                        </td>
                        <td class="{{ config('const.question_response_status_class.'.((empty($param->response_status) ? config('const.question_response_status_code.not') : $param->response_status))) }} text-left">{{ config('const.question_response_status.'.(empty($param->response_status) ? config('const.question_response_status_code.not') : $param->response_status)) }}</td>
                        <td>{{ isset($param->response_charger->name_kanji) ? $param->response_charger->name_kanji : ''}}</td>
                        <td>{{ $param->question_no }}</td>
                        <td class="text-left">
                            @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-left">{{ $param->category_id != config('const.contact_type_code.m_etc') ?  config("const.contact_type_{$department}.".$param->category_id) : $param->category_etc }}</td>
                        <td class="text-left">{{ config("const.moritis_question_response_call.".$param->moritis_response_call) }}</td>
                        <td class="text-left">{{ $param->company }}</td>
                        <td class="w120 text-wrap text-left">{{ $param->name }}</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>
    </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') }}";
	</script>
    <script src="{{ asset('assets/backend/js/page/question.js') }}?{{ Carbon::now()->format('YmdHis') }}"></script>
@endsection