@extends('backend.layouts.app')

@section('content')

<h2 class="title f-left">仕入パーツ一覧</h2>

<p class="add_fieldbtn ma0 f-right"><a href="{{ route("backend.parts.stocking.create", ['stocking_type'=>3]) }}">取寄せ登録</a></p>
<p class="add_fieldbtn ma0 mr10 f-right"><a href="{{ route("backend.parts.stocking.create") }}">単品・セット・下取り登録</a></p>
<div class="clearfix"></div>
@include('backend.layouts.flash-message')
{{ Form::open(["route"=>"backend.{$department}.stocking.index", "method"=>"get", "id"=>"search_form"]) }}
<div class="search_wrap">
    <h3 class="search_title">検索条件</h3>
    <div class="table-search_wrap">
        <table class="normal2 three_table">
            <tr>
                <th>部品区分</th>
                <td>
                    <div class="select-wrap">
                        <label>
                            <select name="search_params[stocking_type]">
                                <option value="">--</option>
                                @foreach(config('const.stocking_type') as $key => $type)
                                    <option value="{{ $key }}" {{ (isset($search_params['stocking_type']) ? $search_params['stocking_type'] : '') == $key ? 'selected' : '' }}>{{ $type }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                </td>
                <th>登録日</th>
                <td>
                    <div class="calendar-wrap3">
                        <label for="">
                            <input type="text" name="search_params[start_date]" autocomplete="off" value="{{ isset($search_params['start_date']) ? $search_params['start_date'] : '' }}" class="datepicker w90">
                        </label>
                        <span>～</span>
                        <label for="">
                            <input type="text" name="search_params[end_date]" autocomplete="off" value="{{ isset($search_params['end_date']) ? $search_params['end_date'] : '' }}" class="datepicker w90">
                        </label>
                    </div>
                </td>
                <th>車台番号</th>
                <td>
                    <input type="text" name="search_params[chassis_no]" value="{{ isset($search_params['chassis_no']) ? $search_params['chassis_no'] : '' }}" class="input-text">
                </td>
            </tr>
            <tr>
                <th>仕入日</th>
                <td>
                    <ul class="check-list f-left">
                        <li class="checkbtn-wrap">
                            <input type="checkbox" name="search_params[empty_purchase_date][]" value="1" id="empty_purchase_date_1" {{ isset($search_params['empty_purchase_date']) && in_array(1, $search_params['empty_purchase_date']) ? 'checked' : '' }}>
                            <label for="empty_purchase_date_1" class="check_label">空欄</label>
                        </li>
                        <li class="checkbtn-wrap">
                            <input type="checkbox" name="search_params[empty_purchase_date][]" value="2" id="empty_purchase_date_2" data-ele="purchase_date" {{ isset($search_params['empty_purchase_date']) && in_array(2, $search_params['empty_purchase_date']) ? 'checked' : '' }}>
                            <label for="empty_purchase_date_2" class="check_label"></label>
                        </li>
                    </ul>

                    <div class="calendar-wrap3">
                        <label>
                            <input type="text" name="search_params[purchase_date_from]" class="datepicker w90" value="{{ isset($search_params['purchase_date_from']) ? $search_params['purchase_date_from'] : "" }}">
                        </label>
                        <span>～</span>
                        <label>
                            <input type="text" name="search_params[purchase_date_to]" class="datepicker w90" value="{{ isset($search_params['purchase_date_to']) ? $search_params['purchase_date_to'] : "" }}">
                        </label>
                    </div>
                </td>
                <th>仕入先</th>
                <td>
                    <input type="text" name="search_params[partner_name]" id="partner_name" value="{{ isset($search_params['partner_name']) ? $search_params['partner_name'] : '' }}" placeholder="" class="input-text w100per">
                </td>
                <th>仕入担当者</th>
                <td>

                    <input type="text" name="search_params[charge_user_name]" id="charge_user_name" value="{{ isset($search_params['charge_user_name']) ? $search_params['charge_user_name'] : '' }}" placeholder="" class="input-text w100per">
                </td>
            </tr>
            <tr>
                @php
                    $main_name = 'search_params[parts_category]';
                    $second_name = 'search_params[parts_second_category]';
                    $sub_name = 'search_params[parts_sub_category]';
                    $etc_name = 'search_params[parts_etc_category]';
                    $part_main_category = (isset($search_params['parts_category']) ? $search_params['parts_category'] : '');
                    $part_second_category = (isset($search_params['parts_second_category']) ? $search_params['parts_second_category'] : '');
                    $part_sub_category = (isset($search_params['parts_sub_category']) ? $search_params['parts_sub_category'] : '');
                    $parts_etc_category = (isset($search_params['parts_etc_category']) ? $search_params['parts_etc_category'] : '');
                @endphp
                <th>商品カテゴリ一</th>
                <td>
                    <div>
                        <div class="select-wrap">
                            <label>
                                <select name="{{ isset($main_name) ? $main_name : 'parts_category' }}" id="parts_main_category{{ isset($i) ? $i : '' }}">
                                    <option value="">--</option>
                                    @foreach(\App\Service\Masters\PartsCategoryService::getAllPartsCategories() as $key => $category)
                                        <option value="{{ $category->id }}" {{ $part_main_category == $category->id ? 'selected' : '' }}>{{ $category->name }}</option>
                                    @endforeach
                                </select>
                            </label>
                        </div>
                    </div>
                </td>
                <th id="parts_name_header">部品名</th>
                <td>
                    <input type="text" name="search_params[parts_name]" value="{{ isset($search_params['parts_name']) ? $search_params['parts_name'] : '' }}" class="input-text">
                </td>
                <th>備考</th>
                <td>
                    <input type="text" name="search_params[stocking_note]" value="{{ isset($search_params['stocking_note']) ? $search_params['stocking_note'] : '' }}" class="input-text">
                </td>
            </tr>
        </table>
    </div>
    <input type="hidden" name="search_params[show_complete]" class="show_complete" value="{{ isset($search_params['show_complete']) ? $search_params['show_complete'] : '' }}">
    <div class="center-submit t_center ">
        <input type="submit" value="検索">
        <input type="button" value="クリア" onclick='location.href="{{ route("backend.parts.stocking.index") }}"'>
    </div>
</div>
{{ Form::close() }}
<div class="clearfix"></div>
<ul class="subtitleandbtns mt0 f-right">
    <li class="add_fieldbtn non-icon"><a target="_blank" href="{{ route("backend.parts.stocking.print_excel", ["search_params" => (isset($search_params) ? $search_params : '')]) }}">CSV出力</a></li>
</ul>

<div class="checkbtn-wrap">
    <input type="checkbox" id="show_complete_work" {{ (isset($search_params['show_complete']) ? $search_params['show_complete'] : '') ? 'checked' : '' }}>
    <label for="show_complete_work" class="check_label">登録済含む</label>
</div>
<div class="clearfix"></div>
<div style="max-width: 100%;overflow: scroll;max-height: 500px">
    {{ $params->appends(['sort'=>Request::get('sort'), 'direction'=>Request::get('direction'), 'date'=>$current_date, 'search_params'=>(isset($search_params) ? $search_params : null)])->links('vendor.pagination.admin-pagination') }}
    <table class="normal type3">
        <thead>
            <tr>
                <th rowspan="2" class="w120">詳細</th>
                <th rowspan="2" class="w100">部品区分@sortablelink('stocking_type', ' ▲▼', ['search_params'=>$search_params])</th>
                <th rowspan="2" class="w90">登録日@sortablelink('first_addition.register_date', ' ▲▼', ['search_params'=>$search_params])</th>
                <th rowspan="2" class="w50">仕入担当者</th>
                <th rowspan="2" class="w100">商品カテゴリー</th>
                <th rowspan="2" class="w150">部品名</th>
                <th rowspan="2" class="w150">部品名補足</th>
                <th rowspan="2" class="w70">仕入日</th>
                <th rowspan="2" class="w200">仕入先</th>
                <th colspan="2">単品・セット・下取り</th>
                <th colspan="2">取寄せ</th>
                <th rowspan="2" class="w150">備考</th>
            </tr>
            <tr>
                <th class="second-th w120">車両・部品(税別)</th>
                <th class="second-th w120">その他(税別)</th>
                <th class="second-th w120">部品価格(税別)</th>
                <th class="second-th w120">その他(税別)</th>
            </tr>
        </thead>
        <tbody>
            @if ($params->count() > 0)
            @foreach ($params as $param)
                    <tr>
                        <td>
                            <p><a href="{{ route("backend.parts.stocking.detail", ['stocking'=>$param->id]) }}">閲覧</a></p>
                            {{--<p><a href="{{ route("backend.parts.stocking.edit", ['id'=>$param->id]) }}">詳細</a></p>--}}
                            @if($param->stocking_type == config('const.stocking_type_code.jtp_set') || $param->stocking_type == config('const.stocking_type_code.jtp_single'))
                                @if(!$param->hasParts())
                                    <p><a href="#" class="convert_stocking" data-url="{{ route("backend.{$department}.stocking.convert", ['stock_id'=>$param->id, 'stock_type'=>'jtp', 'addition_id'=>is_object($param->first_addition) ? $param->first_addition->id : '']) }}">販売中商品一覧へ</a></p>
                                @else
                                    <p><a href="{{ route("backend.parts.products.index", ['sale_status'=>$param->first_addition->getPartsSaleStatus(), 'search_params[stock_id]'=>is_object($param->first_addition) ? $param->first_addition->id : '']) }}">販売中商品一覧</a></p>
                                @endif
                            @else
                                @if(is_object($param->ob_ushiparts))
                                    <p><a href="{{ route("backend.{$department}.vehicle.list_ushiparts",  ['ushiparts_id'=>$param->ob_ushiparts->id, 'show_parts'=>1]) }}" target="_blank">商品化へ</a></p>
                                @else
                                    @if(!$param->hasParts())
                                        <p><a href="#" class="convert_stocking" data-url="{{ route("backend.{$department}.stocking.convert", ['stock_id'=>$param->id]) }}">商品化する</a></p>
                                    @endif
                                @endif
                            @endif
                        </td>
                        <td>{{ config('const.stocking_type.'.$param->stocking_type) }}</td>
                        <td>{{ is_object($param->first_addition) && $param->first_addition->register_date ? Carbon::parse($param->first_addition->register_date)->format('Y.m.d') : '' }}</td>
                        <td>{{ is_object($param->first_addition) && isset($param->first_addition->user->name_kanji) ? $param->first_addition->user->name_kanji : '' }}</td>
                        <td class="text-left text-wrap">{{ is_object($param->first_addition) && isset($param->first_addition->main_category->name) ? $param->first_addition->main_category->name : '' }}</td>
                        <td class="text-left text-wrap">{{ is_object($param->first_addition) && isset($param->first_addition->sub_category->name) ? $param->first_addition->sub_category->name : '' }}</td>
                        <td class="text-left text-wrap">{{ is_object($param->first_addition) && isset($param->first_addition->addition_parts_name) ? $param->first_addition->addition_parts_name : '' }}</td>
                        <td>{{ is_object($param->first_addition) && isset($param->first_addition->purchase_date) ? Carbon::parse($param->first_addition->purchase_date)->format('Y.m.d'): '' }}</td>
                        <td class="text-left text-wrap">{{ is_object($param->first_addition) && isset($param->first_addition->partner->company_name1) ? $param->first_addition->partner->company_name1.'　'.$param->first_addition->partner->company_name2 : '' }}</td>
                        <td class="text-right">{{ $param->stocking_type != config('const.stocking_type_code.jtp_single') && is_object($param->first_addition) && isset($param->first_addition->purchase_price) ? number_format($param->first_addition->purchase_price) : ''  }}</td>
                        <td class="text-right">{{ $param->stocking_type != config('const.stocking_type_code.jtp_single') && is_object($param->first_addition) && isset($param->first_addition->etc_fee) ? number_format($param->first_addition->etc_fee) : ''  }}</td>
                        <td class="text-right">{{ $param->stocking_type == config('const.stocking_type_code.jtp_single') && is_object($param->first_addition) && isset($param->first_addition->purchase_price) ? number_format($param->first_addition->purchase_price) : ''  }}</td>
                        <td class="text-right">{{ $param->stocking_type == config('const.stocking_type_code.jtp_single') && is_object($param->first_addition) && isset($param->first_addition->etc_fee) ? number_format($param->first_addition->etc_fee) : ''  }}</td>
                        <td><p class="text-left text-wrap">{{ $param->stocking_note }}</p></td>
                    </tr>
            @endforeach
            @else
                <tr>
                    <td colspan="14">データが存在しません。</td>
                </tr>
            @endif
        </tbody>
    </table>
    {{ $params->appends(['sort'=>Request::get('sort'), 'direction'=>Request::get('direction'), 'date'=>$current_date, 'search_params'=>(isset($search_params) ? $search_params : null)])->links('vendor.pagination.admin-pagination') }}
</div>

@endsection


@section('page_css')
    <style>
        table.type3 {
            width: max-content !important;
        }

        #partner_table_section table.type3 {
            width: 100% !important;
        }

        table.type3 thead th{
            height: 39px !important;
        }

        table.type3 thead th.second-th{
            position: sticky;
            top: 39px;
        }

        .calendar-wrap3 img{
            margin: 0 5px !important;
        }
        .calendar-wrap3 span {
            margin: 0 !important;
        }
        .calendar-wrap3 label:nth-child(1) {
            width: 120px !important;
        }

        .three_table th {
            width: 110px !important;
        }
        .three_table td {
            /*width: 26.2% !important;*/
            padding: 5px 5px !important;

        }
        .check-list li {
            padding: 0px;
        }
        .check_label {
            padding: 0px 10px 0 24px;
        }

        .calendar-wrap2 label {
            width: 125px !important;
        }
        div.calendar-wrap2 {
            width: 160px !important;
        }
        #r-content {
            padding-top: 5px !important;
        }
        .title.f-left {
            margin-bottom: 5px !important;
        }
        .table-search_wrap {
            padding: 5px !important;
        }
        table.normal2.three_table {
            margin-bottom: 0 !important;
        }
    </style>
@endsection

@section('page_js')
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script>
        $(function () {
            let main_category = "{{ $part_main_category }}";
            let second_category = "{{ $part_second_category }}";
            let sub_category = "{{ $part_sub_category }}";
            let etc_category = "{{ $parts_etc_category }}";
            $(document).ready(function () {
                $("#parts_main_category{{ isset($i) ? $i : '' }}").change(function () {
                    main_category = $(this).val();
                    if(main_category){
                        sub_category = '';
                        etc_category = '';
                        getSubCategory();
                    } else {
                        $("#parts_sub_category{{ isset($i) ? $i : '' }}").empty();
                    }
                });

                $("#parts_sub_category{{ isset($i) ? $i : '' }}").change(function () {
                    if($(this).val() && $(this).val()!=999){
                        $("#parts_stocking_name{{ isset($i) ? $i : '' }}").val($("#parts_sub_category{{ isset($i) ? $i : '' }} option:selected").text());
                    }
                    sub_category = $(this).val();
                    etc_category = 0;
                    if($("#parts_sub_category{{ isset($i) ? $i : '' }} option:selected").data('other')) {
                        getEtcCategory();
                    } else {
                        $("#parts_etc_category_div{{ isset($i) ? $i : '' }}").hide();
                        $("#parts_etc_category{{ isset($i) ? $i : '' }}").empty();
                    }
                });

                $("#parts_etc_category{{ isset($i) ? $i : '' }}").change(function () {
                    if($(this).val()){
                        $("#parts_stocking_name{{ isset($i) ? $i : '' }}").val($("#parts_etc_category{{ isset($i) ? $i : '' }} option:selected").text());
                    }
                });

                if(main_category){
                    getSubCategory();
                }

                function getSubCategory() {
                    $.ajax({
                        type: "post",
                        url: " {{ route('backend.ajax.get_parts_sub_category') }}",
                        data: {
                            category_id: main_category,
                            _token: "{{ csrf_token() }}"
                        },
                        dataType: "json",
                        success: function(result) {
                            $("#parts_sub_category{{ isset($i) ? $i : '' }}").empty().html(result.content);
                            $("#parts_sub_category{{ isset($i) ? $i : '' }}").val(sub_category);
                            $("#parts_etc_category_div{{ isset($i) ? $i : '' }}").hide();
                            $("#parts_etc_category{{ isset($i) ? $i : '' }}").empty();
                            if(sub_category == "{{ config('const.option_other_large_value') }}" && etc_category) {

                            } else if(sub_category) {
                                if($("#parts_sub_category{{ isset($i) ? $i : '' }} option:selected").data('other')) {
                                    getEtcCategory();
                                }
                            }
                        },
                        error: function(){
                            alert('サブカテゴリは読めません。');
                        },

                    });
                }

                function getEtcCategory() {
                    $.ajax({
                        type: "post",
                        url: " {{ route('backend.ajax.get_parts_sub_category') }}",
                        data: {
                            category_id: main_category,
                            sub_category:$("#parts_sub_category{{ isset($i) ? $i : '' }} option:selected").data('other'),
                            _token: "{{ csrf_token() }}"
                        },
                        dataType: "json",
                        success: function(result) {
                            $("#parts_etc_category_div{{ isset($i) ? $i : '' }}").show();
                            $("#parts_etc_category{{ isset($i) ? $i : '' }}").empty().html(result.content);
                            $("#parts_etc_category{{ isset($i) ? $i : '' }}").val(etc_category);
                        },
                        error: function(){
                            alert('サブカテゴリは読めません。');
                        },

                    });
                }
            });
        })
        $(function () {
           $(document).ready(function () {
               $("#search_partner").click(function() {
                   search_confirm("dialog-search-partner", "仕入先検索", 700, "確認", "閉じる", function() {
                       $("#partner_name").val($('input[name="user_select"]:checked').val());
                       $("#partner_id").val($('input[name="user_select"]:checked').data('partner_id'));
                   });
               });
               $("#show_complete_work").click(function () {
                   if($(this).prop('checked')) {
                       $('input[name="search_params[show_complete]"]').val(1);
                   } else {
                       $('input[name="search_params[show_complete]"]').val('');
                   }
                   $("#search_form").submit();
               });
               $(".convert_stocking").click(function () {
                   let url = $(this).data('url');
                   helper_confirm("dialog-confirm", "商品化", "商品化します。<br />よろしいですか？", 300, "確認", "閉じる", function(){

                       location.href=url;
                   });
               });
           }) ;
        });
    </script>
@endsection