@extends('backend.layouts.app')

@section('content')

    @include('backend.layouts.flash-message')
    @if(isset($params->id))
        {{ Form::open(["route"=>"backend.{$department}.products.save_checksheet", 'parts'=>$params->id, "method"=>"post"]) }}
    @else
        {{ Form::open(["route"=>"backend.{$department}.products.save_checksheet", "method"=>"post"]) }}
    @endif
    @php
        $vehicle_van = isset($ushiparts->target_vehicle()->vehicle_check_van->id) ? $ushiparts->target_vehicle()->vehicle_check_van : null;
        $vehicle_parts = isset($ushiparts->target_vehicle()->vehicle_check_parts->id) ? $ushiparts->target_vehicle()->vehicle_check_parts : null;
    @endphp
    <table class="normal half_table">
        <tr>
            <th>作成日</th>
            <td>
                {{ isset($params->create_date) ? $params->create_date : '' }}
            </td>
            <th>作成者</th>
            <td>
                {{ \App\Service\UserService::getUserName(isset($params->create_user) ? $params->create_user : '') }}
            </td>
        </tr>
    </table>
    <h2 class="title">{{ isset($is_confirm) ? '部品情報確認' : '部品情報' }}</h2>
    @include('backend.parts.products.form._t_basic_info')


    @if($sub_category->code &&  $sub_category->code != 'mission_automatic')
        <br>
        <br>
        @php
            if(isset($check_object) && is_object($check_object)){
                $checksheet = $check_object->toArray();
            } else {
                $checksheet = null;
            }
            if(isset($check_object) && is_array($check_object) && $sub_category->code == 'body'){
                foreach (config('const.parts_van_type') as $key => $value) {
                    if(isset($check_object[$key])){
                        $checksheet[$key - 1] = $check_object[$key];
                    }
                }
            }
            $sub_category_id = $sub_category->id;
        @endphp
        @include('backend.parts.products.checksheet.special._p_'.$sub_category->code, ['checksheet'=>$checksheet])
    @endif
    <ul id="bottom_btn">
        <li>
            <div class="center-submit double gray">
                @if (isset($is_confirm))
                    <input type="button" onclick='location.href="{{ route("backend.{$department}.products.checksheet", ["ushiparts_id"=>$ushiparts->id, "sub_category_id"=>$sub_category->id, "is_confirm"=>1, "sub_index"=>(isset($sub_index) ? $sub_index : 0)]) }}"' value="戻る">
                @else
                    <input type="button" onclick='location.href="{{ route("backend.{$department}.vehicle.list_ushiparts",  ["ushiparts_id"=>$ushiparts->id, "show_parts"=>1, "sub_index"=>(isset($sub_index) ? $sub_index : 0)]) }}"' value="戻る">
                @endif
            </div>
        </li>
        <li>
            <div class="center-submit double">
                @if (isset($is_confirm))
                    <input type="submit" value="{{ isset($params->id) ? "更新" : "登録" }}">
                @else
                    <input type="submit" value="{{ isset($params->id) ? "更新" : "登録" }}">
                @endif
            </div>
        </li>
        @if(isset($params->id) && $params->id && !isset($is_confirm))
            <li id="qr_code_btn">
                <p class="add_fieldbtn ma0 mr10 non-icon "><a onclick="window.open('{{ route("backend.{$department}.products.export_qrcode", ['id'=>$params->id]) }}')">QRコード出力</a></p>
            </li>
            <li>
                <p class="add_fieldbtn ma0 mr10 non-icon green"><a onclick="window.open('{{ route("backend.{$department}.products.export_check_card", ['parts'=>$params->id]) }}')">部品カード出力</a></p>
            </li>
        @endif
    </ul>
    {{ Form::close() }}
@endsection

@section('modals')
    @include('backend.parts.products.checksheet.special._m_kizu_check')
@endsection

@section('page_css')
    <style>
        #qr_code_btn {
            padding-left: 20px;
        }
        .green a{
            background: #46d246 !important;
            box-shadow: 0 3px 0 #28a428 !important;
        }
        .zumen td div{
            padding: 5px 0px !important;
            overflow: hidden;
            height: 43px;
        }
        .normal th{
            white-space: pre-wrap !important;
        }
        .center-submit {
            display: inline-block;
        }
        .csch_option1 {
            color: black !important;
        }
        .csch_option2 {
            color: #4777ba !important;
        }
        .csch_option3 {
            color: #fe6060 !important;
        }
        textarea:disabled,
        input[type=text]:disabled,
        input[type=number]:disabled,
        select:disabled {
            background-color: #dddddd !important;
        }
    </style>
@endsection

@section('page_js')
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script>
        $(document).ready(function(){
            let create_date = $('input[name="create_date"]').val();
            $('input[name="create_date"]').change(function () {
                if($(this).prop('disabled')) {
                    $(this).val(create_date);
                }
            });
            $(".update-check-sheet").click(function(){
                var id = $(this).data('id');
                var field = $(this).data('type');
                var tag = $(this).data('tag');

                var csch_values = {};
                csch_values['_token'] = '{{ csrf_token() }}';
                csch_values['id'] = $(this).data('id');

                $('select.' + field + tag).each(function() {
                    csch_values[$(this).attr('name')] = $(this).val();
                });

                $.ajax({
                    type: "post",
                    url : '{{ route("backend.{$department}.products.save_csch") }}',
                    data: csch_values,
                    dataType: "json",
                    success: function(result) {
                        if (result.result_code == 'success') {
                            showAlertDialog('保存', '設定を保存しました。');
                        } else {
                            showAlertDialog('エラー', '設定が失敗しました。');
                        }
                    },
                });
            });

            var is_confirm = "{{ isset($is_confirm) ? 1 : 0 }}";
            if(is_confirm == '1'){
                $('input').prop('disabled', 'true');
                $('select').prop('disabled', 'true');
                $("input[type='submit']").removeAttr('disabled');
                $("input[type='button']").removeAttr('disabled');
                $("input[name='_method']").removeAttr('disabled');
                $("input[name='_token']").removeAttr('disabled');
                $('select').each(function () {
                    if($(this).val() && $(this).hasClass('parts_csch_select')){
                        let value = $(this).find('option:selected').text();
                        if ($(this).hasClass('parts_csch_select')) {
                            $(this).parent().after('<span class="csch_option'+$(this).val()+'">'+value+'</span>');
                        } else {
                            $(this).parent().after('<span>'+value+'</span>');
                        }
                        $(this).parent().parent().css('text-align', 'center');
                        $(this).parent().remove();
                    }
                });
            }


            $(".parts_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');
                }
            });
            $(".parts_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');
                }
            });
        });
    </script>
@endsection