@extends('backend.layouts.app')

@section('content')

    @if(isset($detail) && $detail)
        <h2 class="title">部品【閲覧】</h2>
    @else
        <h2 class="title">部品【確認】</h2>
    @endif
    @if(isset($detail) && $detail)
    @include('backend.layouts.flash-message')
    @endif
    <table class="normal w100per" id="header_info_table">
        <tr>
            <th class="w10per" style="font-weight: initial">管理番号</th>
            <td class="w14per">
                <p id="header_manage_no">{{ old('parts_code', isset($params->parts_code) ? $params->parts_code : (isset($confirm_params['parts_code']) ? $confirm_params['parts_code'] : '')) }}</p>
            </td>
            <th class="w10per" style="font-weight: initial">ステータス</th>
            <td class="w14per">
                <p id="header_status" class="{{ $params->support_status == 2 ? 'require' : '' }}"{{--商談中--}}>
                    @if ($params->support_status)
                        {{ \App\Models\Masters\VehicleInquiryStatus::findById($params->support_status, 'name') }}
                    @else
                        {{ config('const.parts_sale_status.'.$params->sale_status) }}
                    @endif
                </p>
                <p class="require" id="header_status_date">
                    @if ($params->support_status)
                        {{ (!empty($params->discussion_period) ? Carbon::parse($params->discussion_period)->format('Y.m.d') : '').( (!empty($params->discussion_period_to) || !empty($params->discussion_period)) ? '~' : '').(!empty($params->discussion_period_to) ? Carbon::parse($params->discussion_period_to)->format('Y.m.d') : '') }}
                    @endif
                </p>
            </td>
            <th class="w10per" style="font-weight: initial">部品名</th>
            <td class="w14per">
                <p id="header_parts_name">{{ old('parts_name', isset($params->parts_name) ? $params->parts_name : (isset($sub_category->name) ? $sub_category->name :'')) }}</p>
            </td>
            <th class="w10per" style="font-weight: initial">型式</th>
            <td class="w14per">
                <p id="header_vehicle_shape">{{ (isset($params) && is_object($params)) ? $params->getModel() : '' }}</p>
            </td>
        </tr>
        <tr>
            <th class="w10per">ユーザー価格（税別）</th>
            <td style="font-weight: bold;font-size: 16px" class="w14per">
                <p id="header_user_price" style="text-align: right;font-size: 16px">{{ !empty(old('user_price', isset($params->user_price) ? $params->user_price : (isset($confirm_params['user_price']) ? $confirm_params['user_price'] : ''))) ? number_format(old('user_price', isset($params->user_price) ? $params->user_price : (isset($confirm_params['user_price']) ? $confirm_params['user_price'] : ''))) : '' }}円</p>
            </td>
            <th class="w10per">業販価格（税別）</th>
            <td style="font-weight: bold;font-size: 16px" class="w14per">
                <p id="header_sale_price" style="text-align: right;font-size: 16px">{{ !empty(old('sale_price', isset($params->sale_price) ? $params->sale_price : (isset($confirm_params['sale_price']) ? $confirm_params['sale_price'] : ''))) ? number_format(old('sale_price', isset($params->sale_price) ? $params->sale_price : (isset($confirm_params['sale_price']) ? $confirm_params['sale_price'] : ''))) : '' }}円</p>
            </td>
            <th class="w10per">UJグループ価格（税別）</th>
            <td style="font-weight: bold;font-size: 16px">
                <p id="header_uj_price" style="text-align: right;font-size: 16px">{{ !empty(old('uj_price', isset($params->uj_price) ? $params->uj_price : (isset($confirm_params['uj_price']) ? $confirm_params['uj_price'] : ''))) ? number_format(old('uj_price', isset($params->uj_price) ? $params->uj_price : (isset($confirm_params['uj_price']) ? $confirm_params['uj_price'] : ''))) : '' }}円</p>
            </td>
            <th class="w10per">仕入金額（税別）</th>
            <td style="font-weight: bold;font-size: 16px">
                <p id="header_purchase_price" style="text-align: right;font-size: 16px">{{ !empty(old('purchase_price', isset($params->purchase_price) ? $params->purchase_price : ( isset($confirm_params['purchase_price']) ? $confirm_params['purchase_price'] : '' ))) ? number_format(old('purchase_price', isset($params->purchase_price) ? $params->purchase_price : ( isset($confirm_params['purchase_price']) ? $confirm_params['purchase_price'] : '' ))) : '' }}円</p>
            </td>
        </tr>
    </table>
    {{ Form::open(["route"=>"backend.{$department}.products.update", "method"=>"post", "id"=>"vehicle_info_form"]) }}
    <div class="tab_all_wrap">
        <ul class="tab six">
            <li class="{{ (isset($tab) && $tab != 'TAB1') ? '' : 'select' }}" id="TAB1">仕入・部品情報</li>
            <li class="{{ (isset($tab) && $tab == 'TAB2') ? 'select' : ''  }}" id="TAB2">チェックシート</li>
            <li class="{{ (isset($tab) && $tab == 'TAB3') ? 'select' : ''  }}" id="TAB3">写真</li>
            <li class="{{ (isset($tab) && $tab == 'TAB4') ? 'select' : ''  }}" id="TAB4">HP掲載</li>
            <li class="{{ (isset($tab) && $tab == 'TAB5') ? 'select' : ''  }}" id="TAB5">問い合わせ履歴</li>
            <li class="{{ (isset($tab) && $tab == 'TAB7') ? 'select' : ''  }}" id="TAB7">売約チェックシート</li>
        </ul>
        <input type="hidden" name="tab" value="{{ (isset($tab) ? $tab : 'TAB1') }}">
        <ul class="content" id="parts_info_body_tab">
            <!--仕入・部品情報-->
            @include('backend.parts.products.confirm._t_info')
            <!--チェックシート-->
            @include('backend.parts.products.confirm._t_check')
            <!--写真-->
            @include('backend.parts.products.confirm._t_image')
            <!--HP掲載-->
            @include('backend.parts.products.confirm._t_hp_publish')
            <!--問い合わせ履歴-->
            @include('backend.parts.products.confirm._t_enquiry')
            <!--売約チェックシート-->
            @include('backend.parts.products.confirm._t_sell_check')
        </ul>
    </div>
    {{ Form::close() }}

    {{ Form::open(["route"=>"backend.{$department}.products.download_image", "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">
    {{ Form::close() }}

@endsection

@section('page_css')

    <style>
        #parts_info_body_tab {
            height: 620px !important;
            overflow: scroll;
            position: relative;
        }
        .tab_all_wrap ul.tab.six {
            background-color: #555555 !important;
        }
        .tab_all_wrap ul.tab.six li {
            background-color: #555555 !important;
            color: white !important;
        }

        .tab_all_wrap ul.tab.six li.select {
            color: #ec1b23 !important;
        }
        #TAB1-1 {
            background-color: #ec1b23 !important;
            color: white !important;
        }
        #TAB1-2 {
            background-color: #00b28b !important;
            color: white !important;
        }
        #TAB1-3 {
            background-color: #4777ba !important;
            color: white !important;
        }
        #TAB1-4 {
            background-color: #f08300 !important;
            color: white !important;
        }
        /*部品情報*/
        #vehicle_main_info_tab {
            border: 3px solid rgba(236, 27, 35, 1) !important;
            padding: 10px;
        }
        #vehicle_main_info_tab th.border-left {
            border-left: 1px solid #DDD !important;
        }
        /*部品原価*/
        #vehicle_pprice_info_parts  {
            border: 3px solid rgba(0, 178, 139, 1) !important;
            padding: 10px;
            margin-top: 10px;
        }

        /*販売価格*/
        #vehicle_sprice_info_parts {
            border: 3px solid rgba(71, 119, 186, 1) !important;
            padding: 10px;
            margin-top: 10px;
        }
        /*販売情報*/
        #vehicle_sale_info_parts {
            border: 3px solid rgba(240, 131, 0, 1) !important;
            padding: 10px;
            margin-top: 10px;
        }
        .four.tabInTab2 li{
            width: 25% !important;
        }
    </style>
    <style>
        .select-wrap label:after {
            content: none;
        }
        textarea {
            background-color: white !important;
            border: none !important;
        }
        select {
            color: black !important;
        }

        .tb-prime-price .input-comma {
            text-align: right !important;
        }
        .tb-prime-price td.bg-yellow input {
            background-color: #fae368 !important;
        }
        select:disabled {
            color: black !important;
            opacity: 1 !important;
        }
        input[type=text]:read-only {
            background-color: white !important;
        }
        .TAB1 {
            margin-top: -30px !important;
        }
        div.center-submit.main_btn.triple {
            bottom: 10px;
            position: fixed;
        }
        .two_table th {
            width: 15% !important;
        }
        .two_table td {
            width: 35% !important;
        }
    </style>
@endsection

@section('page_js')
    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet">
    <script>
        $(function () {
            let current_user = "{{ Auth::guard('admin')->user()->id }}";
            let current_user_name = "{{ Auth::guard('admin')->user()->name_kanji }}";
            $(document).on('click', '.confirm-unit-price', function (e) {
                let current_element = $(this);
                var field = $(this).data('unit');
                let value = removeCommaValue($("#" + field).val());
                let none_tax_value = removeCommaValue($("#none_tax_" + field).val());
                let addition_price_id = $('#'+ field + '_id').val();
                let addition_type = $("#" + field + '_type').val();
                let addition_field = $("#" + field + '_field').val();

                if ((value !== 0 || none_tax_value !== 0)) {
                    helper_confirm("dialog-confirm", "価格確定", "価格を確定します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                        $.ajax({
                            type: 'post',
                            url: '{{ route("backend.parts.products.confirm_price") }}',
                            data: {
                                'parts_id':"{{ isset($params->id) ? $params->id : '' }}",
                                'field':field,
                                'value':value,
                                'none_tax_value':none_tax_value,
                                'addition_price_id' : addition_price_id,
                                'addition_type' : addition_type,
                                'addition_field':addition_field,
                                _token: '