@include('backend.layouts.flash-message')
@include('backend.share.vehicle._header_info')
<div class="tab_all_wrap" id="vehicle_main_info_box" style="position: relative">
    <ul class="tab {{ ($department == 'parts') ? 'four' :'five'  }} main_tab">
        <li class="{{ $tab == 'TAB1' ? 'select' : '' }}" id="TAB1">仕入・車両情報</li>
        <li class="{{ $tab == 'TAB2' ? 'select' : '' }}" id="TAB2">車両チェックシート</li>
        <li class="{{ $tab == 'TAB3' ? 'select' : '' }}" id="TAB3">写真</li>
        <li class="{{ $tab == 'TAB4' ? 'select' : '' }}" id="TAB4">HP掲載</li>
        @unless($department == 'parts')
            <li class="{{ $tab == 'TAB5' ? 'select' : '' }}" id="TAB5">問い合わせ履歴</li>
        @endunless
        {{--
        <li class="{{ $tab == 'TAB6' ? 'select' : '' }}" id="TAB6">販売情報</li>
        --}}
        @if(isset($vehicle["id"]))
            @php
                $ob_vehicle = \App\Models\Vehicle\Vehicle::find($vehicle["id"]);
            @endphp
        @endif
    </ul>
    <form action="{{ route("backend.{$department}.vehicle.create_qr_seal") }}" method="post" id="qr_seal_form" name="qr_seal_form" target="_blank">
        @csrf
        <input type="hidden" name="qr_chassis_no" id="qr_chassis_no">
        <input type="hidden" name="qr_vehicle_no" id="qr_vehicle_no" value="{{ isset($vehicle['vehicle_no']) ? $vehicle['vehicle_no'] : null}}">
        <input type="hidden" name="qr_model_first" id="qr_model_first">
        <input type="hidden" name="qr_model_second" id="qr_model_second">
    </form>
    {{ Form::open(['route' => "backend.{$department}.vehicle.create_qr_seed", 'id' => 'qr_seed_form', 'name' => 'qr_seed_form', 'method' => 'get', 'target'=>'_blank']) }}
    <input type="hidden" name="vehicle_id" id="vehicle_id" value="{{ isset($vehicle['id']) ? $vehicle['id'] : null}}">
    {{ Form::close() }}
    @if (isset($is_confirm))
        @if(isset($vehicle['info']['id']))
            {{ Form::open(['route' => "backend.{$department}.vehicle.update_info", 'id' => 'vehicle_info_form', 'name' => 'vehicle_info_form', 'method' => 'PUT', 'files'=>true]) }}

            <input type="hidden"  name="vehicle[info][id]" value="{{ $vehicle['info']['id'] }}">
        @else
            {{ Form::open(['route' => "backend.{$department}.vehicle.create_info", 'id' => 'vehicle_info_form', 'name' => 'vehicle_info_form', 'method' => 'POST', 'files'=>true]) }}
        @endif
    @else
        {{ Form::open(['route' => "backend.{$department}.vehicle.confirm", 'id' => 'vehicle_info_form', 'name' => 'vehicle_info_form', 'method' => 'POST', 'files'=>true]) }}
    @endif
    <input type="hidden" name="vehicle[vehicle_no]" value="{{ isset($vehicle['vehicle_no']) ? $vehicle['vehicle_no'] : '' }}">
    <input type="hidden" name="vehicle[collection_list]" id="collection_list" value="{{ old("vehicle.collection_list", isset($vehicle['collection_list']) ? $vehicle['collection_list'] : '') }}"/>
    <input type="hidden" name="home" value="{{ isset($home) ? $home : '' }}">
    <input type="hidden" name="sale_status" value="{{ isset($sale_status) ? $sale_status : '' }}">
    <input type="hidden" name="tab" value="{{ isset($tab) ? $tab : 'TAB1' }}" id="current_main_tab">
    <input type="hidden" name="sub_tab" value="{{ isset($sub_tab) ? $sub_tab : 'TAB1-1' }}" id="current_sub_tab">
    <input type="hidden" name="vehicle[shed_name]" value="{{ isset($vehicle['shed_name']) ? $vehicle['shed_name'] : '' }}">
    @if (isset($vehicle['id']))
        <input type="hidden" name="vehicle[id]" value="{{ $vehicle['id'] }}">
    @endif
    @if(isset($is_parts))
        <input type="hidden" name="is_parts" value="{{ $is_parts }}">
    @endif
    <ul class="content" id="vehicle_main_tab">
        <!-- 仕入・車両情報 ********************************** -->
    @include('backend.share.vehicle.form._t_info', ['vehicle_info' => isset($vehicle['info']) ? $vehicle['info'] : null])

    <!-- 車両チェックシート ********************************** -->
    @include('backend.share.vehicle.form._t_check', ['vehicle_check' => isset($vehicle['check']) ? \App\Helper\SystemHelper::explodeCheckParametersForView($vehicle['check']) : null])

    <!-- 写真入力 ********************************** -->
    @include('backend.share.vehicle.form._t_image', ['vehicle_image' => isset($vehicle['image']) ? $vehicle['image'] : null])

    <!-- HP掲載 ********************************** -->
    @include('backend.share.vehicle.form._t_hp_publish', ['vehicle_hp_publish' => isset($vehicle['hp_publish']) ? $vehicle['hp_publish'] : null] )
    @if($department == 'parts')
        <input type="hidden" name="vehicle[support_status]" id="support_status" value="{{ isset($vehicle['support_status']) ? $vehicle['support_status'] : '' }}">
        <input type="hidden" name="vehicle[discussion_period]" value="{{ isset($vehicle['discussion_period']) ? $vehicle['discussion_period'] : '' }}">
        <input type="hidden" name="vehicle[discussion_period_to]" value="{{ isset($vehicle['discussion_period_to']) ? $vehicle['discussion_period_to'] : '' }}">
    @else
        <!-- 問い合わせ履歴 ********************************** -->
        @include('backend.share.vehicle.form._t_enquiry', ['vehicle_enquiry_history'=>isset($vehicle['enquiry_history']) ? $vehicle['enquiry_history'] : null])
    @endif
        {{--
        <!-- 販売情報 ********************************** -->
        @include('backend.share.vehicle.form._t_sale', ['vehicle_sale_info' => isset($vehicle['sale_info']) ? $vehicle['sale_info'] : null])
        --}}

    </ul>
    {{ Form::close() }}

    {{ Form::open(["route"=>"backend.{$department}.vehicle.send_confirm_mail", "method"=>"get", "id"=>"confirm_mail_submit"]) }}
    <input type="hidden" name="sale_user" id="confirm_sale_user">
    <input type="hidden" name="vehicle_id" value="{{ isset($vehicle['id']) ? $vehicle['id'] : '' }}">
    <input type="hidden" name="profit_correct" id="confirm_vehicle_profit_correct">
    <input type="hidden" name="tab" value="TAB6">
    {{ Form::close() }}

    {{ Form::open(["route"=>"backend.{$department}.vehicle.pdf_download", "method"=>"get", "id"=>"download_submit", "target"=>"_blank"]) }}
    <input type="hidden" name="id" id="download_id">
    <input type="hidden" name="file_path" id="download_file_path">
    <input type="hidden" name="file_name" id="download_file_name">
    <input type="hidden" name="field_index" id="download_field_index">
    {{ Form::close() }}

    @include("backend.share._parts._collect_name", [
        "form_id" => "vehicle_info_form"
    ])
</div>

<style>
    .header-table td.th {
        background: #F7F7F7;
    }
    .header-table td {
        padding: 5px !important;
    }
    .input-comma {
        text-align: right !important;
    }

    .w10per {
        width: 10% !important
    }

    .w15per {
        width: 15% !important
    }
    .ui-datepicker {
        z-index: 999 !important;
    }
    /*Header Table Fix CSS */
    #vehicle_info_form {
        height: 600px !important;
    }
    #header_table {
        margin-bottom: 0 !important;
    }
    .title {
        margin-bottom: 5px !important;
    }
    #r-content {
        padding-top: 10px !important;
    }
    #vehicle_main_info_box {
        padding-top: 10px !important;
    }
    #wrapper {
        margin-bottom: 0 !important;
    }
    .header-price-part {
        font-weight: bold !important;
        font-size: 18px !important;
    }
    .normal-price {
        color: #4777ba !important;
    }
    .outlet-price {
        color: #fe6060 !important;
    }
    .csch_option1 {
        color: black !important;
    }
    .csch_option2 {
        color: #4777ba !important;
    }
    .csch_option3 {
        color: #fe6060 !important;
    }
    .two_table th {
        width: 15% !important;
    }
    .two_table td {
        width: 35% !important;
    }
    #header_table th,
    #header_table td {
        border: 1px solid black !important;
    }
    #TAB1-1 {
        background-color: #ec1b23 !important;
    }
    #TAB1-2 {
        background-color: #00b28b !important;
    }
    #TAB1-3 {
        background-color: #4777ba !important;
    }
    #TAB1-4 {
        background-color: #f08300 !important;
    }
    /*車両情報*/

    .border-none {
        border: none !important;
    }

    #vehicle_main_info_tab th.border-left {
        border-left: 1px solid #DDD !important;
    }
    #vehicle_main_info_tab {
        border: 3px solid rgba(236, 27, 35, 1) !important;
        /*background-color: rgba(236, 27, 35, 0.4);*/
        padding: 10px;
    }
    /*#vehicle_main_info_tab th,*/
    /*#vehicle_main_info_tab td,*/
    /*#vehicle_main_info_tab input[type="text"],*/
    /*#vehicle_main_info_tab select,*/
    /*#vehicle_main_info_tab textarea,*/
    /*#vehicle_main_info_tab .dropzone {*/
    /*    background-color: rgba(236, 27, 35, 0.1) !important;*/
    /*}*/
    /*車両原価*/
    #vehicle_pprice_info_parts  {
        border: 3px solid rgba(0, 178, 139, 1) !important;
        /*background-color: rgba(0, 178, 139, 0.4);*/
        padding: 10px;
        margin-top: 10px;
    }
    /*#vehicle_pprice_info_parts th,*/
    /*#vehicle_pprice_info_parts td,*/
    /*#vehicle_pprice_info_parts input[type="text"],*/
    /*#vehicle_pprice_info_parts select,*/
    /*#vehicle_pprice_info_parts textarea,*/
    /*#vehicle_pprice_info_parts .dropzone  {*/
    /*    background-color: rgba(0, 178, 139, 0.1) !important;*/
    /*}*/

    /*販売価格*/
    #vehicle_sprice_info_parts {
        border: 3px solid rgba(71, 119, 186, 1) !important;
        /*background-color: rgba(71, 119, 186, 0.4);*/
        padding: 10px;
        margin-top: 10px;
    }
    /*#vehicle_sprice_info_parts th,*/
    /*#vehicle_sprice_info_parts td,*/
    /*#vehicle_sprice_info_parts input[type="text"],*/
    /*#vehicle_sprice_info_parts select,*/
    /*#vehicle_sprice_info_parts textarea,*/
    /*#vehicle_sprice_info_parts .dropzone  {*/
    /*    background-color: rgba(71, 119, 186, 0.1) !important;*/
    /*}*/
    /*販売情報*/
    #vehicle_sale_info_parts {
        border: 3px solid rgba(240, 131, 0, 1) !important;
        /*background-color: rgba(240, 131, 0, 0.4);*/
        padding: 10px;
        margin-top: 10px;
    }
    /*#vehicle_sale_info_parts th,*/
    /*#vehicle_sale_info_parts td,*/
    /*#vehicle_sale_info_parts input[type="text"],*/
    /*#vehicle_sale_info_parts select,*/
    /*#vehicle_sale_info_parts textarea,*/
    /*#vehicle_sale_info_parts .dropzone {*/
    /*    background-color: rgba(240, 131, 0, 0.1) !important;*/
    /*}*/
    #vehicle_main_tab {
        padding-top: 0 !important;
    }
    .TAB5 {
        padding-top: 30px !important;
    }
    .TAB4 {
        padding-top: 30px !important;
    }
    .TAB3 {
        padding-top: 30px !important;
    }
    .vehicle_submit {
        position: fixed;
        bottom: 10px;
    }
    @if($department == 'parts')
        .TAB1 {
        padding-top: 30px !important;
    }
    @endif
</style>

<script>
    $(document).ready(function (e) {
        let old_ujweb_publish = "{{ old('vehicle.hp_publish.ujweb_publish', isset($vehicle_hp_publish['ujweb_publish']) ? $vehicle_hp_publish['ujweb_publish'] : '') }}";
        let old_manage_no = "{{ old('vehicle.hp_publish.manage_no', isset($vehicle_hp_publish['manage_no']) ? $vehicle_hp_publish['manage_no'] : '') }}"
        $('input[name="vehicle[basic][trading_purpose]"]').click(function () {
            if($('input[name="vehicle[basic][trading_purpose]"]:checked').val() == "{{ config('const.vehicle_trading_purpose_code.commodity') }}"){
                if($('select[name="vehicle[hp_publish][ujweb_publish]"]').val() == '') {
                    $('select[name="vehicle[hp_publish][ujweb_publish]"]').val("{{ config('const.hp_publish_code.expected') }}");
                    $('input[name="vehicle[hp_publish][manage_no]"]').val('入庫予定');
                }
            } else {
                //$('select[name="vehicle[hp_publish][ujweb_publish]"]').val(old_ujweb_publish);
                //$('input[name="vehicle[hp_publish][manage_no]"]').val(old_manage_no);
            }
            setHeaderStatus();
        });
        CollectionChangeName("vehicle[hp_publish][manage_no]");

        $(".main_tab li").click(function () {
            $("#current_main_tab").val($(this).attr('id'));
        });
        $(".vehicle_sub_tab li").click(function () {
            $("#current_sub_tab").val($(this).attr('id'));
        });
        $(".vehicle_csch_select").change(function () {
            if($(this).val() == "{{ config('const.csch_status_code.not_yet') }}"){
                $(this).css('color', 'black');
            } else if($(this).val() == "{{ config('const.csch_status_code.already') }}"){
                $(this).css('color', '#4777ba');
            } else {
                $(this).css('color', '#fe6060');
            }
        });
        $(".vehicle_csch_select").each(function () {
            if($(this).val() == "{{ config('const.csch_status_code.not_yet') }}"){
                $(this).css('color', 'black');
            } else if($(this).val() == "{{ config('const.csch_status_code.already') }}"){
                $(this).css('color', '#4777ba');
            } else {
                $(this).css('color', '#fe6060');
            }
        });

        let main_tab = "{{ $tab }}";
        @unless($department == 'parts')
        if(main_tab == "TAB1"){
            let sub_tab = "{{ isset($sub_tab) ? $sub_tab : 'TAB1-1' }}";
            if(sub_tab != 'TAB1-1' && $("#secret_area1" + sub_tab.substr(5)).length){
                $("#secret_area1" + sub_tab.substr(5))[0].scrollIntoView({behavior: "smooth"});
                $("#secret_area12").css('top', '-60px');
            }
        }
        @endunless
        $(".vehicle_sub_tab li").each(function () {
            if($(this).attr("id") == "{{ isset($sub_tab) ? $sub_tab : 'TAB1-1' }}"){
                $(this).addClass('select');
                let sub_tab = $("." + $(this).attr('id'));
                sub_tab.removeClass('hide');
                sub_tab.addClass('select');
                sub_tab.css('display', 'list-item');
            }
        });
        let default_sub_tab = 'TAB3-1';

        @if($department == 'parts')
            default_sub_tab = 'TAB3-8';
        @endif
        $("#TAB2").click(function () {
            let is_exist = 0;
            $(".vehicle_check_tab").each(function () {
                if($(this).hasClass('select')){
                    is_exist = 1;
                }
            });
            if(!is_exist){
                $("#" + default_sub_tab).addClass('select');
                let vehicle_engine = $("#vehicle_check_engine_tab");
                @if($department == 'parts')
                    vehicle_engine = $("#vehicle_check_van_tab");
                @endif
                vehicle_engine.removeClass('hide');
                vehicle_engine.addClass('select');
                vehicle_engine.css('display', 'list-item');
            }
        });

        $("#TAB1").click(function () {
            let is_exist = 0;
            $(".vehicle_info_tab").each(function () {
                if($(this).hasClass('select')){
                    is_exist = 1;
                }
            });
            if(!is_exist){
                $("#TAB1-1").addClass('select');
                let vehicle_basic = $("#vehicle_basic_tab");
                vehicle_basic.removeClass('hide');
                vehicle_basic.addClass('select');
                vehicle_basic.css('display', 'list-item');
            }
        });

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

        var real_check_image_name;
        var selected_check_image_id;

        var storage_path = '{{ asset('storage/') }}';
        $('.select-check-image').click(function(){
            selected_check_image_id = $(this).data('id');
            $.ajaxUploadSettings.name = 'ajax_check_file';
        }).ajaxUploadPrompt({
            url : '{{ route("backend.{$department}.vehicle.upload_check_image") }}',
            data: {
                _token: '{{ csrf_token() }}'
            },
            beforeSend : function () {
                fullPath = $("input[name=ajax_check_file]").last().val();
                if (fullPath) {
                    var startIndex = (fullPath.indexOf('\\') >= 0 ? fullPath.lastIndexOf('\\') : fullPath.lastIndexOf('/'));
                    var filename = fullPath.substring(startIndex);
                    if (filename.indexOf('\\') === 0 || filename.indexOf('/') === 0) {
                        filename = filename.substring(1);
                    }
                    real_check_image_name = filename;
                }
            },
            onprogress : function (e) {
                if (e.lengthComputable) {
                    var percentComplete = e.loaded / e.total;
                    $( "#progressbar_" + selected_check_image_id ).progressbar({
                        value: percentComplete*100,
                        complete: function () {
                            $(this).progressbar( "destroy" );
                        }
                    });
                }
            },
            error : function () {
                showAlertDialog("エラー", "画像ファイルを選択してください。");
            },
            success : function (filename) {
                $("#" + selected_check_image_id).val(filename);
                $("#check_image_" + selected_check_image_id).attr('src', storage_path + '/temp/'+filename);
                $("#check_image_" + selected_check_image_id).show();
                $("#delete_" + selected_check_image_id).attr('data-temp_file', filename);
                $("#delete_" + selected_check_image_id).show();
            },
            accept: "image/*"
        });

        $('.delete-check-image').click(function(){
            var element_id = $(this).data('id');
            var check_object_id = $(this).data('pk');
            var img_path = $(this).data('file');
            var field = $(this).data('field');
            var model = $(this).data('model');
            if($("#" + element_id).val() != null){
                img_path =$("#" + element_id).val();
            }
            helper_confirm("dialog-confirm", "削除", "写真を削除します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                $.ajax({
                    type: "post",
                    url : '{{ route("backend.{$department}.vehicle.delete_check_image") }}',
                    data: {
                        'model' : model,
                        'check_object_id':check_object_id,
                        'field' : field,
                        'image_path':img_path,
                        _token: '