@section('title', (isset($contact['is_rental']) && $contact['is_rental']) ? 'お問い合わせ' : 'お問い合わせ')

@section('content')
    <main>
        <div id="mv" class="sell">
            <h1>{{ (isset($contact['is_rental']) && $contact['is_rental']) ? 'お問い合わせ' : 'お問い合わせ' }}</h1>
        </div>
        <article id="privacy">
            <div class="w1200">
                <div class="text-top">
                    {{--
                    @if($_fb_department == 'truck')
                        <p class="contact-search"><a href="{{ route('frontend.truck.custom_search.index') }}"><img src="{{ asset("assets/frontend/{$_fb_department}/img/pic/contact/search.jpg") }}" alt="ご希望の車両をお探しします！サイトで見つからない方は、こちらからお問い合わせください。"></a></p>
                    @endif
                    --}}
                    @if(isset($contact['is_rental']) && $contact['is_rental'])
                    <p class="contact-search">
                        ご希望の車両の掲載がない場合も、全国からご希望車両を全力でお探しいたします。<br>
                        お手数ではございますが以下フォームよりお問い合わせください。
                    </p>
                    @endif
                    <div class="contact_flow">
                        <ul>
                            <li class="active"><span>Step.1</span>お問い合わせ内容の入力</li>
                            <li><span>Step.2</span>入力内容のご確認</li>
                            <li><span>Step.3</span>送信完了</li>
                        </ul>
                    </div>
                    {{ Form::open(["route"=>"frontend.{$_fb_department}.contact.check", "method"=>"post"]) }}

                    @if($_fb_department == 'rental')
                        <input type="hidden" name="is_rental" value="1">
                    @endif
                    <table class="contact-table">
                        @php
                            $class_name = '';
                        @endphp
                        @if(is_object($obj_about))

                            <tr>
                                <th>管理番号</th>
                                <td>
                                    @switch(class_basename($obj_about))
                                        @case('Vehicle')
                                            @php
                                                $edit_manage_no = false;
                                                if($_fb_department == 'rental') {
                                                    if(old('shape_name', isset($contact['shape_name']) ? $contact['shape_name'] : '') == config('const.contact_search_type_code.etc') || old('category_id', isset($contact['category_id']) ? $contact['category_id'] : '') == config('const.contact_type_code.inventory_query')) {
                                                        $edit_manage_no = true;
                                                    }
                                                }
                                            @endphp
                                            <p id="v_manage_no" class="{{ $edit_manage_no ? 'hide' : '' }}">{{ is_object($obj_about->vehicle_hp_publish) ? $obj_about->getManageNoForFront() : '' }}</p>
                                            <input type="hidden" id="h_manage_no" name="manage_no" {{ $edit_manage_no ? 'disabled' : '' }} value="{{ is_object($obj_about->vehicle_hp_publish) ? $obj_about->getManageNoForFront() : '' }}">
                                            @if($_fb_department == 'rental')
                                                <input type="text" id="r_manage_no" name="manage_no" class="{{ $edit_manage_no ? '' : 'hide' }}" {{ $edit_manage_no ? '' : 'disabled' }} value="{{ old('manage_no', is_object($obj_about->vehicle_hp_publish) ? $obj_about->getManageNoForFront() : '') }}">
                                            @endif
                                            @break
                                        @case('Parts')
                                            <p>{{ str_replace('OP', '', $obj_about->parts_code) }}</p>
                                            <input type="hidden" name="manage_no" value="{{ $obj_about->parts_code }}">
                                            @break
                                    @endswitch
                                    @php
                                        $class_name = class_basename($obj_about);
                                    @endphp
                                    <input type="hidden" name="id" value="{{ $obj_about->id }}">
                                    <input type="hidden" name="class_name" value="{{ class_basename($obj_about) }}">
                                    @error('manage_no')
                                    <br/><span class="must_contact">{{ $message }}</span>
                                    @enderror
                                </td>
                            </tr>

                            @if($_fb_department == 'rental')
                                <tr>
                                    <th>タイトル</th>
                                    <td>
                                        <p>{{ old('question_title', isset($contact['question_title']) ? $contact['question_title'] : '') }}</p>
                                        <input type="hidden" name="question_title" value="{{ old('question_title', isset($contact['question_title']) ? $contact['question_title'] : '') }}">
                                    </td>
                                </tr>
                            @endif
                        @else
                            @if($_fb_department == 'rental')
                                <tr class="rental-manage-no hide">
                                    <th>管理番号</th>
                                    <td>
                                        <input type="text" id="rental_manage_no" name="manage_no" value="{{ old('manage_no', isset($contact['manage_no']) ? $contact['manage_no'] : '') }}">
                                        @error('manage_no')
                                        <br/><span class="must_contact">{{ $message }}</span>
                                        @enderror
                                    </td>
                                </tr>
                            @endif
                        @endif
{{--                        @if(isset($contact['is_rental']) && $contact['is_rental'])--}}
{{--                            @include('frontend.share.contact.form._p_rental')--}}
{{--                        @else--}}
{{--                            @include('frontend.share.contact.form._p_input')--}}
{{--                        @endif--}}

                        @include('frontend.share.contact.form._p_input')
                    </table>
                    <div class="submit_btn">
                        <label class="" for="">
                            <input type="submit" id="submit_button" name="" value="入力内容を確認する" class="gradation">
                        </label>
                    </div>
                    <input type="hidden" name="m" id="m" value="con"/>
                    {{ Form::close() }}
                </div>
            </div>
        </article>
    </main>

    <link href="{{ asset('vendor/dropzone/dropzone.css') }}?20201006" rel="stylesheet">
    <style>

        .warn-letter {
            color: red !important;
            padding-left: 20px;
        }
        .br-letter {
            font-weight: bold;
        }
        input.purchase_time_year {
            width: 80%;
            margin-right: 5px !important;
        }
        #question_manage_no input {
            display: inline-block;
        }
        .pl-30 {
            padding-left: 30px !important;
        }
        .input-comma.input-half {
            text-align: right;
        }
        .mt5 {
            margin-top: 5px ;
        }
        .w100 {
            width: 100px !important;
        }
        .w200 {
            width: 200px !important;
        }
        #addition_file_img1 {
            width: 100px;
            vertical-align: middle;
        }
        #addition_file_img2 {
            width: 100px;
            vertical-align: middle;
        }
        .company {
            display: table;
            width: auto;
        }
        .company>div {
            display: table-cell;
            padding: 5px 0px 0px 0px;
            width: auto;
            vertical-align: middle;
        }
        .company .select-wrap label {
            width:90% !important;
        }
        .select-wrap select {
            padding: 10px !important;
        }
        input[type=checkbox] {
            display: none;
            /* checkboxを非表示にする */
        }
        .check_label {
            position: relative;
            /* ボックスの位置を指定する */

            padding: 0px 10px 0 26px;
            /* ボックス内側の余白を指定する */

            line-height: 200%;
        }
        .check_label:after {
            position: absolute;
            /* ボックスの位置を指定する */

            content: "";
            /* ボックスのコンテンツ */

            display: block;
            /* ブロックレベル要素化する */

            top: 50%;
            /* 上部から配置の基準位置を決める */

            left: 0px;
            /* 左から配置の基準位置を決める */

            margin-top: -10px;
            /* チェック枠の位置 */

            width: 20px;
            /* ボックスの横幅を指定する */

            height: 15px;
            /* ボックスの高さを指定する */

            border: 2px solid #aaaaaa;
            /* ボックスの境界線を実線で指定する */

            border-radius: 3px;
            /* ボックスの角丸を指定する */
        }
        .check_label:hover:after {
            border-color: #0171bd;
            /* ボックスの境界線を実線で指定する */
        }
        .check_label:after,
        .check_label:before {
            position: absolute;
            /* ボックスの位置を指定する */

            content: "";
            /* ボックスのコンテンツ */

            display: block;
            /* ブロックレベル要素化する */

            top: 50%;
            /* 上部から配置の基準位置を決める */
        }
        .check_label:after {
            left: 0px;
            /* 左から配置の基準位置を決める */

            margin-top: -10px;
            /* チェック枠の位置 */

            width: 15px;
            /* ボックスの横幅を指定する */

            height: 15px;
            /* ボックスの高さを指定する */

            border: 2px solid #ccc;
            /* ボックスの境界線を実線で指定する */

            border-radius: 3px;
            /* ボックスの角丸を指定する */
        }
        .check_label:before {
            left: 5px;
            /* 左から配置の基準位置を決める */

            margin-top: -7px;
            /* チェックマークの位置 */

            width: 5px;
            /* ボックスの横幅を指定する */

            height: 9px;
            /* ボックスの高さを指定する */

            border-right: 3px solid #0171bd;
            /* 境界線（右）のスタイルを指定する */

            border-bottom: 3px solid #0171bd;
            /* 境界線（下）のスタイルを指定する */

            transform: rotate(45deg);
            /* 要素を回転させる */

            opacity: 0;
            /* 要素を透過指定する */
        }
        input[type=checkbox]:checked+.check_label:before {
            opacity: 1;
            /* 要素を表示する */
        }
        .file-wrap label {
            border: 1px solid #888888;
            padding: 5px;
            color: #888888;
            display: inline-block;
            border-radius: 5px;
            cursor: pointer;
            font-size: 12px;
            min-width: 76px;
        }
        .file-wrap label.minus {
            text-align: center !important;
            min-width: 50px !important;
        }
        .dropzone {
            border: none !important;
            min-height: 0 !important;
            padding: 0 !important;
        }
        .dropzone .dz-message {
            display: none !important;
        }
        .dz-drag-hover {
            background-color: #b2b2b2 !important;
        }
        .file-box {
            display: inline-flex;
        }
        .w100per {
            width: 100% !important;
        }
        .w80per {
            width: 80% !important;
        }
        .w10per {
            width: 10% !important;
        }
        .w60per {
            width: 60% !important;
        }
        .w50per {
            width: 50% !important;
        }
        .w40per {
            width: 40% !important;
        }
        .w30per {
            width: 30% !important;
        }
        .w400 {
            width: 400px !important;
        }
        .w300 {
            width: 300px !important;
        }
        .addition_file_box img {
            height: 100px;
            vertical-align: middle;
            padding: 10px 0;
        }
        #vehicle_body_dimensions table {
            float: left;
        }
        .addition_file_box {
            width: 200px;
            text-align: center;
            min-height: 50px !important;
            padding: 10px 0 !important;
        }
        table.rental_duration_table {
            border: none;
            width: 100%;
            margin: 0 !important;
        }
        table.rental_duration_table th {
            width: 20% !important;
            border: none !important;
            padding: 0 !important;
            vertical-align: middle;
        }
        table.rental_duration_table td {
            width: 80% !important;
            border: none !important;
            padding: 0px !important;
        }
        .h100 {
            height: 100px !important;
        }

        @media only screen and (max-width:769px) {
            table.rental_duration_table td,
            table.rental_duration_table th {
                padding: 0 !important;
            }
        }
    </style>
@endsection

@section('page_js')
    <script src="{{ asset('assets/frontend/truck/js/autokana.js') }}"></script>
    <script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>

    <script src="{{ asset('vendor/dropzone/dropzone.js') }}?20201006"></script>
    <script>
        Dropzone.autoDiscover = false;
        $(function () {
            $.fn.autoKana('#name', '#name_kana', {katakana: true});

            $("#loan_date").change(function (event) {
                let start_date = $(this).data('date');
                let loan_date = $(this).val();
                if(start_date == loan_date) {
                    $('#loan_time option.be_disable').addClass('hide');
                } else {
                    $('#loan_time option.be_disable').removeClass('hide');
                }
            });

            $("#return_date").change(function (event) {
                let start_date = $(this).data('date');
                let return_date = $(this).val();
                if(start_date == return_date) {
                    $('#return_time option.be_disable').addClass('hide');
                } else {
                    $('#return_time option.be_disable').removeClass('hide');
                }
            });

            if ($('input[name="question_class"]:checked').val() == "{{ config('const.question_class_code.text') }}") {
                $('input[name="class_note"]').prop('readonly', false);
            } else {
                $('input[name="class_note"]').prop('readonly', true);
                $('input[name="class_note"]').val('');
            }
            $('input[name="question_class"]').click(function () {
                if ($('input[name="question_class"]:checked').val() == "{{ config('const.question_class_code.text') }}") {
                    $('input[name="class_note"]').prop('readonly', false);
                } else {
                    $('input[name="class_note"]').prop('readonly', true);
                    $('input[name="class_note"]').val('');
                }
            });

            $('input[name="category_id"]').click(function () {
                if( $('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.confirm_parts') }}" ||
                    $('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.parts_inventory_check') }}" ) {
                    $(".question_row").show();
                    $(".question_row").find('select').prop('disabled',false);
                    $(".question_row").find('input').prop('disabled',false);
                } else {
                    $(".question_row").hide();
                    $(".question_row").find('select').prop('disabled',true);
                    $(".question_row").find('input').prop('disabled',true);
                }
                if($('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.search_question') }}") {
                    $(".condition_row").show();
                    $(".condition_row").find('select').prop('disabled',false);
                    $(".condition_row").find('input').prop('disabled',false);
                } else {
                    $(".condition_row").hide();
                    $(".condition_row").find('select').prop('disabled',true);
                    $(".condition_row").find('input').prop('disabled',true);
                }
                if($('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.sale_vehicle') }}") {
                    $(".category_row").show();
                    $(".category_row").find('input').prop('disabled',false);
                    $(".category_row").find('select').prop('disabled',false);
                } else {
                    $(".category_row").hide();
                    $(".category_row").find('input').prop('disabled',true);
                    $(".category_row").find('select').prop('disabled',true);
                }
                @if($_fb_department != 'rental')
                    if($('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.inventory_query') }}" ||
                        $('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.request_quote') }}" ||
                        $('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.confirm_parts') }}") {
                        $("#question_manage_no").show();
                        $("#manage_no_label").show();
                        $("#category_radio" + $('input[name="category_id"]:checked').val()).next().next().after($("#question_manage_no"));
                    } else {
                        if($('select[name="shape_name"]').val() != "{{ config('const.contact_search_type_code.etc') }}"){
                            $("#question_manage_no").hide();
                            $("#question_manage_no input").val('');
                            $("#manage_no_label").hide();
                        } else {
                            $('select[name="shape_name"]').parent().parent().after($("#question_manage_no"));
                        }
                    }
                @endif
            });
            if( $('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.confirm_parts') }}" ||
                $('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.parts_inventory_check') }}" ) {
                $(".question_row").show();
                $(".question_row").find('select').prop('disabled',false);
                $(".question_row").find('input').prop('disabled',false);
            } else {
                $(".question_row").hide();
                $(".question_row").find('select').prop('disabled',true);
                $(".question_row").find('input').prop('disabled',true);
            }
            if($('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.search_question') }}") {
                $(".condition_row").show();
                $(".condition_row").find('select').prop('disabled',false);
                $(".condition_row").find('input').prop('disabled',false);
            } else {
                $(".condition_row").hide();
                $(".condition_row").find('select').prop('disabled',true);
                $(".condition_row").find('input').prop('disabled',true);
            }
            if($('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.sale_vehicle') }}") {
                $(".category_row").show();
                $(".category_row").find('input').prop('disabled',false);
                $(".category_row").find('select').prop('disabled',false);
            } else {
                $(".category_row").hide();
                $(".category_row").find('input').prop('disabled',true);
                $(".category_row").find('select').prop('disabled',true);
            }
            console.log($('input[name="category_id"]:checked').val());
            @if($_fb_department != 'rental')
                if($('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.inventory_query') }}" ||
                    $('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.request_quote') }}" ||
                    $('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.confirm_parts') }}") {
                    $("#question_manage_no").show();
                    $("#manage_no_label").show();
                    $("#category_radio" + $('input[name="category_id"]:checked').val()).next().next().after($("#question_manage_no"));
                } else {
                    if($('select[name="shape_name"]').val() != "{{ config('const.contact_search_type_code.etc') }}"){
                        $("#question_manage_no").hide();
                        $("#question_manage_no input").val('');
                        $("#manage_no_label").hide();
                    } else {
                        $('select[name="shape_name"]').parent().parent().after($("#question_manage_no"));
                    }
                }
            @endif
            if($('input[name="client_type"]:checked').val() == "{{ config('const.contact_client_type_code.company') }}"){
                $(".company_require").show();
            } else {
                $(".company_require").hide();
            }
            $(document).ready(function () {
                $('input[name="client_type"]').click(function () {
                    if($('input[name="client_type"]:checked').val() == "{{ config('const.contact_client_type_code.company') }}"){
                        $(".company_require").show();
                    } else {
                        $(".company_require").hide();
                    }
                });
                @if($_fb_department == 'rental')
                    if($('select[name="shape_name"]').val() == "{{ config('const.contact_search_type_code.etc') }}" || $('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.inventory_query') }}") {
                        $(".rental-manage-no").removeClass('hide');

                        $("#v_manage_no").addClass('hide');
                        $("#h_manage_no").attr('disabled', true);
                        $("#r_manage_no").attr('disabled', false);
                        $("#r_manage_no").removeClass('hide');

                    } else {
                        $(".rental-manage-no").addClass('hide');
                        $("#rental_manage_no").val('');

                        $("#v_manage_no").removeClass('hide');
                        $("#h_manage_no").attr('disabled', false);
                        $("#r_manage_no").attr('disabled', true);
                        $("#r_manage_no").addClass('hide');

                    }

                    $('select[name="shape_name"], input[name="category_id"]').change(function () {
                        if($('select[name="shape_name"]').val() == "{{ config('const.contact_search_type_code.etc') }}" || $('input[name="category_id"]:checked').val() == "{{ config('const.contact_type_code.inventory_query') }}") {
                            $(".rental-manage-no").removeClass('hide');

                            $("#v_manage_no").addClass('hide');
                            $("#h_manage_no").attr('disabled', true);
                            $("#r_manage_no").attr('disabled', false);
                            $("#r_manage_no").removeClass('hide');
                        } else {
                            $(".rental-manage-no").addClass('hide');
                            $("#rental_manage_no").val('');

                            $("#v_manage_no").removeClass('hide');
                            $("#h_manage_no").attr('disabled', false);
                            $("#r_manage_no").attr('disabled', true);
                            $("#r_manage_no").addClass('hide');
                        }
                    });
                @else
                    $('select[name="shape_name"]').change(function () {
                        if($('select[name="shape_name"]').val() == "{{ config('const.contact_search_type_code.etc') }}") {
                            if($('input[name="category_id"]:checked').val() != "{{ config('const.contact_type_code.inventory_query') }}") {
                                $('select[name="shape_name"]').parent().parent().after($("#question_manage_no"));
                                $("#question_manage_no").show();
                            }
                        }  else {
                            if($('input[name="category_id"]:checked').val() != "{{ config('const.contact_type_code.inventory_query') }}") {

                                $("#question_manage_no").hide();
                                $("#question_manage_no input").val('');
                            }
                        }
                    });
                @endif

                @if($_fb_department != 'rental')
                    $(".delete-file").click(function () {
                        let file_path = $(this).data('file_path');
                        let index = $(this).data('id');
                        if(confirm("ファイルを削除します。よろしいですか？")){
                            $.ajax({
                                type: 'post',
                                url: "{{ route("frontend.{$_fb_department}.contact.delete_file") }}",
                                data: {
                                    'file_path':file_path,
                                    _token: "{{ csrf_token() }}",
                                },
                                success: function() {
                                    $("#addition_file_name" + index).val('');
                                    $("#addition_file_path" + index).val('');
                                    $("#addition_file_link" + index).attr('href', '#');
                                    $("#addition_file_delete" + index).data('file_path', '');
                                    $("#addition_file_delete" + index).css('display', 'none');
                                    $("#addition_file_img" + index).hide();
                                    $("#addition_file_img" + index).attr('src', '');
                                    $("#addition_file_span" + index).empty();
                                }
                            });
                        }
                    });

                    $("#dropZoneBox1").dropzone({
                        autoProcessQueue : true,
                        clickable:"#addition_file_upload1",
                        //maxFilesize:1,
                        maxFiles:1,
                        url:"{{ route("frontend.{$_fb_department}.contact.upload_file") }}",
                        params:{
                            "_token":"{{ csrf_token() }}"
                        },
                        dictDefaultMessage:"",
                        dictRemoveFileConfirmation:1,
                        addRemoveLinks:false,
                        init:function(){
                            myDropzone = this;
                            this.on("complete", function(){
                                if(this.getQueuedFiles().length == 0 && this.getUploadingFiles().length == 0)
                                {
                                    var _this = this;
                                    _this.removeAllFiles();
                                }
                            });

                        },
                        success: function success(file) {
                            let data = JSON.parse(file.xhr.response);
                            let src = "{{ asset('storage/temp') }}" + "/" + data.file_path;
                            $("#addition_file_name1").val(data.file_name);
                            $("#addition_file_path1").val(data.file_path);
                            $("#addition_file_link1").attr('href', src);
                            if(data.is_image){
                                $("#addition_file_img1").attr('src', src);
                                $("#addition_file_img1").show();
                                $("#addition_file_span1").empty();
                            } else {
                                $("#addition_file_img1").attr('src', '');
                                $("#addition_file_img1").hide();
                                $("#addition_file_span1").empty().html(data.file_name);
                            }
                            $("#addition_file_delete1").data('file_path', data.file_path);
                            $("#addition_file_delete1").css('display', 'inline-block');
                        }
                    });

                    let image_array = [];
                    @if ($_fb_department == 'parts')
                    $("#dropZoneBox2").dropzone({
                        autoProcessQueue : true,
                        clickable:"#addition_file_upload2",
                        //maxFilesize:2,
                        maxFiles:1,
                        //acceptedFiles : ".png,.jpg,.gif,.bmp,.jpeg",
                        url:"{{ route("frontend.{$_fb_department}.contact.upload_file") }}",
                        params:{
                            "_token":"{{ csrf_token() }}"
                        },
                        dictDefaultMessage:"",
                        dictRemoveFileConfirmation:2,
                        addRemoveLinks:false,
                        init:function(){
                            myDropzone = this;
                            this.on("complete", function(){
                                if(this.getQueuedFiles().length == 0 && this.getUploadingFiles().length == 0)
                                {
                                    var _this = this;
                                    _this.removeAllFiles();
                                }
                            });

                        },
                        success: function success(file) {
                            let data = JSON.parse(file.xhr.response);
                            let src = "{{ asset('storage/temp') }}" + "/" + data.file_path;
                            $("#addition_file_name2").val(data.file_name);
                            $("#addition_file_path2").val(data.file_path);
                            $("#addition_file_link2").attr('href', src);
                            if(data.is_image){
                                $("#addition_file_img2").attr('src', src);
                                $("#addition_file_img2").show();
                                $("#addition_file_span2").empty();
                            } else {
                                $("#addition_file_img2").attr('src', '');
                                $("#addition_file_img2").hide();
                                $("#addition_file_span2").empty().html(data.file_name);
                            }
                            $("#addition_file_delete2").data('file_path', data.file_path);
                            $("#addition_file_delete2").css('display', 'inline-block');
                        }
                    });
                    @endif
                @endif


            });
        });
        // 不要文字列削除 [かな]
        $(document).on('blur change focus keyup keypress', '#name_kana', function (e) {
            if ($('#name_kana').val() != "") {
                var value = $('#name_kana').val();
                $('#name_kana').val(
                    value.replace(" ", "")
                        .replace("　", "")
                        .replace("-", "")
                        .replace("ー", "")
                );
            } else {
                $('#name_kana').val('');
            }
        });
        // 不要文字列削除 [電話番号]
        $(document).on('blur change focus keyup keypress', '#tel', function (e) {
            var value = $('#tel').val();
            $('#tel').val(
                value.replace(" ", "")
                    .replace("　", "")
                    .replace("-", "")
                    .replace("―", "")
            );
        });

        $(document).on('blur change focus keyup keypress', '#zip', function (e) {
            var value = $('#zip').val();
            $('#zip').val(
                value.replace(" ", "")
                    .replace("　", "")
                    .replace("-", "")
                    .replace("ー", "")
            );
        });
    </script>
@endsection