@include('backend.truck.own_vehicle.form._t_sharyo_kanri_1')


{{--<div class="tab_all_wrap">
    <ul class="tab one">
        <li class="{{ $tab=='information' ? 'select' :'' }}" id="TAB1">車両情報</li>
        <!-- <li  class="{{ $tab=='history' ? 'select' :'' }}" id="TAB2">入出庫履歴</li> -->
    </ul>
    <ul class="content">
        <li class="{{ $tab=='information' ? '' :'hide' }} TAB1">
        </li>
        <!-- 作業内容入力 ********************************** -->
        <!-- <li class="{{ $tab=='history' ? '' :'hide' }} TAB2">
            @include('backend.truck.own_vehicle.form._t_sharyo_kanri_2')
        </li> -->
    </ul>
</div>--}}
<link rel="stylesheet" href="{{ asset('vendor/dropzone/dropzone.css') }}?20201006">
<script src="{{ asset('vendor/dropzone/dropzone.js') }}?20201006"></script>
<script>
    $(function(){
        Dropzone.autoDiscover = false;
        $(document).ready(function(){
            $("#ch_view_list").click(function(){
                if($("#ch_view_list").prop("checked")) {
                    $('#hide_date').attr('disabled', false);
                } else {
                    $('#hide_date').attr('disabled', true);
                    $('#hide_date').val('');
                }
            });

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


            $("#dropzoneForm").dropzone({
                autoProcessQueue : true,
                acceptedFiles : ".png,.jpg,.gif,.bmp,.jpeg,.pdf",
                clickable:'#upload_data',
                url:"{{ route("backend.truck.own_vehicle.upload_own_data") }}",
                params:{
                    "_token":"{{ csrf_token() }}"
                },
                dictDefaultMessage:"",
                dictRemoveFileConfirmation:1,
                maxFiles: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;
                    $('input[name="data_file_name"]').val(data.file_name);
                    $('input[name="data_file_path"]').val(data.file_path);
                    if(data.is_image == true) {
                        $("#file_link_name").empty();
                        $("#file_src").show();
                        $("#file_src").attr('src', src);
                    } else {
                        $("#file_link_name").empty().html(data.file_name);
                        $("#file_src").hide();
                        $("#file_src").attr('src', '#');
                    }
                    $("#file_link").attr('href', src);
                    $("#delete_data").show();
                },
            });

            $("#delete_data").click(function () {
                helper_confirm("dialog-confirm", "削除", "データを削除します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                    $.ajax({
                        type: 'post',
                        url: "{{ route("backend.truck.own_vehicle.delete_own_data") }}",
                        data: {
                            'id':"{{ isset($params->id) ? $params->id : '' }}",
                            'file_path':$('input[name="data_file_path"]').val(),
                            _token: "{{ csrf_token() }}",
                        },
                        dataType:'json',
                        success: function(result) {
                            if (result.result_code == 'success') {
                                $('input[name="data_file_name"]').val('');
                                $('input[name="data_file_path"]').val('');
                                $("#file_link_name").empty();
                                $("#file_src").hide();
                                $("#file_src").attr('src', '');
                                $("#file_link").attr('href', '');
                                $("#delete_data").hide();
                            } else {
                                showAlertDialog("削除","データの削除に失敗しました。");
                            }
                        }
                    });
                });
            });

            $('select[name="own_vehicle_type"]').change(function () {
                if($('select[name="own_vehicle_type"]').val() == "{{ config('const.option_other_value') }}") {
                    $('input[name="own_vehicle_type_etc"]').prop('readonly', false);
                } else {
                    $('input[name="own_vehicle_type_etc"]').prop('readonly', true);
                    $('input[name="own_vehicle_type_etc"]').val('');
                }
            });
            if($('select[name="own_vehicle_type"]').val() == "{{ config('const.option_other_value') }}") {
                $('input[name="own_vehicle_type_etc"]').prop('readonly', false);
            } else {
                $('input[name="own_vehicle_type_etc"]').prop('readonly', true);
            }

            if($('select[name="basic[planed_shed_id]"]').val() == "{{ config('const.option_other_value') }}") {
                $('input[name="basic[planed_shed_etc]"]').prop('readonly', false);
            } else {
                $('input[name="basic[planed_shed_etc]"]').prop('readonly', true);
            }
            $('select[name="basic[planed_shed_id]"]').change(function() {
                if($('select[name="basic[planed_shed_id]"]').val() == "{{ config('const.option_other_value') }}") {
                    $('input[name="basic[planed_shed_etc]"]').prop('readonly', false);
                } else {
                    $('input[name="basic[planed_shed_etc]"]').prop('readonly', true);
                }
            });

            $(".inspection_date_y").change(function () {
                if($(this).val()){
                    let name = $(this).attr('name');
                    $("#vehicle_d_inspection_date_y").empty().html($('select[name="'+name+'"] option:selected').data('year'));
                    let month_name = name.replace("_y", "_m");
                    let day_name = name.replace("_y", "_d");
                    let element = '<option></option>';
                    let last_day = getLastDay(parseInt($('select[name="'+name+'"]').val()), parseInt($('select[name="'+month_name+'"]').val()));
                    for(let i = 1 ; i <= parseInt(last_day) ; i++){
                        element += '<option value="'+ i +'">'+ i +'日</option>';
                    }
                    $('select[name="'+day_name+'"]').empty().html(element);
                    $("#vehicle_d_inspection_date_d").empty();
                }
            });
            $(".inspection_date_m").change(function () {
                if($(this).val()){
                    $("#vehicle_d_inspection_date_m").empty().html($(this).val() + '月');
                    let name = $(this).attr('name');
                    let year_name = name.replace("_m", "_y");
                    let day_name = name.replace("_m", "_d");
                    let element = '<option></option>';
                    let last_day = getLastDay(parseInt($('select[name="'+year_name+'"]').val()), parseInt($('select[name="'+name+'"]').val()));
                    for(let i = 1 ; i <= parseInt(last_day) ; i++){
                        element += '<option value="'+ i +'">'+ i +'日</option>';
                    }
                    $('select[name="'+day_name+'"]').empty().html(element);
                    $("#vehicle_d_inspection_date_d").empty();
                }
            });

            function getLastDay(year, month){
                switch (month){
                    case 1:
                    case 3:
                    case 5:
                    case 7:
                    case 8:
                    case 10:
                    case 12:
                        return 31;
                    case 2:
                        if((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0){
                            return 29;
                        }
                        return 28;
                    case 4:
                    case 6:
                    case 9:
                    case 11:
                        return 30;
                }
            }

            $(".inspection_date_y").each(function () {
                if($(this).val()){
                    let name = $(this).attr('name');
                    $("#vehicle_d_inspection_date_y").empty().html($('select[name="'+name+'"] option:selected').data('year'));
                    let month_name = name.replace("_y", "_m");
                    let day_name = name.replace("_y", "_d");
                    let current_date = parseInt($('select[name="'+day_name+'"]').val());
                    let element = '<option></option>';
                    let last_day = getLastDay(parseInt($('select[name="'+name+'"]').val()), parseInt($('select[name="'+month_name+'"]').val()));
                    for(let i = 1 ; i <= parseInt(last_day) ; i++){
                        if(current_date == i){
                            element += '<option value="'+ i +'" selected>'+ i +'日</option>';
                        } else {
                            element += '<option value="'+ i +'">'+ i +'日</option>';
                        }
                    }
                    $('select[name="'+day_name+'"]').empty().html(element);
                    $("#vehicle_d_inspection_date_d").empty();
                }
            });
            $(".inspection_date_m").each(function () {
                if($(this).val()){
                    $("#vehicle_d_inspection_date_m").empty().html($(this).val()+'月');
                    let name = $(this).attr('name');
                    let year_name = name.replace("_m", "_y");
                    let day_name = name.replace("_m", "_d");
                    let current_date = parseInt($('select[name="'+day_name+'"]').val());
                    let element = '<option></option>';
                    let last_day = getLastDay(parseInt($('select[name="'+year_name+'"]').val()), parseInt($('select[name="'+name+'"]').val()));
                    for(let i = 1 ; i <= parseInt(last_day) ; i++){
                        if(current_date == i){
                            element += '<option value="'+ i +'" selected>'+ i +'日</option>';
                        } else {
                            element += '<option value="'+ i +'">'+ i +'日</option>';
                        }
                    }
                    $('select[name="'+day_name+'"]').empty().html(element);
                    $("#vehicle_d_inspection_date_d").empty();
                }
            });

            $('input[name="basic[inspection_status]"]:radio').change(function() {
                var radioval = $(this).val();
                $(".inspection_date").css('display', 'none');
                $(".inspection_date").find('select').val('');
                $("#vehicle_d_inspection_date_d").empty();
                $("#vehicle_d_inspection_date_m").empty();
                $("#vehicle_d_inspection_date_y").empty();
                if (radioval == 2) {
                    $('#inspection_valid_date').show();
                }
                if (radioval == 3) {
                    $('#inspection_limited_date').show();
                }
                if (radioval == 4) {
                    $('#inspection_precheck_date').show();
                }
            });
        })
    })
</script>

<style>
    table.normal td{
        padding: 3px 2px !important;
    }
    h2.title {
        margin: -20px 0 10px 0 !important;
    }
    .file-wrap label::before {
        content: none !important;
    }
    .file-wrap label {
        min-width: unset !important;
    }
    input:read-only {
        background-color: #F7F7F7 !important;
        color: #666666 !important;
    }
    .dz-drag-hover {
        background-color: #b2b2b2 !important;
    }
    .dropzone {
        border: none !important;
        min-height: 50px !important;
        padding: 0 !important;
    }
    .file-wrap img {
        width: 100px !important;
        vertical-align: middle;
    }
    .dropzone .dz-message {
        margin: 0 !important;
    }
</style>