@extends('backend.layouts.app')

@section('content')

    <h2 class="title f-left">問い合わせ【編集】</h2>

    {{ Form::open(["route"=>"backend.{$department}.question.confirm", "method"=>"post"]) }}
        <input type="hidden" name="id" value="{{ $id }}">
        @include('backend.share.question._form')
        <div class="center-submit ">
            <input type="button" value="戻る" onclick='location.href="{{ route("backend.{$department}.question.detail", ["id"=>$id]) }}"'>
            <input type="submit" value="確認">
        </div>
    {{ Form::close() }}
    {{ Form::open(["route"=>["backend.{$department}.question.destroy", 'id'=>$id], "method"=>"delete", "id"=>"delete_form"]) }}
    {{ Form::close() }}

    {{--{{ Form::open(["route"=>"backend.{$department}.vehicle.edit", "method"=>"get", "id"=>"vehicle_detail_submit", "target"=>"_blank"]) }}
        <input type="hidden" name="vehicle" id="submit_vehicle_id">
        <input type="hidden" name="home" value="list_secondhand">
        <input type="hidden" name="tab" value="TAB5">
    {{ Form::close() }}--}}

@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>
        .input-half.input-comma {
            text-align: right !important;
        }


        input:read-only, select:disabled {
            color: black !important;
            opacity: 1;
        }
    </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>
        $(document).ready(function () {
            $("#delete_btn").click(function () {
                helper_confirm("dialog-confirm", "削除", '問い合わせを削除します。<br />よろしいですか？', 300, "確認", "閉じる", function(){
                    $("#delete_form").submit();
                });
            });

            @if(isset($params->id) && $params->id && $params->is_frontend == config('const.is_frontend.yes'))
            $('#question_partner_info_table select, .vehicle_question_part select').each(function() {
                $(this).prop('disabled', true);
                $(this).after('<input type="hidden" name="'+$(this).attr("name")+'" value="'+$(this).val()+'">');
            });
            $("#question_partner_info_table .add_fieldbtn, .vehicle_question_part .search-vehicle").hide();
            $('input[name="sale[body_sub_category]"]').val($(".sale_body_sub_category").val());
            $('input[name="sale[body_mid_category]"]').val($(".sale_body_mid_category").val());
            $('#question_partner_info_table input[type="radio"], .vehicle_question_part input[type="radio"]').each(function () {
                if($(this).attr("name") == 'question_class') {
                    return false;
                }
                $(this).prop('disabled', true);
                if($(this).prop('checked')) {
                    $(this).parent().append('<input type="hidden" name="'+$(this).attr("name")+'" value="'+$(this).val()+'">');
                }
            });
            $('#question_partner_info_table input[type="checkbox"], .vehicle_question_part input[type="checkbox"]').each(function () {
                $(this).prop('disabled', true);
                if($(this).prop('checked')) {
                    $(this).parent().append('<input type="hidden" name="'+$(this).attr("name")+'" value="'+$(this).val()+'">');
                }
            });
            $('#question_partner_info_table textarea, .vehicle_question_part textarea').each(function () {
                $(this).prop('readonly', true);
            });
            $('#question_partner_info_table input[type="text"], .vehicle_question_part input[type="text"],.vehicle_question_part input[type="number"]').each(function () {
                $(this).prop('readonly', true);
            });

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

        $(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: '