@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") }}">仕入パーツ登録</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>
                    <input type="text" name="search_params[chassis_no]" value="{{ isset($search_params['chassis_no']) ? $search_params['chassis_no'] : '' }}" class="input-text">
                </td>
                <th>仕入日</th>
                <td>
                    <div class="calendar-wrap">
                        <label>
                            <input type="text" name="search_params[purchase_date]" class="datepicker" value="{{ isset($search_params['purchase_date']) ? $search_params['purchase_date'] : '' }}">
                        </label>
                    </div>
                </td>
                <th>仕入先</th>
                <td>
                    <input type="text" readonly name="search_params[partner_name]" id="partner_name" value="{{ isset($search_params['partner_name']) ? $search_params['partner_name'] : '' }}" placeholder="" class="input-text w80per">
                    <input type="hidden" name="search_params[partner_id]" id="partner_id" value="{{ isset($search_params['partner_id']) ? $search_params['partner_id'] : '' }}" placeholder="">
                    @include('backend.share._parts._partner_search_part')
                </td>
                <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="company">
                        <div class="calendar-wrap2">
                            <label for="">
                                <input type="text" name="search_params[start_date]" autocomplete="off" value="{{ isset($search_params['start_date']) ? $search_params['start_date'] : '' }}" class="datepicker">
                            </label>
                        </div>
                        <div>～</div>
                        <div class="calendar-wrap2">

                            <label for="">
                                <input type="text" name="search_params[end_date]" autocomplete="off" value="{{ isset($search_params['end_date']) ? $search_params['end_date'] : '' }}" class="datepicker">
                            </label>
                        </div>
                    </div>
                </td>
                <th>仕入担当者</th>
                <td>
                    <div class="select-wrap">
                        <label>
                            <select name="search_params[charge_user_id]">
                                <option value="">--</option>
                                @foreach (\App\Service\UserService::getAllUser() as $user)
                                    <option value="{{ $user->id }}" {{ (isset($search_params['charge_user_id']) ? $search_params['charge_user_id'] : '') == $user->id ? 'selected' : '' }}>{{ $user->name_kanji }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                </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>
                    <div class="company">
                        <div class="select-wrap" id="parts_sub_category_div{{ isset($i) ? $i : '' }}" style="min-width: 100px">
                            <label>
                                <select name="{{ isset($sub_name) ? $sub_name : 'parts_sub_category'}}" id="parts_sub_category{{ isset($i) ? $i : '' }}">
                                    <option value="">--</option>
                                </select>
                            </label>
                        </div>
                        <div class="select-wrap" id="parts_etc_category_div{{ isset($i) ? $i : '' }}" style="display: none">
                            <label>
                                <select name="{{ isset($etc_name) ? $etc_name : 'parts_etc_category'}}" id="parts_etc_category{{ isset($i) ? $i : '' }}">
                                    <option value="">--</option>
                                </select>
                            </label>
                        </div>
                    </div>
                </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(['date'=>$current_date, 'search_params'=>(isset($search_params) ? $search_params : null)])->links('vendor.pagination.admin-pagination') }}
    <table class="normal type3">
        <thead>
            <tr>
                <th></th>
                <th>部品区分※</th>
                <th>登録日※</th>
                <th>仕入担当者</th>
                <th class="w150">商品カテゴリー※</th>
                <th>部品名</th>
                <th>型式</th>
                <th>車台番号</th>
                <th>仕入日</th>
                <th>仕入先※</th>
                <th>部品価格（税別）</th>
                <th>備考</th>
            </tr>
        </thead>
        <tbody>
            @if ($params->count() > 0)
            @foreach ($params as $param)
                    <tr>
                        <td>
                            <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'=>$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]'=>$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>
                            <p>{{ is_object($param->first_addition) && $param->first_addition->register_date ? Carbon::parse($param->first_addition->register_date)->format('Y.m.d') : '' }}</p>
                        </td>
                        <td>
                            <p>{{ is_object($param->first_addition) && isset($param->first_addition->user->name_kanji) ? $param->first_addition->user->name_kanji : '' }}</p>
                        </td>
                        <td>{{ is_object($param->first_addition) && isset($param->first_addition->main_category->name) ? $param->first_addition->main_category->name : '' }}</td>
                        <td>
                            {{ is_object($param->first_addition) && isset($param->first_addition->sub_category->name) ? $param->first_addition->sub_category->name : '' }}
                        </td>
                        <td>{{ $param->model_first }}-{{ $param->model_second }}</td>
                        <td>
                            {{ $param->vehicle_no }}
                        </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>
                            <p class="text-left">{{ is_object($param->first_addition) && isset($param->first_addition->partner->company_name1) ? $param->first_addition->partner->company_name1.'　'.$param->first_addition->partner->company_name2 : '' }}</p>
                        </td>
                        <td>
                            <p class="num">{{ is_object($param->first_addition) && isset($param->first_addition->purchase_price) ? (number_format($param->first_addition->purchase_price) .'円') :''  }}</p>
                        </td>
                        <td><p class="w200 text-prewrap">{!! nl2br($param->stocking_note) !!}</p></td>
                    </tr>
            @endforeach
            @else
                <tr>
                    <td colspan="12">データが存在しません。</td>
                </tr>
            @endif
        </tbody>
    </table>
    {{ $params->appends(['date'=>$current_date, 'search_params'=>(isset($search_params) ? $search_params : null)])->links('vendor.pagination.admin-pagination') }}
</div>

@endsection


@section('page_css')
    <style>
        .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