@extends('backend.layouts.app')

@section('content')

        <h2 class="title">商品化一覧</h2>
        @include('backend.layouts.flash-message')

    {{ Form::open(["route"=>"backend.{$department}.vehicle.list_ushiparts", "method"=>"get", "id"=>"search_form"]) }}
    <div class="search_wrap">
        <h3 class="search_title">検索条件</h3>
        <div class="table-search_wrap">
            <table class="search three_table">
            <tr>
                <th>生産ステータス</th>
                <td>
                    <div class="select-wrap">
                        <label>
                            <select name="search_param[status]">
                                <option value="">--</option>
                                @foreach(config('const.vehicle_parts_status') as $key => $status)
                                    @if ($key == config('const.vehicle_parts_status_code.recycle') || $key == config('const.vehicle_parts_status_code.finish_accept'))
                                        @continue
                                    @endif
                                    <option value="{{ $key }}" {{ (isset($search_params['status']) && $search_params['status'] != '' && is_numeric($search_params['status']) && $search_params['status'] == $key) ? 'selected' : '' }}>{{ $status }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                </td>
                <th>部品区分</th>
                <td>
                    <div class="select-wrap">
                        <label>
                            <select name="search_param[type]">
                                <option value="">--</option>
                                @foreach (config('const.parts_check_class') as $key => $type)
                                    <option value="{{ $key }}" {{ (isset($search_params['type']) ? $search_params['type'] : '') == $key ? 'selected' : '' }}>{{ $type }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                </td>
                <th>車台番号</th>
                <td>
                    <input type="text" name="search_param[chassis_no]" class="input-text" value="{{ isset($search_params['chassis_no']) ? $search_params['chassis_no'] : '' }}">
                </td>
            </tr>
            <tr>
                <th>サイズ</th>
                <td>
                    <div class="select-wrap">
                        <label for="">
                            <select name="search_param[size]">
                                <option value="">--</option>
                                @foreach (config('const.vehicle_size') as $key=>$size)
                                    <option value="{{ $key }}" {{ (isset($search_params['size']) ? $search_params['size'] : "") == $key ? 'selected' : '' }}>{{ $size }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                </td>

                <th>ボディ形状</th>
                <td>
                    @include('backend.share._parts._body_category', ['name'=>'search_param[basic]', 'body_category' =>isset($search_params['basic']['body_category']) ? $search_params['basic']['body_category'] : '' , 'body_mid_category' =>isset($search_params['basic']['body_mid_category']) ? $search_params['basic']['body_mid_category'] : '', 'body_sub_category' =>isset($search_params['basic']['body_sub_category']) ? $search_params['basic']['body_sub_category'] : '' ])
                </td>

                @php
                    $main_name = 'search_param[parts_category]';
                    $second_name = 'search_param[parts_second_category]';
                    $sub_name = 'search_param[parts_sub_category]';
                    $etc_name = 'search_param[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">
                                    <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>
            </tr>
            <tr>
                <th>仕入日</th>
                <td>
                    <ul class="check-list f-left">
                        <li class="checkbtn-wrap">
                            <input type="checkbox" name="search_param[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_param[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_param[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_param[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_param[partner]" class="input-text" value="{{ isset($search_params['partner']) ? $search_params['partner'] : '' }}">
                </td>

                <th id="parts_name_header">部品名</th>
                <td>
                    <input type="text" name="search_param[parts_name]" class="input-text" value="{{ isset($search_params['parts_name']) ? $search_params['parts_name'] : '' }}">
                </td>
            </tr>
        </table>
        </div>
        <div class="center-submit center">
            <input type="hidden" name="_tab" value="{{ $selected_tab }}" id="selected_tab">
            <input type="hidden" name="tab" value="{{ $selected_tab }}" id="t_selected_tab">
            <input type="hidden" name="sort" value="{{ Request::input('sort') }}">
            <input type="hidden" name="direction" value="{{ Request::input('direction') }}">
            <input type="hidden" name="search_param[show_finish_work]" value="{{ isset($search_params['show_finish_work']) ? $search_params['show_finish_work'] : '' }}">
            <input type="submit" value="検索">
            <input type="button" value="クリア" onclick='location.href="{{ route("backend.{$department}.vehicle.list_ushiparts") }}"'>
        </div>
    </div>
    {{ Form::close() }}
    <div class="checkbtn-wrap mb10 f-left">
        <input type="checkbox" id="show_finish_work" value="1" {{ (isset($search_params['show_finish_work']) && $search_params['show_finish_work']) ? 'checked' : '' }}>
        <label class="check_label" for="show_finish_work">商品化完了含む</label>
    </div>
        <p class="add_fieldbtn non-icon f-right"><a target="_blank" href="{{ route("backend.parts.vehicle.print_ushiparts") }}" id="btn_print_csv">CSV出力</a></p>
        <div class="clearfix"></div>
    <ul class="tab two">
        @foreach(config('const.ushiparts_tab') as $key => $title)
            <li class="ushiparts_tab {{ $selected_tab == $key ? 'select' : '' }}" data-tab_id="{{ $key }}" id="TAB{{ $key }}">{{ $title }}</li>
        @endforeach
    </ul>
    <ul class="content">
        @foreach(config('const.ushiparts_tab') as $key => $title)
            <li class="ushiparts_content_tab {{ $selected_tab == $key ? '' : 'hide' }} TAB{{ $key }}">
                @if($key != config('const.ushiparts_tab_code.before'))
                    @include('backend.share.vehicle.parts_list._list_ushiparts', [
                        'ushiparts_list'=>$ushiparts_lists[$key],
                        'p_tab' => $key
                    ])
                @else
                    @include('backend.share.vehicle.parts_list._list_stock', [
                        'ushiparts_list'=>$ushiparts_lists[$key],
                        'p_tab' => $key
                    ])
                @endif
            </li>
        @endforeach
    </ul>

@endsection

@section('page_js')
    <script>
        let main_category = "{{ $part_main_category }}";
        let second_category = "{{ $part_second_category }}";
        let sub_category = "{{ $part_sub_category }}";
        let etc_category = "{{ $parts_etc_category }}";

        let export_url = "{{ route("backend.{$department}.products.export_list_sheet") }}";
        let sale_status = 0;
        const csrf_token = "{{ csrf_token() }}"
        const get_parts_category_url = "{{ route('backend.ajax.get_parts_sub_category') }}"
        const option_large_value = "{{ config('const.option_other_large_value') }}";
    </script>
    <script src="{{ asset('vendor/ajaxupload/jquery.ajaxupload.js') }}"></script>
    <script src="{{ asset('assets/backend/js/page/vehicle.js') }}"></script>
    <script src="{{ asset('vendor/dropzone/dropzone.js') }}?20201006"></script>
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script src="{{ asset('assets/backend/js/page/parts_list.js') }}?{{ Carbon::now()->format('YmdHis') }}"></script>
    <script>
        Dropzone.autoDiscover = false;
        function save(type){
            $("#save_status").val(type);
            if(type != "{{ config('const.parts_save_status.complete') }}"){
                if(type == "{{ config('const.parts_save_status.add') }}"){
                    helper_confirm("dialog-confirm", "追加", "選択された部品を追加します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                        $("#parts_list_form").submit();
                    });
                } else {
                    $("#parts_list_form").submit();
                }
            } else {
                helper_confirm("dialog-confirm", "完了", "部品登録を完了します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                    $("#parts_list_form").submit();
                });
            }
        }
        $(document).ready(function(){
            $("#show_finish_work").click(function () {
                if($(this).prop('checked')){
                    $('input[name="search_param[show_finish_work]"]').val(1);
                    $('select[name="search_param[work_status]"]').val('');
                    $("#search_form").submit();
                } else {
                    $('input[name="search_param[show_finish_work]"]').val('');
                    $("#search_form").submit();
                }
            });

            $("#btn_print_csv").click(function (e) {
                e.preventDefault();
                let url = $(this).attr('href');
                window.location = url + '?' + $('#search_form').serialize();
            });

            $('.create_qr_seed').click(function(){
                var vehicle_id = $(this).data('vehicle_id');
                $("#qr_seed_form" + vehicle_id).submit();
            });

            $(".ushiparts_tab").click(function () {
                $("#selected_tab").val($(this).data('tab_id'));
                $("#t_selected_tab").val($(this).data('tab_id'));
            });

            $(".delete_ushiparts_btn").click(function () {
                let id = $(this).data('id');
                helper_confirm("dialog-confirm", "削除", "商品化を削除します。<br />作業受付、作業工程、部品も一緒に削除されることになります。<br/>よろしいですか？", 450, "確認", "閉じる", function(){
                    $("#delete_ushiparts_form" + id).submit();
                });
            });

            $('.parts_image').click(function(){
                $("#download_file_path").val($(this).data('file_path'));
                $("#download_file_name").val($(this).data('file_name'));
                $("#download_id").val($(this).data('id'));
                $("#download_submit").submit();
            });
        });

    </script>
@endsection

@section('page_css')
    <link rel="stylesheet" href="{{ asset('vendor/dropzone/dropzone.css') }}?20201006">
<style>
    table.type3 {
        width: max-content !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;
    }

    th a {
        text-decoration: none !important;
    }
    .part-register{
        display: block;
    }
    .ui-icon.ui-icon-alert {
        height: 20px;
    }
    .btn-wrap {
        display: flex;
        flex-wrap: wrap;
        border-bottom: none !important;
    }
    .btn-wrap div {
        width: 100px;
        text-align: right;
        padding-top: 10px;
        padding-right: 10px;
    }
    .btn-wrap p {
        width: 100px;
        text-align: center;
    }
    .dz-drag-hover {
        background-color: #b2b2b2 !important;
        border: none !important;
    }
    .dropzone {
        border: none;
        padding: 20px 0 20px 10px;
        min-height: unset !important;
    }
    .dropzone .dz-message {
        display: none;
    }
    #ushiparts_list {
        overflow: auto;
        max-height: 500px;
    }
    .center-submit {
        margin-top: 10px !important;
        margin-bottom: 0 !important;
    }
    .center-submit input {
        height: 30px !important;
    }
    .search_wrap {
        margin-bottom: 0 !important;
        padding-bottom: 10px !important;
    }
</style>

@endsection