@extends('backend.layouts.app')

@section('content')

    @if(isset($is_confirm) && $is_confirm)
        @if(isset($params->id) && $params->id)
            <h2 class="title f-left">問い合わせ【確認】</h2>
            {{ Form::open(["route"=>"backend.{$department}.question.update", 'id'=>'frm_question_save']) }}
        @else
            <h2 class="title f-left">問い合わせ【確認】</h2>
            {{ Form::open(["route"=>"backend.{$department}.question.store", 'id'=>'frm_question_save']) }}
        @endif
    @else
        <h2 class="title f-left">問い合わせ【閲覧】</h2>
        <div class="clearfix"></div>
        @include('backend.layouts.flash-message')
    @endif

    <div class="clearfix"></div>
    <div class="hscroll">
        <table class="normal half_table">
            <tr>
                <th>問い合わせ番号</th>
                <td>{{ isset($params->question_no) ? $params->question_no : '' }}</td>
                <th>経路</th>
                <td>{{ config('const.question_front_type.'.((isset($params->is_frontend) && $params->is_frontend) ? $params->is_frontend : config('const.is_frontend.no'))) }}</td>
                <th>受付登録日時<span class="require">※</span></th>
                <td>
                    <div class="company">
                        <div>
                            {{ !empty($params->register_date) ? Carbon::parse($params->register_date)->format('Y.m.d').'　' : '' }}
                        </div>
                        @php
                            if(isset($params) &&is_object($params) && empty($params->register_hour) && empty($params->register_minute)){
                                $params->register_hour = Carbon::parse($params->register_date)->format('H');
                                $params->register_minute = Carbon::parse($params->register_date)->format('i');
                            }
                        @endphp
                        <div>
                            {{ !empty($params->register_hour) ? $params->register_hour.'時' : '' }} {{ !empty($params->register_minute) ? $params->register_minute.'分' : '' }}
                        </div>
                    </div>
                </td>
                <th>受付カテゴリ</th>
                <td>
                    {{ config("const.contact_type_{$department}.".$params->category_id) }}
                </td>
                <th>受付担当<span class="require">※</span></th>
                <td>
                    {{ \App\Service\UserService::getUserName($params->reception_charge_user) }}
                </td>
                <th>対応</th>
                <td>
                    {{ config("const.question_response_status.".$params->response_status) }}
                </td>
            </tr>
            <tr>
                <th>対応内容等</th>
                <td style="width: 85% !important;">{!! nl2br($params->response_content) !!}</td>
            </tr>
        </table>
        <table class="normal half_table">
            <tbody>
            <tr>
                <th>管理番号</th>
                <td>{{ $params->manage_no }}</td>
            <tr/>

            <tr>
                <th>タイトル</th>
                <td>{{ $params->question_title }}</td>
                <th>車種</th>
                <td>{{ config("const.rental_car_search_type.".$params->shape_name) }}</td>

                <th>レンタル期間-出発</th>
                <td>
                    <span>日時:&nbsp;&nbsp;{{ isset($params->loan_date) ? $params->loan_date : '' }}</span>&nbsp;<span>{{ isset($params->loan_time) ? $params->loan_time : '' }}</span>
                    <p>拠点:&nbsp;&nbsp;{{ config('const.rental_front_shed_list.'.(isset($params->loan_plan_shed_id) ? $params->loan_plan_shed_id : '')) }}</p>
                </td>

                <th>レンタル期間-返却</th>
                <td>
                    <span>日時:&nbsp;&nbsp;{{ isset($params->return_date) ? $params->return_date : '' }}</span>&nbsp;<span>{{ isset($params->return_time) ? $params->return_time : '' }}</span>
                    <p>拠点:&nbsp;&nbsp;{{ config('const.rental_front_shed_list.'.(isset($params->return_plan_shed_id) ? $params->return_plan_shed_id : '')) }}</p>
                </td>
            <tr/>

            <tr>
                <th>個人/法人<span class="require">※</span></th>
                <td>
                    {{ config('const.contact_client_type.'.$params->client_type) }}
                </td>
                <th>(法人の場合)会社名</th>
                <td>
                    {{ $params->company }}
                </td>
                <th>お名前<span class="require">※</span></th>
                <td>
                    {{ $params->name }}
                </td>
                <th>お名前(カナ)</th>
                <td>
                    {{ $params->name_kana }}
                </td>
                <th>メールアドレス</th>
                <td>
                    {{ $params->email }}
                </td>
                <th>電話番号</th>
                <td>
                    {{ $params->getFullTel() }}
                </td>
            </tr>
            <tr>
                <th>問い合わせ内容</th>
                <td style="width: 85% !important;">{!! isset($params->note) ? nl2br($params->note) : "" !!}</textarea></td>
            </tr>
            </tbody>
        </table>

    </div>

    <div class="center-submit ">
        @if(isset($is_confirm) && $is_confirm)
            @if(isset($params->id) && $params->id)
                <input type="button" onclick='location.href="{{ route("backend.{$department}.question.edit", ["is_confirm"=>1, "id"=>$params->id]) }}"' class="back_dir_btn" value="戻る">
                <input type="submit" value="更新" class="btn_save_submit">
            @else
                <input type="button" onclick='location.href="{{ route("backend.{$department}.question.create", ["is_confirm"=>1]) }}"' class="back_dir_btn" value="戻る">
                <input type="submit"  class="vehicle_create_submit btn_save_submit"  value="登録">
            @endif
        @else
            <input type="button" onclick='location.href="{{ $return_url }}"' value="一覧へ戻る">
            <input type="button" onclick='location.href="{{ route("backend.{$department}.question.edit", ["id"=>$params->id]) }}"' value="編集">
            @if($department == 'parts')
                <input type="button" value="印刷" onclick='window.open("{{ route("backend.{$department}.question.download_sheet", ["question"=>$params->id]) }}")'>
            @endif
            <input type="button" value="削除" class="f-right red" id="delete_btn">
        @endif
    </div>

    @if(isset($is_confirm) && $is_confirm)
        {{ Form::close() }}
    @endif
    @if(isset($params->id) && $params->id)
    {{ Form::open(["route"=>["backend.{$department}.question.destroy", 'id'=>$params->id], "method"=>"delete", "id"=>"delete_form"]) }}
    {{ Form::close() }}
    @endif

@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">
    <style>

        .question_image {
            display: inline-block;
        }
        .question_image img {
            width: 100px;
        }
        .question_file_table td {
            width: 33% !important;
        }
        textarea:disabled {
            border: none !important;
            background-color: white !important;
            color: #333333 !important;
        }
        .input-half.input-comma {
            text-align: right !important;
        }
        .pl-20 {
            padding-left: 20px;
        }
    </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 src="{{ asset('assets/backend/js/page/question.js') }}?20210201"></script>
    <script src="{{ asset('vendor/datetimepicker/jquery.datetimepicker.full.min.js') }}"></script>
    <script>
        $(function () {
            $(document).ready(function () {

                $(".btn_save_submit").click(function(){
                    $(this).prop('disabled', true);
                    $("#frm_question_save").submit();
                });

                $("#delete_btn").click(function () {
                    helper_confirm("dialog-confirm", "削除", '問い合わせを削除します。<br />よろしいですか？', 300, "確認", "閉じる", function(){
                        $("#delete_form").submit();
                    });
                });
                setTimeout(function() {
                    $(".body_category_box").each(function () {
                        let category = '';
                        $(this).find('select').each(function () {
                            if($(this).val() != '') {
                                category += $(this).find('option:selected').html() + '/';
                            }
                        });
                        if(category.substr(category.length - 1) == '/') {
                            category = category.substring(0, category.length - 1);
                        }
                        $(this).html(category);
                    });
                    $('.select-wrap').each(function () {
                        let value = $(this).find('select option:selected').html();
                        $(this).empty();
                        if(value != '' && value != '--'){
                            $(this).html(value);
                        }
                    });
                }, 2000);
                $('input[type="radio"]').prop('disabled', true);
                $('input[type="checkbox"]').each(function() {
                    if($(this).prop('checked')) {
                        $(this).parent().append($(this).next().html() + ',');
                        $(this).next().remove();
                        $(this).remove();
                    } else {
                        $(this).parent().remove();
                    }
                })
                $('textarea').each(function () {
                    $(this).prop('disabled', true);
                    $(this).attr('placeholder', '');
                });
                $('input[type="text"]').each(function () {
                    let value = $(this).val();
                    $(this).after(value);
                    $(this).remove();
                });
                $('input[type="number"]').each(function () {
                    let value = $(this).val();
                    $(this).after(value);
                    $(this).remove();
                });

                $('.w35per').each(function () {
                    $(this).removeClass('w35per');
                });
                $(".file-wrap label").hide();
            });
        });

        $(document).on('click', '.add_search_condition', function(){
            var tr_count = $('.search-condition-header').length;
            $.ajax({
                type: 'post',
                url: '{{ route("backend.{$department}.question.add_search_condition") }}',
                data: {
                    'index':tr_count,
                    _token: '