@extends('backend.layouts.app')
@section('content')
    @php
        $current_date = Carbon::now();
        $start_date = Carbon::now()->subDays(7);
        $end_date = Carbon::now()->addDays(7);
        $period = Carbon\CarbonPeriod::create($start_date->format('Y-m-d'), $end_date->format('Y-m-d'));
    @endphp
    <h2 class="title f-left">工程一覧</h2>
    {{--<p class="add_fieldbtn f-right"><a href="{{ route("backend.{$department}.process.new") }}">新規工程作成</a></p>--}}
    <div class="clearfix">
    </div>
    @include('backend.layouts.flash-message')

    {{ Form::open(["route"=>"backend.{$department}.process.index", "method"=>"get", "id"=>"search_submit"]) }}
    <div class="search_wrap">
        <table class="search three_table">
            <tr>
                <th>区分</th>
                <td>
                    <div class="select-wrap">
                        <label>
                            <select name="search_params[class]">
                                <option value="">--</option>
                                @foreach(config('const.order_class') as $key => $item)
                                    <option value="{{ $key }}" {{ (isset($search_params['class']) ? $search_params['class'] : '') == $key ? 'selected' : ''  }}>{{ $item }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                </td>
                <th>作業担当者</th>
                <td>
                    <div class="select-wrap">
                        <label>
                            <select name="search_params[charger]">
                                <option value="">--</option>
                                @foreach($users as $user)
                                    <option value="{{ $user->id }}" {{ (isset($search_params['charger']) ? $search_params['charger'] : '') == $user->id ? 'selected' : ''  }}>{{ $user->name_kanji }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                </td>
                <th>車台番号</th>
                <td>
                    <input type="text" name="search_params[chassis_no]" class="input-text" value="{{ isset($search_params['chassis_no']) ? $search_params['chassis_no'] : '' }}">
                </td>
                <th>取引先名（カナ）</th>
                <td>
                    <input type="text" name="search_params[company_name_kana]" class="input-text" value="{{ isset($search_params['company_name_kana']) ? $search_params['company_name_kana'] : '' }}">
                </td>
                <th>作業ステータス</th>
                <td>
                    <div class="select-wrap">
                        <label>
                            <select name="search_params[work_status]">
                                <option value="">--</option>
                                @foreach(config('const.moritis_work_status') as $key => $status)
                                    @if($key == config('const.moritis_work_status_code.finish'))
                                        @break
                                    @endif
                                    <option value="{{ $key }}" {{ (isset($search_params['work_status']) ? $search_params['work_status'] : '') == $key ? 'selected' : '' }}>{{ $status }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                </td>
                <th>登録番号</th>
                <td><input type="text" name="search_params[register_no]" value="{{ isset($search_params['register_no']) ? $search_params['register_no'] : "" }}" class="input-text"></td>
            </tr>
        </table>
        <div class="center-submit center">
            <input type="hidden" name="search_params[show_finish_work]" value="{{ isset($search_params['show_finish_work']) ? $search_params['show_finish_work'] : '' }}">
            <input type="submit" value="検索">
            <input type="button" value="クリア" id="search_clear_btn">
        </div>
    </div>
    {{ Form::close() }}

    <div class="checkbtn-wrap mb20">
        <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>
    <div class="process-area">
        <div class="process-list">
            {{ $params->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}
            <table class="normal type3" id="process_data">
                <thead>
                    <tr>
                        <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-50 td-left-1"></th>
                        <th rowspan="3" class="title-th sort_link_th  sticky-col sticky-row title-td-h-75 td-top-1 title-td-70 td-left-2">作業<br>ステータス</th>

                        <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-70 td-left-3">完成日 @sortablelink('completed_date', ' ▲▼') </th>
                        <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-70 td-left-4">受付番号</th>

                        <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-70 td-left-5">車台番号</th>

                        <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-120 td-left-6">取引先名</th>

                        <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-50 td-left-7">予定工数</th>
                        <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-50 td-left-8">実際工数</th>
                        <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-70 td-left-9">進捗登録</th>
                        <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-70 td-left-10">作業担当者名</th>
                        <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-70 td-left-11">作業内容</th>
                        <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-50 td-left-12">区分</th>
                        <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-50 td-left-13">工数<br>（数量）</th>
        <!-------------------------------------------------------------------------------------------------------------->
                        @if ($start_date->format('m') == $end_date->format('m'))
                            <th colspan="31" class="sticky-row title-td-h-25 td-top-1">{{ $start_date->format('m') }}月</th>
                        @else
                            @if (Carbon::now()->format('d') > 7)
                                <th class="sticky-row title-td-h-25 td-top-1" colspan="{{ $start_date->diffInDays($start_date->copy()->endOfMonth()) + 1  }}">{{ $start_date->format('m') }}月</th>
                                <th class="sticky-row title-td-h-25 td-top-1" colspan="{{ $end_date->diffInDays($end_date->copy()->firstOfMonth()) + 1  }}">{{ $end_date->format('m') }}月</th>
                            @else
                                <th class="sticky-row title-td-h-25 td-top-1" colspan="{{ $start_date->diffInDays($start_date->copy()->endOfMonth()) + 1 }}">{{ $start_date->format('m') }}月</th>
                                <th class="sticky-row title-td-h-25 td-top-1" colspan="{{ $end_date->diffInDays($end_date->copy()->firstOfMonth()) + 1 }}">{{ $end_date->format('m') }}月</th>
                            @endif
                        @endif
                    </tr>
                    <tr>
                        @foreach ($period as $key=>$item)
                            <th class="sticky-row title-td-h-25 td-top-2 w50">{{ $item->format('d') }}日</th>
                        @endforeach
                    </tr>
                    <tr>
                        @foreach ($period as $key=>$item)
                            <th class="sticky-row title-td-h-25 td-top-3 w50">{{ config('const.jp_week.'.$item->dayOfWeek) }}</th>
                        @endforeach
                    </tr>
                </thead>
                <tbody>
                @if($params->count() > 0)
                    @foreach ($params as $param)
                        @php
                            $enable_addition_count = $param->getAdditionCount((isset($search_params['class']) ? $search_params['class'] : null), (isset($search_params['charger']) ? $search_params['charger'] : null));
                        @endphp
                        <tr>
                            <td rowspan="{{ $enable_addition_count > 0 ? ($enable_addition_count) * 2 : 1 }}" class="sticky-col title-td-50 td-left-1 ">
                                <a href="{{ route("backend.{$department}.process.edit", ['id'=>$param->id]) }}">編集</a>
                                @if(Auth::guard('admin')->user()->canDeleteProcess())
                                    <br>
                                    <a class="delete_process" data-url="{{ route("backend.{$department}.process.destroy", ['process'=>$param->id]) }}">削除</a>
                                @endif
                            </td>
                            <td rowspan="{{ $enable_addition_count > 0 ? ($enable_addition_count) * 2 : 1 }}" class="sticky-col title-td-70 td-left-2 ">{{ config('const.moritis_work_status.'.$param->work_status) }}</td>

                            <td rowspan="{{ $enable_addition_count > 0 ? ($enable_addition_count) * 2 : 1 }}" class="sticky-col title-td-70 td-left-3 {{ (!empty($param->target) ? 'bg-orange' : '') }}">{{ empty($param->completed_date) ? $param->completed_date : sprintf('%2d/%2d', Carbon::parse($param->completed_date)->format('m'), Carbon::parse($param->completed_date)->format('d')) }}</td>
                            <td rowspan="{{ $enable_addition_count > 0 ? ($enable_addition_count) * 2 : 1 }}" class="sticky-col title-td-70 td-left-4">{{ $param->reception_no }}</td>

                            <td rowspan="{{ $enable_addition_count > 0 ? ($enable_addition_count) * 2 : 1 }}" class="sticky-col title-td-70 td-left-5">{{ $param->chassis_no }}</td>

                            <td rowspan="{{ $enable_addition_count > 0 ? ($enable_addition_count) * 2 : 1 }}" class="sticky-col title-td-120 td-left-6 text-prewrap">{{ $param->partner_name }}</td>

                            <td rowspan="{{ $enable_addition_count > 0 ? ($enable_addition_count) * 2 : 1 }}" class="sticky-col title-td-50 td-left-7">{{ $param->getPlanTime() }}</td>
                            <td rowspan="{{ $enable_addition_count > 0 ? ($enable_addition_count) * 2 : 1 }}" class="sticky-col title-td-50 td-left-8">{{ $param->getTotalQuantity() }}</td>
                            @php
                                $exist = 0;
                            @endphp
                            @if($enable_addition_count > 0)
                                @foreach($param->addition as $key=>$addition)
                                    @if($exist)
                                        @break
                                    @endif
                                    @if(!$addition->enableDisplay((isset($search_params['class']) ? $search_params['class'] : null), (isset($search_params['charger']) ? $search_params['charger'] : null))){{-- || $addition->kind == config('const.content_work_kind.comment')--}}
                                    @continue
                                    @endif
                                    @php
                                        $exist = $key;
                                    @endphp
                                    <td rowspan="2" class="sticky-col title-td-70 td-left-9">
                                        @if(is_object($addition->charger))
                                            <a href="{{ route("backend.{$department}.process.create", ['working_process'=>$param->id, 'addition_id'=>$addition->id]) }}">進捗登録</a>
                                        @endif
                                    </td>
                                    <td rowspan="2" class="sticky-col title-td-70 td-left-10">
                                        @if(is_object($addition->charger)) <a href="{{ route("backend.{$department}.process.schedule", ['current_user'=>$addition->charger->id]) }}">{{ $addition->charger->name_kanji }}</a> @endif
                                    </td>
                                    <td rowspan="2" class="sticky-col title-td-70 td-left-11 txt_line" style="font-size: 10px;">{{ $addition->kind == 1 ? (isset($addition->work_category->name) ? $addition->work_category->UJName() : '') : $addition->content }}</td>{{--【00001 主作業】--}}
                                    <td rowspan="2" class="sticky-col title-td-50 td-left-12">{{ config('const.order_class.'.$addition->class) }}</td>
                                    <td rowspan="2" class="sticky-col title-td-50 td-left-13">{{ $addition->quantity }}</td>
                                @endforeach
                            @else
                                <td rowspan="1" class="sticky-col title-td-70 td-left-9 "></td>
                                <td rowspan="1" class="sticky-col title-td-70 td-left-10 "></td>
                                <td rowspan="1" class="sticky-col title-td-70 td-left-11"></td>
                                <td rowspan="1" class="sticky-col title-td-50 td-left-12"></td>
                                <td rowspan="1" class="sticky-col title-td-50 td-left-13"></td>
                            @endif
                            @foreach ($period as $key=>$item)
                                @if($enable_addition_count > 0)
                                    @if (!empty($param->addition[$exist]->getScheduleClass($item->format('Y-m-d'))))
                                        <td class="table-link {{ $param->addition[$exist]->getScheduleClass($item->format('Y-m-d')) }} {{ (!empty($param->completed_date) && !$item->diffInDays($param->completed_date)) ? 'bg-red' : ''  }} w50">
                                            @if(is_object($param->addition[$exist]->charger))
                                                <a href="{{ route("backend.{$department}.process.create", ['working_process'=>$param->id, 'addition_id'=>$param->addition[$exist]->id]) }}"><p></p></a>
                                            @endif
                                        </td>
                                    @else
                                        <td class="w50 table-link {{ (!empty($param->completed_date) && !$item->diffInDays($param->completed_date)) ? 'bg-red' : ''  }}">
                                            <p></p>
                                        </td>
                                    @endif
                                @else
                                    <td class="w50 table-link {{ (!empty($param->completed_date) && !$item->diffInDays($param->completed_date)) ? 'bg-red' : ''  }}">
                                        <p></p>
                                    </td>
                                @endif
                            @endforeach
                        </tr>
                        @if($enable_addition_count > 0)
                            <tr>
                                @foreach ($period as $key=>$item)
                                    <td class="w50 table-link {{ $param->addition[$exist]->getWorkingClass($item->format('Y-m-d').' 08:00', $item->copy()->addDay()->format('Y-m-d').' 07:00') }} {{ (!empty($param->completed_date) && !$item->diffInDays($param->completed_date)) ? 'bg-red' : ''  }}">
                                        @if ($param->addition[$exist]->getWorkingClass($item->format('Y-m-d').' 08:00', $item->copy()->addDay()->format('Y-m-d').' 07:00') != '')
                                            <div class="Tipper-box">
                                                <a href="{{ route("backend.{$department}.process.detail", ['id'=>$param->addition[$exist]->id, 'current_date'=>$item->format('Y-m-d')]) }}"><p class="Tipper-demo01 Tipper-demo" data-title="{{ $param->addition[$exist]->kind == 1 ? (isset($param->addition[$exist]->work_category->name) ? $param->addition[$exist]->work_category->UJName() : '') : $param->addition[$exist]->content }}" data-tipper-options='{"direction":"top"}'></p></a>
                                            </div>
                                        @else
                                            <p></p>
                                        @endif
                                    </td>
                                @endforeach
                            </tr>
                        @endif
                        @if($enable_addition_count > 1)
                            @foreach ($param->addition as $key=>$addition)
                                @if ($key <= $exist || !$addition->enableDisplay((isset($search_params['class']) ? $search_params['class'] : null), (isset($search_params['charger']) ? $search_params['charger'] : null))){{-- || $addition->kind == config('const.content_work_kind.comment')--}}
                                @continue
                                @endif
                                <tr>
                                    <td rowspan="2" class="sticky-col title-td-70 td-left-9">
                                        @if(is_object($addition->charger))
                                            <a href="{{ route("backend.{$department}.process.create", ['working_process'=>$param->id, 'addition_id'=>$addition->id]) }}">進捗登録</a>
                                        @endif
                                    </td>
                                    <td rowspan="2" class="sticky-col title-td-70 td-left-10">
                                        @if(is_object($addition->charger) && $addition->getWorkingStatus() != config('const.working_step_status_code.finish'))
                                            <a href="{{ route("backend.{$department}.process.schedule", ['current_user'=>$addition->charger->id, 'current_process'=>$addition->id]) }}">{{ $addition->charger->name_kanji }}</a>
                                        @elseif(is_object($addition->charger) && $addition->getWorkingStatus() == config('const.working_step_status_code.finish'))
                                            <a href="{{ route("backend.{$department}.process.detail", ['id'=>$addition->id, 'current_date'=>(Carbon::parse($addition->step->ended_at)->format('Y-m-d'))]) }}">{{ $addition->charger->name_kanji }}</a>
                                        @endif
                                    </td>
                                    <td rowspan="2" class="sticky-col title-td-50 td-left-11 txt_line" style="font-size: 10px;">{{ $addition->kind == 1 ? (isset($addition->work_category->name) ? $addition->work_category->UJName() : '') : $addition->content }}</td>{{--【00001 主作業】--}}
                                    <td rowspan="2" class="sticky-col title-td-50 td-left-12">{{ config('const.order_class.'.$addition->class) }}</td>
                                    <td rowspan="2" class="sticky-col title-td-50 td-left-13">{{ $addition->quantity }}</td>
                                    @foreach ($period as $key1=>$item)
                                        @if (!empty($addition->getScheduleClass($item->format('Y-m-d'))))
                                            <td class="table-link {{ $addition->getScheduleClass($item->format('Y-m-d')) }} w50 {{ (!empty($param->completed_date) && !$item->diffInDays($param->completed_date)) ? 'bg-red' : ''  }}">
                                                @if(is_object($addition->charger))
                                                    <a href="{{ route("backend.{$department}.process.create", ['working_process'=>$param->id, 'addition_id'=>$addition->id]) }}"><p></p></a>
                                                @endif
                                            </td>
                                        @else
                                            <td class="w50 table-link {{ (!empty($param->completed_date) && !$item->diffInDays($param->completed_date)) ? 'bg-red' : ''  }}">
                                                <p></p>
                                            </td>
                                        @endif
                                    @endforeach
                                </tr>
                                <tr>
                                    @foreach ($period as $key1=>$item)
                                        <td class="w50 table-link {{ $addition->getWorkingClass($item->format('Y-m-d').' 08:00', $item->copy()->addDay()->format('Y-m-d').' 07:00') }} {{ (!empty($param->completed_date) && !$item->diffInDays($param->completed_date)) ? 'bg-red' : ''  }}">
                                            @if ($addition->getWorkingClass($item->format('Y-m-d').' 08:00', $item->copy()->addDay()->format('Y-m-d').' 07:00') != '' )
                                                <div class="Tipper-box">
                                                    <a href="{{ route("backend.{$department}.process.detail", ['id'=>$addition->id, 'current_date'=>$item->format('Y-m-d')]) }}"><p class="Tipper-demo01 Tipper-demo" data-title="{{ $addition->kind == 1 ? (isset($addition->work_category->name) ? $addition->work_category->UJName() : '') : $addition->content }}" data-tipper-options='{"direction":"top"}'></p></a>
                                                </div>
                                            @else
                                                <p></p>
                                            @endif
                                        </td>
                                    @endforeach
                                </tr>
                            @endforeach
                        @endif
                    @endforeach
                @else
                    <tr>
                        <td colspan="44">データが存在しません。</td>
                    </tr>
                @endif
                </tbody>
            </table>
            {{ $params->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}
        </div>
    </div>

    {{ Form::open(["method"=>"delete", "id"=>"process_delete_form"]) }}
    {{ Form::close() }}
@endsection

@section('page_css')
    <style>
        table {
            table-layout: fixed;
            border-spacing: 0px;
            border-collapse: separate;
        }

        .title-th {
            z-index: 3 !important;
        }

        .title-td-h-75{
            height: 75px;
            min-height: 75px;
            max-height: 75px ;
        }

        .title-td-h-25{
            height: 25px;
            min-height: 25px;
            max-height: 25px ;
        }

        .title-td-50 {
            width: 50px;
            min-width: 50px;
            max-width: 50px ;
        }

        .title-td-70 {
            width: 70px;
            min-width: 70px;
            max-width: 70px;
        }

        .title-td-100 {
            width: 100px;
            min-width: 100px;
            max-width: 100px;
        }

        .title-td-120 {
            width: 120px;
            min-width: 120px;
            max-width: 120px;
        }

        .td-top-1 {
            top: 0px !important;
        }
        .td-top-2 {
            top: 25px !important;
        }
        .td-top-3 {
            top: 50px !important;
        }

        .td-left-1 {
            left: 0px;
          }

        .td-left-2 {
            left: 50px;
        }

        .td-left-3 {
            left: 120px;
        }

        .td-left-4 {
            left: 190px;
        }
        .td-left-5 {
            left: 260px;
        }

        .td-left-6 {
            left: 330px;
        }

        .td-left-7 {
            left: 450px;
        }
        .td-left-8 {
             left: 500px;
         }
        .td-left-9 {
            left: 550px;
        }
        .td-left-10 {
            left:620px;
        }
        .td-left-11 {
            left: 690px;
        }
        .td-left-12 {
            left: 760px;
        }
        .td-left-13 {
            left: 810px;
        }
        #r-content {
            padding-bottom: 0 !important;
        }
        #wrapper {
            margin-bottom: 0 !important;
        }
        .process-area{
            width: 100% !important;
            height: calc(100% - 3rem);
            margin-top: -20px !important;
        }

        .process-list {
            position: relative !important;
            overflow: auto !important;
            width: 100% !important;
            height: 650px;
        }

        .sticky-col {
            padding: 0 !important;
            position: sticky;
            position: -webkit-sticky;
        }

        .sticky-row {
            padding: 0 !important;
            position: sticky;
            position: -webkit-sticky;
        }

        .sticky-border {
            box-shadow: 1px 1px 1px 1px #DDD;
        }

        .sticky-text {
            padding: 0.4em;
            height: 100%;
            width:100%;
        }

        td p {
            height: 20px !important;
            width: 20px !important;
        }

        .txt_line {
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
        }

        .sort_link_th a {
            text-decoration: none !important;
            color: black !important;
        }
        .center-submit input[type=submit],
        .center-submit input[type=button] {
            height: 30px !important;
            margin-top: 10px !important;
        }
        .center-submit {
            margin: 0 !important;
        }
        #process_data .sticky-col {
            box-shadow: 1px 1px 1px 1px #1a1a1a !important;
        }
        #process_data .sticky-row {
            box-shadow: 1px 1px 1px 1px #DDD !important;
        }
        #process_data .table-link {
            border-color: #1a1a1a !important;
        }
        #process_data {
            table-layout: auto !important;
        }
        .table.normal.type3 th {
            top: initial !important;
        }
        th a {
            text-decoration: none !important;
        }
        td.text-prewrap {
            padding-left: 5px !important;
        }
    </style>
@endsection

@section('page_js')
    <script>
        var lastScrollLeft = 0;
        var lastScrollTop = 0;

        $(document).ready(function() {
            $(".delete_process").click(function () {
                let url = $(this).data('url');
                helper_confirm("dialog-confirm", "削除", "工程を削除します。<br />よろしいですか？", 300, "確認", "閉じる", function () {
                    $("#process_delete_form").attr('action', url);
                    $("#process_delete_form").submit();
                });
            });

            $("#show_finish_work").click(function () {
                if($(this).prop('checked')){
                    $('input[name="search_params[show_finish_work]"]').val(1);
                    $('select[name="search_params[work_status]"]').val('');
                    $("#search_form").submit();
                } else {
                    $('input[name="search_params[show_finish_work]"]').val('');
                    $("#search_form").submit();
                }
            });

            $('select[name="search_params[work_status]"]').change(function () {
                if($(this).val()) {
                    $('input[name="search_params[show_finish_work]"]').val('');
                    $("#show_finish_work").prop('checked', false);
                }
            });
            $("#search_clear_btn").click(function () {
                $('select[name="search_params[class]"]').val('');
                $('select[name="search_params[charger]"]').val('');
                $('input[name="search_params[chassis_no]"]').val('');
                $("#search_submit").submit();
            });
            $("#show_finish_work").click(function () {
                if($(this).prop('checked')){
                    $('input[name="search_params[show_finish_work]"]').val(1);
                } else {
                    $('input[name="search_params[show_finish_work]"]').val(0);
                }
                $("#search_submit").submit();
            });
            $('.process-list').scroll(function() {
                var documentScrollLeft = $(this).scrollLeft();
                var documentScrollTop = $(this).scrollTop();
                if (lastScrollLeft != documentScrollLeft && documentScrollLeft > 0) {
                    lastScrollLeft = documentScrollLeft;
                    if(documentScrollLeft > 0){
                        $(".sticky-col").addClass("sticky-border");
                        $(".title-th").addClass("sticky-border");
                    } else {
                        $(".sticky-col").removeClass("sticky-border");
                        $(".title-th").removeClass("sticky-border");
                    }
                }

                if (lastScrollTop != documentScrollTop && documentScrollTop > 0) {
                    lastScrollLeft = documentScrollLeft;
                    if(documentScrollTop > 0){
                        $(".sticky-row").addClass("sticky-border");
                    } else {
                        $(".sticky-row").removeClass("sticky-border");
                    }
                }
            });

        });
    </script>
@endsection