@extends('backend.layouts.app')

@section('content')

    <h2 class="title">生産完了申請一覧</h2>
    @include('backend.layouts.flash-message')

    {{ Form::open(["route"=>"backend.{$department}.vehicle.parts_application_list", "method"=>"get", "id"=>"search_form"]) }}
    <div class="center-submit center">
        <input type="hidden" name="search_param[show_confirm]" value="{{ isset($search_params['show_confirm']) ? $search_params['show_confirm'] : '' }}">
    </div>
    {{ Form::close() }}
    <div class="checkbtn-wrap mb10">
        <input type="checkbox" id="show_confirm" value="1" {{ (isset($search_params['show_confirm']) && $search_params['show_confirm']) ? 'checked' : '' }}>
        <label class="check_label" for="show_confirm">承認含む</label>
    </div>

    {{ $ushiparts_list->appends(['search_param'=>$search_params])->links('vendor.pagination.admin-pagination') }}
    <table class="normal type3">
        <thead>
        <tr>
            <th>詳細</th>
            <th>申請日@sortablelink('confirm_date', ' ▲▼')</th>
            <th>承認者@sortablelink('confirm_charger', ' ▲▼')</th>
            <th>部品区分@sortablelink('type', ' ▲▼')</th>
            <th>仕入日</th>
            <th>仕入先</th>
            <th>初年度登録</th>
            <th>型式</th>
            <th>車体番号</th>
            <th>部品名</th>
            <th>承認</th>
        </tr>
        </thead>
        <tbody>
            @if ($ushiparts_list->count())
                @foreach ($ushiparts_list as $ushiparts)
                    <tr>
                        <td><a href="{{ route("backend.parts.vehicle.input_price", ["ushiparts_id"=>$ushiparts->id]) }}">価格入力</a></td>
                        <td>{{ !empty($ushiparts->confirm_date) ? Carbon::parse($ushiparts->confirm_date)->format('Y.m.d') : '' }}</td>
                        <td>{{ \App\Service\UserService::getUserName($ushiparts->confirm_charger) }}</td>
                        <td>{{ config('const.parts_check_class.'.$ushiparts->type) }}</td>
                        <td>{{ $ushiparts->getPurchaseDate() }}</td>
                        <td>{{ $ushiparts->getPurchasePartner() }}</td>
                        <td>{{ $ushiparts->getVehicleYearType() }}</td>
                        <td>{{ $ushiparts->getVehicleModel() }}</td>
                        <td>
                            @if($ushiparts->type == config('const.ushiparts_type.vehicle'))
                                {{ isset($ushiparts->target_vehicle()->vehicle_info_basic->chassis_no) ? $ushiparts->target_vehicle()->vehicle_info_basic->chassis_no : '' }}
                            @else
                                {{ isset($ushiparts->target->vehicle_no) ? $ushiparts->target->vehicle_no : '' }}
                            @endif
                        </td>
                        <td class="text-prewrap w200">@foreach ($ushiparts->getParts() as $parts) {{ $parts->parts_name }}@if (!$loop->last),@endif @endforeach</td>
                        <td>
                            {{ $ushiparts->confirm_status == config('const.parts_confirm_status_code.confirm') ? '承認' : '' }}
                        </td>
                    </tr>
                @endforeach
            @else
                <tr>
                    <td colspan="11">データが存在しません。</td>
                </tr>
            @endif
        </tbody>
    </table>
    {{ $ushiparts_list->appends(['search_param'=>$search_params])->links('vendor.pagination.admin-pagination') }}
<p>＊承認者は「価格入力」で承認をお願い致します</p>
@endsection

@section('page_js')
    <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>
        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_confirm").click(function () {
                if($(this).prop('checked')){
                    $('input[name="search_param[show_confirm]"]').val(1);
                    $("#search_form").submit();
                } else {
                    $('input[name="search_param[show_confirm]"]').val('');
                    $("#search_form").submit();
                }
            });

            $('.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'));
            });

            $(".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>
        .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