@extends('backend.layouts.app')

@section('content')

    @php
        $tomorrow = Carbon::parse($current_date)->copy()->addDay()->format('Y-m-d');
    @endphp
    <h2 class="title f-left">工程詳細</h2>
    <p class="add_fieldbtn non-icon f-right"><a href="">工程表を印刷する</a></p>
    <div class="clearfix"></div>

    {{ Form::open(["route"=>"backend.{$department}.process.detail", "method"=>"get", "id"=>"search_submit"]) }}
    <div class="search_wrap">
        <h3 class="search_title">検索条件</h3>
        <table class="search three_table">
            <tr>
                <th>伝票番号</th>
                <td><input type="text" name="search_params[reception_no]" value="{{ isset($search_params['reception_no']) ? $search_params['reception_no'] : "" }}" class="input-text"></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>
                <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>
                    <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>進捗ステータス<br>(※複数チェック可)</th>
                <td>
                    <div class="checkbtn-wrap">
                        @foreach(config('const.working_step_status') as $key=>$name)
                            <input type="checkbox" name="search_params[step_status][]" id="step_status_{{ $key }}" value="{{ $key }}" {{ isset($search_params['step_status']) && in_array($key, $search_params['step_status']) ? 'checked' : ''  }}>
                            <label class="check_label" for="step_status_{{ $key }}">{{ $name }}</label>
                            @if($loop->index == 2)
                                <br/>
                            @endif
                        @endforeach
                    </div>
                </td>
                <th>顧客名</th>
                <td>
                    <input type="text" name="search_params[company_name]" class="input-text" value="{{ isset($search_params['company_name']) ? $search_params['company_name'] : '' }}">
                </td>
                <th>請求先</th>
                <td>
                    <input type="text" name="search_params[bill_dest_name]" class="input-text" value="{{ isset($search_params['bill_dest_name']) ? $search_params['bill_dest_name'] : '' }}">
                </td>

                <th>主作業</th>
                <td>
                    <div class="select-wrap">
                        <label>
                            <select name="search_params[sub_category]">
                                <option value="">--</option>
                                @foreach(\App\Service\Masters\WorkCategoryService::getDepartmentSubCategory(config('const.work_category_system_parts_code.'.$department)) as $sub_category)
                                    <option value="{{ $sub_category->id }}" {{ (isset($search_params['sub_category']) ? $search_params['sub_category'] : '') == $sub_category->id ? 'selected' : '' }}>{{ $sub_category->name }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                </td>
            </tr>
        </table>
        <div class="center-submit center">
            <input type="hidden" name="current_date" value="{{ $current_date }}">
            <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="クリア" onclick='location.href="{{ route("backend.{$department}.process.detail", ['clear'=>1, 'current_date'=>$current_date]) }}"'>
        </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>--}}
    {{ Form::open(["route"=>"backend.{$department}.process.update_schedule"]) }}
        <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>
        <table class="normal type3 non-border" id="description_table">
            <tr>
                <td class="non-border w50"></td>
                <td class="non-border">
                <td class="w75 st_yellow">作業予定日</td>
                <td class="w75 st_blue">実作業日</td>
                <td class="w75 st_red">作業完了</td>
            </tr>
        </table>
        {{ $processes->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}
        <table class="normal type3" id="process_data" style="min-width: 1200px;">
            <thead>
            <tr>
                <th class="title-th td-top-1 title-td-h-75 title-td-480 td-left-3 sticky-col sticky-row" rowspan="2" colspan="4"></th>
                <th class="td-top-1 td-left-header title-td-h-25 sticky-col sticky-row" colspan="110">{{-- $params->getMainWork() --}}</th>
            </tr>
            <tr>
                <th class="title-th td-left-header td-top-2 title-td-h-50 title-td-240 sticky-col sticky-row" colspan="4" style="background-color: white !important;border-right: none !important;">
                    <div class="process-schedule text-left">
                        <a href="{{ route("backend.{$department}.process.detail", ['search_params'=>$search_params, 'current_date'=>(Carbon::parse($current_date)->copy()->subDay())->format('Y-m-d')]) }}">前日</a>
                        <span>{{ sprintf('%2d', Carbon::parse($current_date)->format('m')) }}月{{ sprintf('%2d', Carbon::parse($current_date)->format('d')) }}日({{ config('const.jp_week.'.Carbon::parse($current_date)->dayOfWeek) }})</span>
                        <a href="{{ route("backend.{$department}.process.detail", ['search_params'=>$search_params, 'current_date'=>(Carbon::parse($current_date)->copy()->addDay())->format('Y-m-d')]) }}">翌日</a>
                    </div>
                </th>
                <th class="td-top-2 title-td-h-50" colspan="107" style="background-color: white !important;border-left: none !important;"></th>
            </tr>
            <tr class="process-td">
                <th class="td-top-3 title-th sticky-col sticky-row title-td-h-75 title-td-220 td-left-3">受付番号／主作業／取引先名／車台番号</th>
                <th class="td-top-3 title-th sticky-col sticky-row title-td-h-75 title-td-70 td-left-4">区分</th>
                <th class="td-top-3 title-th sticky-col sticky-row title-td-h-75 title-td-70 td-left-5">作業担当者</th>
                <th class="td-top-3 title-th sticky-col sticky-row title-td-h-75 title-td-120 td-left-6">作業内容</th>
                <th class="td-top-3 title-th sticky-col sticky-row title-td-h-75 title-td-70 td-left-7">進捗<br>ステータス</th>
                <th class="td-top-3 title-th sticky-col sticky-row title-td-h-75 title-td-70 td-left-8">進捗登録</th>
                <th class="td-top-3 title-th sticky-col sticky-row title-td-h-75 title-td-50 td-left-9">予定工数</th>
                <th class="td-top-3 title-th sticky-col sticky-row title-td-h-75 title-td-50 td-left-10">実数工数</th>
                @foreach (range(8, 23) as $item)
                    <th colspan="4" class="date_check table_header td-top-3" data-date="{{ $current_date.'_'.$item }}">{{ sprintf('%02d',$item ) }}:00</th>
                @endforeach
                @foreach (range(0, 7) as $item)
                    <th colspan="4" class="date_check table_header td-top-3" data-date="{{ $tomorrow.'_'.$item }}">{{ sprintf('%02d',$item ) }}:00</th>
                @endforeach
            </tr>
            </thead>
            <tbody>
            @php
                $exist = false;
            @endphp
            @if($processes->count() > 0)
                @foreach($processes as $params)
                    @php
                        $enable_addition_count = $params->getAdditionCount((isset($search_params['class']) ? $search_params['class'] : null), (isset($search_params['charger']) ? $search_params['charger'] : null), (isset($search_params['step_status']) ? $search_params['step_status'] : null));
                    @endphp
                    @if($enable_addition_count)
                        @php
                            $exist = true;
                        @endphp
                        @foreach($params->getEnableAddition((isset($search_params['class']) ? $search_params['class'] : null), (isset($search_params['charger']) ? $search_params['charger'] : null), (isset($search_params['step_status']) ? $search_params['step_status'] : null)) as $addition_key => $addition)
                            <input type="hidden" name="addition_id[]" value="{{ $addition->id }}">
                            <tr>
                                @if($addition_key == 0)
                                    <td class="title-td-220 td-left-3 sticky-col sticky-row text-prewrap" rowspan="{{ $enable_addition_count * 2 }}" class="text-prewrap"><p class="w200 bold">{{ $params->reception_no }}</p>@if(!empty($params->getMainWork()))<p class="w200">{{ $params->getMainWork() }}</p>@endif{{ $params->partner_name }}<br>{{ $params->chassis_no }}</td>
                                @endif
                                <td class="title-td-70 td-left-4 sticky-col sticky-row" rowspan="2">{{ config('const.order_class.'.$addition->class) }}</td>
                                <td class="title-td-70 td-left-5 sticky-col sticky-row" rowspan="2">
                                    @if(!is_object($addition->step) || (is_object($addition->step) && ($addition->step->status == config('const.working_step_status_code.before') || is_null($addition->step->status))))
                                        <div class="select-wrap">
                                            <label>
                                                <select class="process_charger" data-addition_id="{{ $addition->id }}">
                                                    <option value=""></option>
                                                    @foreach($users as $user)
                                                        <option value="{{ $user->id }}" {{ $user->id == $addition->charge_user ? 'selected' : '' }}>{{ $user->name_kanji }}</option>
                                                    @endforeach
                                                </select>
                                            </label>
                                        </div>
                                    @elseif(is_object($addition->charger))
                                        {{ $addition->charger->name_kanji }}
                                    @endif
                                </td>
                                <td class="title-td-120 td-left-6 sticky-col sticky-row" rowspan="2">{{ $addition->kind == 1 ? (isset($addition->work_category->name) ? $addition->work_category->UJName() : '') : $addition->content }}</td>
                                <td class="title-td-70 td-left-7 sticky-col sticky-row" rowspan="2">
                                    @if(is_object($addition->step) && $addition->step->ch1_status == config('const.csch_status_code.already'))
                                        <span class="red">チェック完了</span>
                                    @else
                                        @if(is_object($addition->step))
                                            <span class="{{ config('const.working_step_status_class.'.$addition->step->status) }}">{{ config('const.working_step_status.'.(empty($addition->step->status) ? 1 : $addition->step->status)) }}</span>
                                        @else
                                            作業待ち
                                        @endif
                                    @endif
                                </td>
                                <td class="title-td-70 td-left-8 sticky-col sticky-row" rowspan="2" id="addition_charger_box_{{ $addition->id }}">
                                    @if(is_object($addition->charger))
                                        <a href="{{ route("backend.{$department}.process.create", ['working_process'=>$params->id, 'addition_id'=>$addition->id]) }}">進捗登録</a>
                                    @endif
                                </td>
                                <td class="title-td-50 td-left-9 sticky-col sticky-row" rowspan="2">{{ $addition->getScheduleTime() }}</td>
                                <td class="title-td-50 td-left-10 sticky-col sticky-row" rowspan="2" class="{{ $addition->getWorkingStatus() == config('const.working_step_status_code.finish') ? 'over-num' : '' }}">{{ $addition->getRealTime() }}</td>
                                @foreach (range(8, 23) as $item)
                                    @php
                                        $item = str_pad($item, 2, '0', STR_PAD_LEFT);
                                    @endphp
                                    <td class="border-dotted-bottom border-dotted-right {{ $addition->existSchedule(Carbon::parse($current_date)->format('Y-m-d').' '.$item.':7:00') ? 'st_yellow' : '' }} {{ $addition->getWorkingClass(Carbon::parse($current_date)->format('Y-m-d').' '.$item.':00:00', Carbon::parse($current_date)->format('Y-m-d').' '.$item.':14:59') }} {{ $addition->checkDisableClass($item, '00') }} date_check {{ $current_date.'_'.$item.'_0_'.$addition->id }} {{ $current_date.'_'.$item }}" data-date="{{ $current_date.'_'.$item.'_0_'.$addition->id }}"><input type="checkbox" class="{{ $current_date.'_'.$item.'_0_'.$addition->id }} {{ $current_date.'_'.$item }}" name="scheduled_date[{{ $addition->id }}][]" value="{{ $current_date.' '.sprintf('%02d',$item ).':00'.','.$current_date.' '.sprintf('%02d',$item ).':15' }}" {{ $addition->existSchedule(Carbon::parse($current_date)->format('Y-m-d').' '.$item.':7:00') ? 'checked' : '' }}></td>
                                    <td class="border-dotted-bottom border-dotted-right border-dotted-left {{ $addition->existSchedule(Carbon::parse($current_date)->format('Y-m-d').' '.$item.':23:00') ? 'st_yellow' : '' }} {{ $addition->getWorkingClass(Carbon::parse($current_date)->format('Y-m-d').' '.$item.':15:00', Carbon::parse($current_date)->format('Y-m-d').' '.$item.':29:59') }} {{ $addition->checkDisableClass($item, '15') }} date_check {{ $current_date.'_'.$item.'_15_'.$addition->id }} {{ $current_date.'_'.$item }}" data-date="{{ $current_date.'_'.$item.'_15_'.$addition->id }}"><input type="checkbox" class="{{ $current_date.'_'.$item.'_15_'.$addition->id }} {{ $current_date.'_'.$item }}" name="scheduled_date[{{ $addition->id }}][]" value="{{ $current_date.' '.sprintf('%02d',$item ).':15'.','.$current_date.' '.sprintf('%02d',$item ).':30' }}" {{ $addition->existSchedule(Carbon::parse($current_date)->format('Y-m-d').' '.$item.':23:00') ? 'checked' : '' }}></td>
                                    <td class="border-dotted-bottom border-dotted-right border-dotted-left {{ $addition->existSchedule(Carbon::parse($current_date)->format('Y-m-d').' '.$item.':37:00') ? 'st_yellow' : '' }} {{ $addition->getWorkingClass(Carbon::parse($current_date)->format('Y-m-d').' '.$item.':30:00', Carbon::parse($current_date)->format('Y-m-d').' '.$item.':44:59') }} {{ $addition->checkDisableClass($item, '30') }} date_check {{ $current_date.'_'.$item.'_30_'.$addition->id }} {{ $current_date.'_'.$item }}" data-date="{{ $current_date.'_'.$item.'_30_'.$addition->id }}"><input type="checkbox" class="{{ $current_date.'_'.$item.'_30_'.$addition->id }} {{ $current_date.'_'.$item }}" name="scheduled_date[{{ $addition->id }}][]" value="{{ $current_date.' '.sprintf('%02d',$item ).':30'.','.$current_date.' '.sprintf('%02d',$item ).':45' }}" {{ $addition->existSchedule(Carbon::parse($current_date)->format('Y-m-d').' '.$item.':37:00') ? 'checked' : '' }}></td>
                                    <td class="border-dotted-bottom border-dotted-left  border-dotted-left {{ $addition->existSchedule(Carbon::parse($current_date)->format('Y-m-d').' '.$item.':52:00') ? 'st_yellow' : '' }} {{ $addition->getWorkingClass(Carbon::parse($current_date)->format('Y-m-d').' '.$item.':45:00', Carbon::parse($current_date)->format('Y-m-d').' '.$item.':59:59') }} {{ $addition->checkDisableClass($item, '45') }} date_check {{ $current_date.'_'.$item.'_45_'.$addition->id }} {{ $current_date.'_'.$item }}" data-date="{{ $current_date.'_'.$item.'_45_'.$addition->id }}"><input type="checkbox" class="{{ $current_date.'_'.$item.'_45_'.$addition->id }} {{ $current_date.'_'.$item }}" name="scheduled_date[{{ $addition->id }}][]" value="{{ $current_date.' '.sprintf('%02d',$item ).':45'.','.$current_date.' '.sprintf('%02d',$item+1 ).':00' }}" {{ $addition->existSchedule(Carbon::parse($current_date)->format('Y-m-d').' '.$item.':52:00') ? 'checked' : '' }}></td>
                                @endforeach
                                @foreach (range(0, 7) as $item)
                                    @php
                                        $item = str_pad($item, 2, '0', STR_PAD_LEFT);
                                    @endphp
                                    <td class="border-dotted-bottom border-dotted-right border-dotted-left {{ $addition->existSchedule(Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':7:00') ? 'st_yellow' : '' }} {{ $addition->getWorkingClass(Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':00:00', Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':14:59') }} date_check {{ $tomorrow.'_'.$item.'_0_'.$addition->id }} {{ $tomorrow.'_'.$item }}" data-date="{{ $tomorrow.'_'.$item.'_0_'.$addition->id }}"><input type="checkbox" class="{{ $tomorrow.'_'.$item }} {{ $tomorrow.'_'.$item.'_0_'.$addition->id }}" name="scheduled_date[{{ $addition->id }}][]" value="{{ $tomorrow.' '.sprintf('%02d',$item ).':00'.','.$tomorrow.' '.sprintf('%02d',$item ).':15' }}" {{ $addition->existSchedule(Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':7:00') ? 'checked' : '' }}></td>
                                    <td class="border-dotted-bottom border-dotted-right border-dotted-left {{ $addition->existSchedule(Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':23:00') ? 'st_yellow' : '' }} {{ $addition->getWorkingClass(Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':15:00', Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':29:59') }} date_check {{ $tomorrow.'_'.$item.'_15_'.$addition->id }} {{ $tomorrow.'_'.$item }}" data-date="{{ $tomorrow.'_'.$item.'_15_'.$addition->id }}"><input type="checkbox" class="{{ $tomorrow.'_'.$item }} {{ $tomorrow.'_'.$item.'_15_'.$addition->id }}" name="scheduled_date[{{ $addition->id }}][]" value="{{ $tomorrow.' '.sprintf('%02d',$item ).':15'.','.$tomorrow.' '.sprintf('%02d',$item ).':30' }}" {{ $addition->existSchedule(Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':23:00') ? 'checked' : '' }}></td>
                                    <td class="border-dotted-bottom border-dotted-right border-dotted-left {{ $addition->existSchedule(Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':37:00') ? 'st_yellow' : '' }} {{ $addition->getWorkingClass(Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':30:00', Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':44:59') }} date_check {{ $tomorrow.'_'.$item.'_30_'.$addition->id }} {{ $tomorrow.'_'.$item }}" data-date="{{ $tomorrow.'_'.$item.'_30_'.$addition->id }}"><input type="checkbox" class="{{ $tomorrow.'_'.$item }} {{ $tomorrow.'_'.$item.'_30_'.$addition->id }}" name="scheduled_date[{{ $addition->id }}][]" value="{{ $tomorrow.' '.sprintf('%02d',$item ).':30'.','.$tomorrow.' '.sprintf('%02d',$item ).':45' }}" {{ $addition->existSchedule(Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':37:00') ? 'checked' : '' }}></td>
                                    <td class="border-dotted-bottom border-dotted-left {{ $addition->existSchedule(Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':52:00') ? 'st_yellow' : '' }} {{ $addition->getWorkingClass(Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':45:00', Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':59:59') }} date_check {{ $tomorrow.'_'.$item.'_45_'.$addition->id }} {{ $tomorrow.'_'.$item }}" data-date="{{ $tomorrow.'_'.$item.'_45_'.$addition->id }}"><input type="checkbox" class="{{ $tomorrow.'_'.$item }} {{ $tomorrow.'_'.$item.'_45_'.$addition->id }}" name="scheduled_date[{{ $addition->id }}][]" value="{{ $tomorrow.' '.sprintf('%02d',$item ).':45'.','.$tomorrow.' '.sprintf('%02d',$item+1 ).':00' }}" {{ $addition->existSchedule(Carbon::parse($tomorrow)->format('Y-m-d').' '.$item.':52:00') ? 'checked' : '' }}></td>
                                @endforeach
                            </tr>
                            <tr>
                                @foreach (range(8, 23) as $item)
                                    @php
                                        $item = str_pad($item, 2, '0', STR_PAD_LEFT);
                                    @endphp
                                    <td class="border-dotted-top border-dotted-right {{ $addition->getSecondWorkingClass($params, $current_date) }} " data-date="{{ $current_date.'_'.$item.'_0_'.$addition->id }}"></td>
                                    <td class="border-dotted-top border-dotted-right border-dotted-left {{ $addition->getSecondWorkingClass($params, $current_date) }}  " data-date="{{ $current_date.'_'.$item.'_15_'.$addition->id }}"></td>
                                    <td class="border-dotted-top border-dotted-right border-dotted-left {{ $addition->getSecondWorkingClass($params, $current_date) }}" data-date="{{ $current_date.'_'.$item.'_30_'.$addition->id }}"></td>
                                    <td class="border-dotted-top border-dotted-left  border-dotted-left {{ $addition->getSecondWorkingClass($params, $current_date) }}" data-date="{{ $current_date.'_'.$item.'_45_'.$addition->id }}"></td>
                                @endforeach
                                @foreach (range(0, 7) as $item)
                                    @php
                                        $item = str_pad($item, 2, '0', STR_PAD_LEFT);
                                    @endphp
                                    <td class="border-dotted-top border-dotted-right border-dotted-left {{ $addition->getSecondWorkingClass($params, $current_date) }}  " data-date="{{ $tomorrow.'_'.$item.'_0_'.$addition->id }}"></td>
                                    <td class="border-dotted-top border-dotted-right border-dotted-left {{ $addition->getSecondWorkingClass($params, $current_date) }}  " data-date="{{ $tomorrow.'_'.$item.'_15_'.$addition->id }}"></td>
                                    <td class="border-dotted-top border-dotted-right border-dotted-left {{ $addition->getSecondWorkingClass($params, $current_date) }}  " data-date="{{ $tomorrow.'_'.$item.'_30_'.$addition->id }}"></td>
                                    <td class="border-dotted-top border-dotted-left {{ $addition->getSecondWorkingClass($params, $current_date) }}  " data-date="{{ $tomorrow.'_'.$item.'_45_'.$addition->id }}"></td>
                                @endforeach
                            </tr>
                        @endforeach
                    @endif
                @endforeach
                @if(!$exist)
                    <tr>
                        <td colspan="115">データが存在しません。</td>
                    </tr>
                @endif
            @else
                <tr>
                    <td colspan="115">データが存在しません。</td>
                </tr>
            @endif
            </tbody>
        </table>
        {{ $processes->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}
    <div class="center-submit">
        <input type="hidden" name="current_date" value="{{ $current_date }}">
        @if($exist)
        <input type="submit" value="更新">
        @endif
        <input type="button" value="戻る" onclick='location.href="{{ route("backend.{$department}.process.index") }}"'>
        @if($exist)
        <input type="button" value="クリア" id="calendar_reset_btn" class="orange">
        @endif
    </div>
    {{ Form::close() }}
    <div class="focus"></div>

@endsection

@section('page_css')
    <style>
        td.sticky-border {
            box-shadow: 1px 1px 1px 1px #0b0b0b;
        }
        th.sticky-border {
            box-shadow: 1px 1px 1px 1px white;
        }
        .w75 {
            width: 75px !important;
        }
        .td-top-1 {
            top: 0 !important;
        }
        .td-top-2 {
            top: 25px !important;
        }
        .td-top-3 {
            top: 75px !important;
        }
        div.process-schedule span {
            color: black !important;
        }
        .sticky-col {
            padding: 0 !important;
            position: sticky;
            position: -webkit-sticky;
        }

        span.blue {
            color: #4777ba !important;
        }
        span.yellow {
            color: #fae368 !important;
        }


        .sticky-row {
            padding: 0 !important;
            position: sticky;
            position: -webkit-sticky;
        }
        .td-left-header {
            left: 480px;
        }
        .td-left-3 {
            left: 0px;
        }

        .td-left-4 {
            left: 220px;
        }
        .td-left-5 {
            left: 290px;
        }

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

        .td-left-7 {
            left: 480px;
        }
        .td-left-8 {
            left: 550px;
        }
        .td-left-9 {
            left: 620px;
        }
        .td-left-10 {
            left:670px;
        }

        .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-h-50{
            height: 50px;
            min-height: 50px;
            max-height: 50px ;
        }


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

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

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

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

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

        .title-td-220 {
            width: 220px !important;
            min-width: 220px !important;
            max-width: 220px !important;
        }
        .title-td-240 {
            width: 240px !important;
            min-width: 240px !important;
            max-width: 240px !important;
        }
        .title-td-480 {
            width: 480px !important;
            min-width: 480px !important;
            max-width: 480px !important;
        }
        .title-td-550 {
            width: 550px !important;
            min-width: 550px !important;
            max-width: 550px !important;
        }
        .border-dotted-bottom {
            border-bottom-style: dotted !important;
        }
        .border-dotted-top {
            border-top-style: dotted !important;
        }
        .border-dotted-left {
            border-left-style: dotted !important;
        }
        .border-dotted-right {
            border-right-style: dotted !important;
        }
        .process-list table td {
            border-color: black !important;
        }
        .focus {
            position: fixed;
            border: 1px solid red;
            background-color: rgb(128, 0, 0, 0.3);
        }
    </style>
@endsection

@section('page_js')
    <script>
        $(function() {
            var lastScrollLeft = 0;
            var lastScrollTop = 0;
           $(document).ready(function () {
               $("#calendar_reset_btn").click(function() {
                  $("td input[type=checkbox]").prop('checked', false);
                  $("td.date_check.st_yellow").removeClass('st_yellow');
               });
               $('.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");
                       }
                   }
               });
               $(".process_charger").change(function() {
                   let addition_id = $(this).data('addition_id');
                   let user_id = $(this).val();
                   if(user_id) {
                       $.ajax({
                           type: 'post',
                           url: '{{ route("backend.{$department}.process.update_charger") }}',
                           data: {
                               'addition_id':addition_id,
                               'user_id':user_id,
                               _token: '