@extends('backend.layouts.app')

@section('content')

<h2 class="title">価格入力【編集】</h2>
@include('backend.layouts.flash-message')
{{ Form::open(["route"=>"backend.parts.vehicle.save_price", "method"=>"post", "id"=>"parts_list_form"]) }}
<input type="hidden" name="save_status" id="save_status">
<input type="hidden" name="ushiparts_id" value="{{ $ushiparts->id }}">
<input type="hidden" name="tab_index" id="tab_index" value="{{ $tab_index }}">


<table class="normal type3">
    <thead>
        <tr>
            <th class="w50">詳細</th>
            <th>ステータス</th>
            <th>初年度登録</th>
            <th>型式</th>
            <th>車台番号</th>
            <th>形状</th>
            <th>車両情報</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                @if(is_object($vehicle))
                    @if(Auth::guard('admin')->user()->canEditVehicle($vehicle->id))
                        <a href="{{ route("backend.{$department}.vehicle.edit", ['vehicle'=>$vehicle->id, 'is_parts'=>1]) }}">車両情報</a>
                    @endif
                @endif
            </td>
            <td>生産済</td>
            <td>{{ (isset($vehicle->vehicle_info_basic->year_type_y) && isset($vehicle->vehicle_info_basic->year_type_m)) ? App\Helper\SystemHelper::convertGtJYeaMonth($vehicle->vehicle_info_basic->year_type_y, $vehicle->vehicle_info_basic->year_type_m) : '' }}</td>
            <td>
                @if(isset($ushiparts->id) && $ushiparts->type == config('const.ushiparts_type.vehicle'))
                    {{ (isset($vehicle->vehicle_info_basic->model_first) && isset($vehicle->vehicle_info_basic->model_second)) ? $vehicle->vehicle_info_basic->model_first.'-'.$vehicle->vehicle_info_basic->model_second : '' }}
                @else
                    {{ (!empty($ushiparts->target->model_first) && !empty($ushiparts->target->model_second)) ? ($ushiparts->target->model_first.'-'.$ushiparts->target->model_second) : ($ushiparts->target->model_first.$ushiparts->target->model_second) }}
                @endif
            </td>
            <td>
                @if(isset($ushiparts->id) && $ushiparts->type == config('const.ushiparts_type.vehicle'))
                    {{ isset($vehicle->vehicle_info_basic->chassis_no) ? $vehicle->vehicle_info_basic->chassis_no : '' }}
                @else
                    {{ $ushiparts->target->vehicle_no }}
                @endif
            </td>
            <td>{{ is_object($vehicle) ? $vehicle->vehicleBodyCategoryName() : '' }}</td>
            <td>{{ isset($vehicle->vehicle_no) ? $vehicle->vehicle_no : '' }}</td>
        </tr>
    </tbody>
</table>

<h2 class="subtitle green">仕入情報</h2>
<table class="normal half_table">
    <tr>
        <th>仕入日</th>
        <td>{{ $ushiparts->getPurchaseDate() }}</td>
        <th>仕入先</th>
        <td>{{ $ushiparts->getPurchasePartner() }}</td>
    </tr>
</table>

<h2 class="subtitle green">振替価格</h2>

<div style="overflow-y: scroll;">
    <table class="normal mb0">
        <tr>
            <th></th>
            <th style="text-align: center">仕入価格</th>
            <th style="text-align: center">振替可能残高</th>
        </tr>
        <tr>
            <th style="text-align: center">車両・部品（税別）</th>
            <td class="num">{{ (is_object($ushiparts) && !is_null($ushiparts->getTotalPrimePrice())) ? number_format($ushiparts->getTotalPrimePrice()).'円' : '' }}</td>
            <td class="num">
                <span id="vehicle_price">{{ (is_object($ushiparts) && !is_null($ushiparts->getTotalPrimePrice())) ? number_format($ushiparts->getTotalPrimePrice()).'円' : '' }}</span>
                <input type="hidden" name="vehicle_price" value="{{ is_object($ushiparts) ? $ushiparts->getTotalPrimePrice() : '' }}"/>
                <input type="hidden" name="other_price" value="{{ is_object($ushiparts) ? $ushiparts->getTotalEtcPrice() : '' }}"/>
                <div>
                    @error('vehicle_price')
                    <span class="error_text">
                    <strong>{{ $message }}</strong>
                </span>
                    @enderror
                </div>
            </td>
        </tr>
        <tr>
            <th style="text-align: center">その他（税別）</th>
            <td class="num">{{ (is_object($ushiparts) && !is_null($ushiparts->getTotalEtcPrice())) ? number_format($ushiparts->getTotalEtcPrice()).'円' : '' }}</td>
            <td class="num">
                <span id="other_price">{{ (is_object($ushiparts) && !is_null($ushiparts->getTotalEtcPrice())) ? number_format($ushiparts->getTotalEtcPrice()).'円' : '' }}</span>
                <div>
                    @error('other_price')
                    <span class="error_text">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>
            </td>
        </tr>
    </table>
</div>

<h2 class="subtitle green mt10">部品原価/販売価格</h2>
<table class="normal" id="parts_info_table">
    <tr>
        <th rowspan="2">ステータス@sortablelink('saleStatus', ' ▲▼')</th>
        <th rowspan="2">管理番号@sortablelink('parts_code', ' ▲▼')</th>
        <th rowspan="2">部品名@sortablelink('partsName', ' ▲▼')</th>
        <th rowspan="2">画像</th>
        <th colspan="2">原価（税別）</th>
        <th colspan="3">販売価格（税別）</th>
        <th>CH1</th>
        <th>CH2</th>
        <th rowspan="2">承認</th>
    </tr>
    <tr>
        <th>部品価格@sortablelink('purchasePrice', ' ▲▼')</th>
        <th>その他@sortablelink('etcFee', ' ▲▼')</th>
        <th>ユーザー</th>
        <th>業販</th>
        <th>UJグループ</th>
        <td>
            @php
                $ob_parts = isset($ushiparts->getParts()[0]) ? $ushiparts->getParts()[0] : null;
            @endphp
            <div class="select-wrap">
                <label>
                    <select name="check_input_user">
                        <option value=""></option>
                        @foreach ($users as $user)
                            <option value="{{ $user->id }}" {{ old("check_input_user", isset($ob_parts->check_input_user) ? $ob_parts->check_input_user : '') == $user->id ? "selected" : "" }}>{{ $user->name_kanji }}</option>
                        @endforeach
                    </select>
                </label>
            </div>
        </td>
        <td>
            <input type="text" name="check_shed_manager_confirm" value="{{ old("check_shed_manager_confirm", isset($ob_parts->check_shed_manager_confirm) ? $ob_parts->check_shed_manager_confirm : '') }}" class="input-text">
        </td>
    </tr>
    @if ($parts_list->count())
        @foreach($parts_list as $parts)
            <tr>
                <td class="{{ config('const.parts_sale_status_class.'.$parts->sale_status) }}">{{ config('const.parts_sale_status.'.$parts->sale_status) }}</td>
                <td><a href="{{ route("backend.parts.products.edit", ["id" => $parts->id, 'home' => 'input_price']) }}">{{ $parts->parts_code }}</a></td>
                <td>{{ $parts->parts_name }}</td>
                <td>@if ($parts->isExistImage())
                        <div class="file-wrap parts_info_ele">
                            　<label>画像
                                <input type="button" id="select_image_{{ $parts->id }}" class="modal_btn" data-target="photoup-{{ $parts->id }}">
                            </label>
                        </div>
                        <div id="photoup-{{ $parts->id }}" class="modal-content">
                            <div class="MDL_window_wrap">
                                <h3 class="t_left subtitle">画像</h3>
                                <div class="modal-photo">
                                    @foreach ($parts->images as $image_key=>$image)
                                        @if ($image->file_path)
                                            <div class="w20per">
                                                <p>画像：{{ $image_key + 1 }}</p>
                                                <a href="{{ asset('storage/parts/').'/'.$parts->id.'/'.$image->file_path }}" onclick="e.preventDefault()" target="_blank" data-lightbox="画像" data-title="{{ $image->file_path }}">
                                                    <img src="{{ asset('storage/parts/').'/'.$parts->id.'/'.$image->file_path }}">
                                                </a>
                                            </div>
                                        @endif
                                    @endforeach
                                </div>
                            </div>
                            <p class="closemodal"><a class="modal-close">×</a></p>
                        </div>
                    @endif
                </td>
                <td>
                    <input type="hidden" name="parts[{{ $parts->id }}][id]" value="{{ $parts->id }}">
                    <input type="text" name="parts[{{ $parts->id }}][purchase_price]" value="{{ old('parts.'.$parts->id.'.purchase_price', $parts->purchase_price) }}" class="input-text input-comma input-half enable_zero num vehicle-price">
                    <div>
                        @error('parts.'.$parts->id.'.purchase_price')
                        <span class="error_text">
                                    <strong>{{ $message }}</strong>
                                </span>
                        @enderror
                    </div>
                </td>
                <td>
                    <input type="text" name="parts[{{ $parts->id }}][etc_fee]" value="{{ old('parts.'.$parts->id.'.etc_fee', $parts->etc_fee) }}" class="input-text input-comma input-half enable_zero num other-price">
                    @error('parts.'.$parts->id.'.other_price')
                    <span class="error_text">
                                <strong>{{ $message }}</strong>
                            </span>
                    @enderror
                </td>
                <td>
                    <input type="text" name="parts[{{ $parts->id }}][user_price]" data-id="{{ $parts->id }}" id="parts_user_price_{{ $parts->id }}" value="{{ old('parts.'.$parts->id.'.user_price', $parts->user_price) }}" class="input-text num input-comma input-half enable_zero">
                    <div>
                        @error('parts.'.$parts->id.'.user_price')
                        <span class="error_text">
                                    <strong>{{ $message }}</strong>
                                </span>
                        @enderror
                    </div>
                </td>
                <td>
                    <input type="text" name="parts[{{ $parts->id }}][sale_price]" data-id="{{ $parts->id }}" id="parts_sale_price_{{ $parts->id }}" value="{{ old('parts.'.$parts->id.'.sale_price', $parts->sale_price) }}" class="input-text num input-comma input-half enable_zero parts_sale_price">
                    <div>
                        @error('parts.'.$parts->id.'.sale_price')
                        <span class="error_text">
                                    <strong>{{ $message }}</strong>
                                </span>
                        @enderror
                    </div>
                </td>
                <td>
                    <input type="text" name="parts[{{ $parts->id }}][uj_price]" data-id="{{ $parts->id }}" id="parts_uj_price_{{ $parts->id }}" value="{{ old('parts.'.$parts->id.'.uj_price', $parts->uj_price) }}" class="input-text num input-comma input-half enable_zero">
                    <div>
                        @error('parts.'.$parts->id.'.uj_price')
                        <span class="error_text">
                                    <strong>{{ $message }}</strong>
                                </span>
                        @enderror
                    </div>
                </td>
                <td class="CH-check">
                    @include('backend.share._parts._s_select_check', ['name'=>"parts[{$parts->id}][csch1_status]", 'class'=>'csch1_status','select'=>old("parts.{$parts->id}.csch1_status", $parts->csch1_status)])
                    <input type="text" name="parts[{{ $parts->id }}][csch1_reason]" class="input-text mt5" value="{{ old("parts.{$parts->id}.csch1_reason", $parts->csch1_reason) }}">
                </td>
                <td class="CH-check">
                    @include('backend.share._parts._s_select_check', ['name'=>"parts[{$parts->id}][csch2_status]", 'class'=>'csch2_status','select'=>old("parts.{$parts->id}.csch2_status", $parts->csch2_status)])
                    <input type="text" name="parts[{{ $parts->id }}][csch2_reason]" class="input-text mt5" value="{{ old("parts.{$parts->id}.csch2_reason", $parts->csch2_reason) }}">
                </td>
                <td>{{ config('const.parts_confirm_status.'.(empty($parts->confirm_status) ? config('const.parts_confirm_status_code.not') : $parts->confirm_status)) }}</td>
            </tr>
        @endforeach
    @else
    @endif
</table>

<div class="center-submit double">
    <input type="button" value="一覧へ戻る" onclick='location.href="{{ route("backend.parts.vehicle.list_ushiparts") }}"'>
    <input type="button" onclick="save(1)" value="更新" {{-- class="submit_confirm" --}}>
    <input type="button" value="商品化完了" onclick="save(2)" class="f-right red">
</div>
<p>・CH2まで「済」にしたら申請日、承認者を選択して更新してください。</p>

<table class="normal half_table w60per f-left" style="margin-right: 20px">
    <tr>
        <th>申請日</th>
        <td>
            <div class="calendar-wrap">
                <label>
                    <input type="text" name="confirm_date" class="datepicker" value="{{ old('confirm_date', $ushiparts->confirm_date) }}">
                </label>
            </div>
        </td>
        <th>承認者</th>
        <td>
            <div class="select-wrap">
                <label>
                    <select name="confirm_charger">
                        <option value="">--</option>
                        @foreach (\App\Service\UserService::getAllUser() as $user)
                            <option value="{{ $user->id }}" {{ $user->id == old('confirm_charger', empty($ushiparts->confirm_charger) ? '' : $ushiparts->confirm_charger) ? 'selected' : '' }}>{{ $user->name_kanji }}</option>
                        @endforeach
                    </select>
                </label>
            </div>
        </td>
    </tr>
</table>
@if (isset($ushiparts->confirm_charger) && $ushiparts->confirm_charger == Auth::guard('admin')->user()->id)
    <div class="center-submit">
        <input type="button" value="承認" id="confirm_ushiparts_btn">
    </div>
@endif
<div class="clearfix"></div>
<p>・「商品化完了」を押すと部品リスト及び価格入力の変更は権限者のみしかできません</p>
<p>・「商品化完了」振替残高が残っていたらエラーメッセージをだす</p>
<p>・「承認」ボタンを社長が押すと承認チェック欄が全て「済」に変わります</p>
<p>・「承認」された時点で原価及び販売価格の変更は不可となります</p>

{{ Form::close() }}

@endsection

@section('page_css')
    <style>
        table.normal#parts_info_table th,
        table.normal#parts_info_table td {
            width: auto !important;
        }
        .MDL_window_wrap {
            margin: 0 !important;
            max-height: 600px !important;
        }
        .finish_sale_mark {
            background-color: red;
            color: white;
            border-radius: 70%;
            padding: 1px 10px;
        }
        .radiobtn-wrap label {
            margin-right: 10px !important;
        }
        .csch_option1 {
            color: black !important;
        }
        .csch_option2 {
            color: #4777ba !important;
        }
        .csch_option3 {
            color: #fe6060 !important;
        }
        th a {
            text-decoration: none !important;
            color: black;
        }
        input:read-only {
            background-color: #dddddd !important;
        }
        .modal-photo img {
            width: 100px;
        }
    </style>
@endsection

@section('page_js')
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script src="{{ asset('vendor/ajaxupload/jquery.ajaxupload.js') }}"></script>
    <script src="{{ asset('assets/backend/js/page/vehicle.js') }}"></script>
    <script>
        function save(type){
            if(type == 1){
                $("#save_status").val("{{ config('const.parts_save_status.temp') }}");
                $("#parts_list_form").submit();
            } else {
                $("#save_status").val("{{ config('const.parts_save_status.complete') }}");
                helper_confirm("dialog-confirm", "完了", "商品化を完了します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                    $("#parts_list_form").submit();
                });
            }
        }

        function calculateUserPrice(sale_price) {
            if(sale_price < 100000) {
                return sale_price * 1.5;
            }
            if(100000 <= sale_price && sale_price < 300000) {
                return sale_price * 1.45;
            }
            if(300000 <= sale_price && sale_price < 600000) {
                return sale_price * 1.4;
            }
            if(600000 <= sale_price && sale_price < 1000000) {
                return sale_price * 1.35;
            }
            if(1000000 <= sale_price ) {
                return sale_price * 1.3;
            }
        }


        function calculateVal()
        {
            let total_prime_price = parseFloat("{{ (is_object($ushiparts) && $ushiparts->getTotalPrimePrice() !== null) ? $ushiparts->getTotalPrimePrice() : 0 }}");
            let total_etc_price = parseFloat("{{ (is_object($ushiparts) && $ushiparts->getTotalEtcPrice() !== null) ? $ushiparts->getTotalEtcPrice() : 0 }}");
            var vehicle_price = 0;
            $(".vehicle-price").each(function(){
                vehicle_price += isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));
            });
            total_prime_price -= vehicle_price;
            console.log(total_prime_price, vehicle_price);
            var num = new Number(total_prime_price).toLocaleString("jp-JP");
            if (!isNaN(total_prime_price)) {
                $("#vehicle_price").empty().html(num + "円");
                $('input[name="vehicle_price"]').val(total_prime_price);
            }
            var other_price = 0;
            $(".other-price").each(function(){
                other_price += isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));
            });
            total_etc_price -= other_price;
            var num = new Number(total_etc_price).toLocaleString("jp-JP");
            $("#other_price").empty().html(num + "円");
            $('input[name="other_price"]').val(total_etc_price);
        }

        $(document).ready(function(){
            @if ($ushiparts->confirm_status == config('const.parts_confirm_status_code.confirm') && !Auth::guard('admin')->user()->canInputUshipartsPrice())
                $(".input-comma.input-half").prop('readonly', true);
            @endif

            $(".category-tab").click(function(){
                var index = $(this).data('id');

                $("#tab_index").val(index);
            });
            calculateVal();
            $(".other-price").change(function(){
                calculateVal();
            });

            $(".vehicle-price").change(function(){
                calculateVal();
            });
            $(".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');
                }
            });

            $('.parts_sale_price').change(function () {
                let sale_price = isNaN(removeCommaValue($(this).val())) ? 0 : removeCommaValue($(this).val());
                let parts_id = $(this).data('id');
                if(sale_price !== 0){
                    $("#parts_uj_price_" + parts_id).val(addCommaValue(sale_price / 2));
                    $("#parts_user_price_" + parts_id).val(addCommaValue(calculateUserPrice(sale_price)));
                } else {
                    $("#parts_uj_price_" + parts_id).val('');
                    $("#parts_user_price_" + parts_id).val('');
                }
            });

            $("#confirm_ushiparts_btn").click(function () {
                helper_confirm("dialog-confirm", "承認", "価格決定を承認します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                    $("#save_status").val("{{ config('const.parts_save_status.confirm') }}");
                    $("#parts_list_form").submit();
                });
            });

            $("#update_status").click(function () {
                let ushiparts_id = "{{ isset($ushiparts->id) ? $ushiparts->id : '' }}";

                $.ajax({
                    type: "post",
                    url : '{{ route("backend.parts.vehicle.update_status") }}',
                    data: {
                        'ushiparts_id': ushiparts_id,
                        _token: '