@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="search_wrap">
        <h3 class="search_title">検索条件</h3>
        {{ Form::open(['route'=>'backend.parts.vehicle.parts_application_list', 'method'=>'get']) }}
        <div class="table-search_wrap">
            <table class="search three_table">
                <tr>
                    <th>承認者</th>
                    <td>
                        <div class="select-wrap">
                            <label>
                                <select name="search_params[confirm_charger]" style="background-color: rgb(255, 235, 235);">
                                    <option value="" selected></option>
                                    @foreach (\App\Service\UserService::getInputPriceAgreeUsers() as $user)
                                        <option value="{{ $user->id }}"  {{ (isset($search_params['confirm_charger']) ? $search_params['confirm_charger'] : "") == $user->id ? "selected" : "" }}>{{ $user->name_kanji }}</option>
                                    @endforeach
                                </select>
                            </label>
                        </div>
                    </td>
                   <th>申請日</th>
                    <td>
                        <div class="calendar-wrap2">
                            <label for="">
                                <input type="text" autocomplete="off" name="search_params[start_time]" value="{{ isset($search_params['start_time']) ? $search_params['start_time'] : '' }}" class="datepicker w100">
                            </label>
                            <span style="margin: 0 !important;">〜</span>
                            <label for="">
                                <input type="text" autocomplete="off" name="search_params[end_time]" class="datepicker w100" value="{{ isset($search_params['end_time']) ? $search_params['end_time'] : '' }}">
                            </label>
                        </div>
                    </td>
                    <th>承認</th>
                    @php
                        if(empty(Request::input('search_params'))) {
                            $search_params['agree_status'][] = config('const.ushiparts_confirm_status.wait');
                        }
                    @endphp
                    <td>
                        <ul class="check-list">
                            @foreach(config('const.ushiparts_confirm_status_lang') as $key => $status)
                                <li class="checkbtn-wrap">
                                    <input type="checkbox" name="search_params[agree_status][]" value="{{ $key }}" id="agree_status{{ $key }}" {{ isset($search_params['agree_status']) ? (in_array($key, $search_params['agree_status']) ? 'checked' : '') : '' }}>
                                    <label for="agree_status{{ $key }}" class="check_label">{{ $status }}</label>
                                </li>
                            @endforeach
                        </ul>
                    </td>
                </tr>
            </table>
        </div>
        <div class="center-submit center">
            <input type="submit" value="検索">
            <input type="button" value="クリア" onclick='location.href="{{ route("backend.parts.vehicle.parts_application_list") }}"'>
        </div>
        {{ Form::close() }}
    </div>

    {{ $ushiparts_list->appends(['search_params'=>$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", ["home"=>"parts_application_list", "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_view_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 class="{{ $ushiparts->agree_status == config('const.ushiparts_confirm_status.wait') || $ushiparts->agree_status == config('const.ushiparts_confirm_status.reject') ? 'red' : '' }}">
                            {{ $ushiparts->agree_status == config('const.ushiparts_confirm_status_lang.empty') ? '' : config('const.ushiparts_confirm_status_lang.' . $ushiparts->agree_status) }}
                        </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