@extends('backend.layouts.app')

@section('content')

    @include('backend.layouts.flash-message')
    @if (isset($is_confirm))
    @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
    @else
    {{ Form::open(["route"=>"backend.{$department}.products.confirm_checksheet", "method"=>"post"]) }}
    @endif
    <input type="hidden" name="ushiparts_id" value="{{ $ushiparts->id }}">
    <input type="hidden" name="sub_category_id" value="{{ $sub_category->id }}">
    <input type="hidden" name="sub_index" value="{{ isset($sub_index) ? $sub_index : 0 }}">
    @if(isset($params->id))
    <input type="hidden" name="id" value="{{ $params->id }}">
    <input type="hidden" name="parts_id" value="{{ $params->id }}">
    @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
    <h2 class="title">{{ isset($is_confirm) ? '部品情報【確認】' : '部品情報【編集】' }}</h2>
    <table class="normal half_table">
        <tr>
            <th>作成日</th>
            <td>
                <div class="calendar-wrap">
                    <label>
                        <input type="text" name="create_date" class="datepicker" value="{{ old('create_date', isset($params->create_date) ? $params->create_date : '') }}">
                    </label>
                </div>
            </td>
            <th>作成者</th>
            <td>
                <div class="select-wrap">
                    <label>
                        <select name="create_user">
                            <option value=""></option>
                            @foreach(\App\Service\UserService::getPartsCreateUser() as $key => $user)
                                <option value="{{ $user->id }}" {{ old('create_user', isset($params->create_user) ? $params->create_user : '') == $user->id ? 'selected' : '' }}>{{ $user->name_kanji }}</option>
                            @endforeach
                        </select>
                    </label>
                </div>
            </td>
        </tr>
    </table>
    @if(isset($is_confirm) && $is_confirm)
        @include('backend.parts.products.confirm._t_basic_info')
    @else
        @include('backend.parts.products.form._t_basic_info', [
            'is_ushiparts' => 1
        ])
    @endif


    @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="確認">
                @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;
        }
        #vehicle_check_parts_info th:first-child,
        #vehicle_check_parts_info th:nth-child(5),
        #vehicle_check_parts_info th:nth-child(9),
        #vehicle_check_parts_info th:nth-child(13),
        #vehicle_check_parts_info th:nth-child(17),
        #vehicle_check_parts_info th:nth-child(21),
        #vehicle_check_parts_info th:nth-child(25),
        #vehicle_check_parts_info th:nth-child(29),
        #vehicle_check_parts_info th:nth-child(33) {
            border-left: 4px solid #bfbfbf !important;
        }
        #vehicle_check_parts_info td:nth-child(2),
        #vehicle_check_parts_info th:nth-child(3),
        #vehicle_check_parts_info td:nth-child(4),
        #vehicle_check_parts_info th:first-child {
            border-top: 4px solid #bfbfbf !important;
        }
        #vehicle_check_parts_info td:nth-child(34),
        #vehicle_check_parts_info th:nth-child(33),
        #vehicle_check_parts_info th:nth-child(35),
        #vehicle_check_parts_info td:nth-child(36) {
            border-bottom: 4px solid #bfbfbf !important;
        }
        #vehicle_check_parts_info td:nth-child(4),
        #vehicle_check_parts_info td:nth-child(8),
        #vehicle_check_parts_info td:nth-child(12),
        #vehicle_check_parts_info td:nth-child(16),
        #vehicle_check_parts_info td:nth-child(20),
        #vehicle_check_parts_info td:nth-child(24),
        #vehicle_check_parts_info td:nth-child(28),
        #vehicle_check_parts_info td:nth-child(32),
        #vehicle_check_parts_info td:nth-child(36) {
            border-right: 4px solid #bfbfbf !important;
        }
        textarea:disabled,
        input[type=text]:disabled,
        input[type=number]:disabled,
        select:disabled {
            background-color: white !important;
            border: none;
        }
    </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');
                $('textarea').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