@extends('backend.layouts.app')
@section('content')

    <h2 class="title f-left">工程一覧</h2>
    <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">
        <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="search_params[show_finish_work]" value="{{ isset($search_params['show_finish_work']) ? $search_params['show_finish_work'] : '' }}">
            <input type="hidden" name="start_date" value="{{ $start_date }}">
            <input type="hidden" name="sort" value="{{ $sort }}">
            <input type="hidden" name="direction" value="{{ $direction }}">
            <input type="submit" value="検索">
            <input type="button" value="クリア" onclick='location.href="{{ route("backend.{$department}.process.index", ['clear'=>1]) }}"'>
        </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>
    <table class="normal type3 non-border" id="description_table">
        <tr>
            <td class="non-border w50 "></td>
            <td class="non-border w120 st_yellow">完成日遅れています</td>
            <td class="non-border w170 st_red">完成日1週間以上遅れています</td>
            <td class="non-border">
            <td class="w75 st_pink">入庫予約</td>
            <td class="w75 st_skyblue2">入庫期間</td>
            <td class="w75 st_yellow">作業予定日</td>
            <td class="w75 st_blue">実作業日</td>
            <td class="w75 st_red">作業完了</td>
        </tr>
    </table>

    @php
        $f_start_date = Carbon::parse($start_date);
        $f_end_date = Carbon::parse($start_date)->addDays(13);
        $period = Carbon\CarbonPeriod::create($f_start_date->format('Y-m-d'), $f_end_date->format('Y-m-d'));
    @endphp
    {{ $params->appends(['search_params'=>$search_params, 'start_date'=>$start_date, 'sort'=>$sort, 'direction'=>$direction])->links('vendor.pagination.admin-pagination') }}
    <table class="normal type3 non-border" 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 sticky-col sticky-row title-td-h-75 td-top-1 title-td-70 td-left-2">完成日<br> @sortablelink('completed_date', ' ▲▼') </th>
                <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-150 td-left-3">受付番号／主作業／取引先名／車台番号</th>
                <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-50 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-70 td-left-7">進捗<br>ステータス</th>
                <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-70 td-left-8">進捗登録</th>

                <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-50 td-left-9">予定工数</th>
                <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-50 td-left-10">実数工数</th>
                {{--
                <th rowspan="3" class="title-th sticky-col sticky-row title-td-h-75 td-top-1 title-td-50 td-left-11">工数<br>（数量）</th>
                --}}
<!-------------------------------------------------------------------------------------------------------------->
                <th class="sticky-row title-td-h-25 td-top-1 sec-change-date" colspan="14">
                    <div class="add_fieldbtn non-icon btn-change-date" ><a class="link_set_date" href="{{ route("backend.{$department}.process.index", ['search_params'=>$search_params, 'page'=>$page, 'start_date'=>Carbon::parse($start_date)->addDays(-14)->format('Y-m-d'), 'sort'=>$sort, 'direction'=>$direction]) }}"><<</a></div>
                    <div class="add_fieldbtn non-icon btn-change-date" ><a class="link_set_date" href="{{ route("backend.{$department}.process.index", ['search_params'=>$search_params, 'page'=>$page, 'start_date'=>Carbon::parse($start_date)->addDays(-1)->format('Y-m-d'), 'sort'=>$sort, 'direction'=>$direction]) }}"><</a></div>
                    <span class="txt-previous-date">戻る</span>
                    <span>{{ $f_start_date->format('n月j日') }}({{ config('const.jp_week.'.$f_start_date->dayOfWeek) }})</span>
                    <span class="txt-next-date">進む</span>
                    <div class="add_fieldbtn non-icon btn-change-date"><a class="link_set_date" href="{{ route("backend.{$department}.process.index", ['search_params'=>$search_params, 'page'=>$page, 'start_date'=>Carbon::parse($start_date)->addDays(1)->format('Y-m-d'), 'sort'=>$sort, 'direction'=>$direction]) }}">></a></div>
                    <div class="add_fieldbtn non-icon btn-change-date"><a class="link_set_date" href="{{ route("backend.{$department}.process.index", ['search_params'=>$search_params, 'page'=>$page, 'start_date'=>Carbon::parse($start_date)->addDays(14)->format('Y-m-d'), 'sort'=>$sort, 'direction'=>$direction]) }}">>> </a></div>
                </th>
            </tr>
            <tr>
                @foreach ($period as $key=>$item)
                    <th class="sticky-row title-td-h-25 td-top-2 w50 {{ $item->isToday() ? 'current_date' : '' }} day_index_{{ $item->month }}_{{ $item->day }}">{{ $item->month }}/{{ $item->day }}</th>
                @endforeach
            </tr>
            <tr>
                @foreach ($period as $key=>$item)
                    <th class="sticky-row title-td-h-25 td-top-3 w50 {{ $item->isToday() ? 'current_date' : '' }} day_index_{{ $item->month }}_{{ $item->day }}">{{ 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), (isset($search_params['step_status']) ? $search_params['step_status'] : null));
                @endphp
                <tr>
                    @php
                        $exist = 0;
                    @endphp
                    <td rowspan="{{ $enable_addition_count > 0 ? ($enable_addition_count) * 2 : 1 }}" class="sticky-col border-bottom 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 border-bottom title-td-70 td-left-2 {{ $param->getCompleteDateClass() }}">{{ empty($param->completed_date) ? $param->completed_date : sprintf('%2d/%2d', Carbon::parse($param->completed_date)->format('m'), Carbon::parse($param->completed_date)->format('d')) }}<br>{{ (!empty($param->target) ? '目途' : '') }}</td>
                    <td rowspan="{{ $enable_addition_count > 0 ? ($enable_addition_count) * 2 : 1 }}" class="sticky-col border-bottom title-td-150 td-left-3 text-prewrap  {{ $param->getCompleteDateClass() }}"><p class="w200 bold">{{ $param->reception_no }}</p>@if(!empty($param->getMainWork()))<p class="w200">{{ $param->getMainWork() }}</p>@endif{{ $param->partner_name }}<br>{{ $param->chassis_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>
                    --}}
                    @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), (isset($search_params['step_status']) ? $search_params['step_status'] : null))){{-- || $addition->kind == config('const.content_work_kind.comment')--}}
                            @continue
                            @endif

                            @php
                                $exist = $key;
                            @endphp
                            <td rowspan="2" class="sticky-col {{ $enable_addition_count == 1 ? 'border-bottom' : '' }} title-td-50 td-left-4">{{ config('const.order_class.'.$addition->class) }}</td>
                            <td rowspan="2" class="sticky-col {{ $enable_addition_count == 1 ? 'border-bottom' : '' }} title-td-70 td-left-5">
                                @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 rowspan="2" class="sticky-col {{ $enable_addition_count == 1 ? 'border-bottom' : '' }} title-td-120 td-left-6 txt_line" style="font-size: 10px;text-align: left !important">{{ $addition->kind == 1 ? (isset($addition->work_category->name) ? $addition->work_category->UJName() : '') : $addition->content }}</td>{{--【00001 主作業】--}}
                            <td rowspan="2" class="sticky-col {{ $enable_addition_count == 1 ? 'border-bottom' : '' }} title-td-70 td-left-7 ">
                                    @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 rowspan="2" class="sticky-col {{ $enable_addition_count == 1 ? 'border-bottom' : '' }} title-td-70 td-left-8" id="addition_charger_box_{{ $addition->id }}">
                                @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 {{ $enable_addition_count == 1 ? 'border-bottom' : '' }} title-td-50 td-left-9">{{ $addition->getScheduleTime() }}</td>
                            <td rowspan="2" class="sticky-col {{ $enable_addition_count == 1 ? 'border-bottom' : '' }} title-td-50 td-left-10 {{ $addition->getWorkingStatus() == config('const.working_step_status_code.finish') ? 'over-num' : '' }}">{{ $addition->getRealTime() }}</td>
                            {{--
                            <td rowspan="2" class="sticky-col {{ $enable_addition_count == 1 ? 'border-bottom' : '' }} title-td-50 td-left-11">{{ $addition->getScheduleTime() }}</td>
                            --}}
                        @endforeach
                    @else
                        <td rowspan="1" class="sticky-col border-bottom title-td-50 td-left-4"></td>
                        <td rowspan="1" class="sticky-col border-bottom title-td-70 td-left-5"></td>
                        <td rowspan="1" class="sticky-col border-bottom title-td-120 td-left-6"></td>
                        <td rowspan="1" class="sticky-col border-bottom title-td-70 td-left-7"></td>
                        <td rowspan="1" class="sticky-col border-bottom title-td-70 td-left-8"></td>
                        <td rowspan="1" class="sticky-col border-bottom title-td-50 td-left-9"></td>
                        <td rowspan="1" class="sticky-col border-bottom title-td-50 td-left-10"></td>
                    @endif
                    @foreach ($period as $key=>$item)
                        @if($enable_addition_count > 0)
                            <td class="table-link border-dotted-bottom {{ $param->addition[$exist]->getScheduleClass($item->format('Y-m-d')) }} day_index_{{ $item->month }}_{{ $item->day }}  w50 {{ $item->isToday() ? 'current_date' : '' }}">
                                @if(is_object($param->addition[$exist]->charger))
                                    <a href="{{ route("backend.{$department}.process.detail", ['id'=>$param->id, 'current_date'=>$item->format('Y-m-d')]) }}"><p></p></a>
                                @endif
                            </td>
                        @else
                            <td class="w50 border-bottom table-link  {{ $item->isToday() ? 'current_date' : '' }} day_index_{{ $item->month }}_{{ $item->day }}">
                                <p></p>
                            </td>
                        @endif
                    @endforeach
                </tr>
                @if($enable_addition_count > 0)
                    <tr>
                        @foreach ($period as $key=>$item)
                            <td class="w50 border-dotted-top {{ $item->isToday() ? 'current_date' : '' }} day_index_{{ $item->month }}_{{ $item->day }} table-link {{ $enable_addition_count == 1 ? 'border-bottom' : '' }} {{ $addition->getSecondWorkingClass($param, Carbon::now()->format('Y')."-{$item->month}-{$item->day}") }} ">
                                <div class="Tipper-box">
                                    <a href="{{ route("backend.{$department}.process.detail", ['id'=>$param->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>
                            </td>
                        @endforeach
                    </tr>
                @endif
                @php
                $real_count = 1;
                @endphp
                @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), (isset($search_params['step_status']) ? $search_params['step_status'] : null))){{-- || $addition->kind == config('const.content_work_kind.comment')--}}
                            @continue
                        @endif
                        <tr>
                            <td rowspan="2" class="sticky-col {{ ($real_count + 1) == $enable_addition_count ? 'border-bottom' : '' }} title-td-50 td-left-4">{{ config('const.order_class.'.$addition->class) }}</td>
                            <td rowspan="2" class="sticky-col {{ ($real_count + 1) == $enable_addition_count ? 'border-bottom' : '' }} title-td-70 td-left-5">
                                @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 rowspan="2" class="sticky-col {{ ($real_count + 1) == $enable_addition_count ? 'border-bottom' : '' }} title-td-120 td-left-6 txt_line" style="font-size: 10px;text-align: left !important">{{ $addition->kind == 1 ? (isset($addition->work_category->name) ? $addition->work_category->UJName() : '') : $addition->content }}</td>{{--【00001 主作業】--}}
                            <td rowspan="{{ $enable_addition_count > 0 ? 2 : 1 }}" class="sticky-col  {{ ($real_count + 1) == $enable_addition_count ? 'border-bottom' : '' }} title-td-70 td-left-7 ">
                                @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 rowspan="2" class="sticky-col {{ ($real_count + 1) == $enable_addition_count ? 'border-bottom' : '' }} title-td-70 td-left-8" id="addition_charger_box_{{ $addition->id }}">
                                @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 {{ ($real_count + 1) == $enable_addition_count ? 'border-bottom' : '' }} title-td-50 td-left-9">{{ $addition->getScheduleTime() }}</td>
                            <td rowspan="2" class="sticky-col {{ ($real_count + 1) == $enable_addition_count ? 'border-bottom' : '' }} title-td-50 td-left-10 {{ $addition->getWorkingStatus() == config('const.working_step_status_code.finish') ? 'over-num' : '' }}">{{ $addition->getRealTime() }}</td>
                            {{--
                            <td rowspan="2" class="sticky-col  title-td-50 td-left-11">{{ $addition->getScheduleTime() }}</td>
                            --}}
                            @foreach ($period as $key1=>$item)
                                <td class="table-link border-dotted-bottom {{ $item->isToday() ? 'current_date' : '' }} day_index_{{ $item->month }}_{{ $item->day }} {{ $addition->getScheduleClass($item->format('Y-m-d')) }} w50 ">
                                    @if(is_object($addition->charger))
                                        <a href="{{ route("backend.{$department}.process.detail", ['id'=>$param->id, 'current_date'=>$item->format('Y-m-d')]) }}"><p></p></a>
                                    @endif
                                </td>
                            @endforeach
                        </tr>
                        <tr>
                            @foreach ($period as $key1=>$item)
                                <td class="w50 border-dotted-top {{ $item->isToday() ? 'current_date' : '' }} day_index_{{ $item->month }}_{{ $item->day }} table-link {{ ($real_count + 1) == $enable_addition_count ? 'border-bottom' : '' }} {{ $addition->getSecondWorkingClass($param, Carbon::now()->format('Y')."-{$item->month}-{$item->day}") }} ">
                                    <div class="Tipper-box">
                                        <a href="{{ route("backend.{$department}.process.detail", ['id'=>$param->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>
                                </td>
                            @endforeach
                        </tr>
                        @php
                            $real_count++;
                        @endphp
                    @endforeach
                @endif
            @endforeach
        @else
            <tr>
                <td colspan="74">データが存在しません。</td>
            </tr>
        @endif
        </tbody>
    </table>
    {{ $params->appends(['search_params'=>$search_params, 'start_date'=>$start_date, 'sort'=>$sort, 'direction'=>$direction])->links('vendor.pagination.admin-pagination') }}

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

@section('page_css')
    <style>
        .three_table th {
            width: 10% !important;
        }
        .three_table td {
            width: 23.3% !important;
        }
        #sloder_td {
            padding: 5px 0 !important;
        }
        #calendar_slider {
            border: 1px solid #f0f0f0;
            background-color: #f0f0f0;
            width: 100%;
            cursor: pointer;
            height: 15px;
            position: relative;
        }

        #calendar_slider span {
            width: 23.5%;
            height: 100%;
            position: absolute;
            top: 0;
            background-color: #cecece;
        }
        #calendar_slider span:hover {
            background-color: #b3b3b3;
        }
        span.blue {
            color: #4777ba !important;
        }
        span.yellow {
            color: #fae368 !important;
        }
        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{
            font-weight: unset !important;
            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;
        }

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

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

        div.btn-change-date {
            margin: 3px 5px;
            text-align: center !important;
            padding-right: 3px !important;
            width: fit-content;
            display: inline-flex;
        }

        div.btn-change-date a{
            font-size: 11px !important;
            padding: 3px 7px !important;
        }

        th.sec-change-date {
            background: #fff !important;
            color: #323232;
        }

        th.sec-change-date  span {
            color: #323232;
            font-weight: bold;
            font-size: 12px;
        }
        th.sec-change-date  span.txt-previous-date{
            margin-right: 25px;
        }

        th.sec-change-date span.txt-next-date{
            margin-left: 25px;
        }

        .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: 270px;
        }
        .td-left-5 {
            left: 320px;
        }

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

        .td-left-7 {
            left: 510px;
        }
        .td-left-8 {
             left: 580px;
         }
        .td-left-9 {
            left: 650px;
        }
        .td-left-10 {
            left:700px;
        }
        .td-left-11 {
            left: 860px;
        }
        .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;
            margin-top: -20px !important;
        }

        .process-list {
            position: relative !important;
            overflow: auto !important;
            width: 100% !important;
            height: calc(100vh - 5rem);
        }

        .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;
            height: 20px;
        }
        #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;
        }
        .border-bottom {
            border-bottom: 2px solid black !important;
        }
        #process_data td.current_date {
            border-right: 3px solid red !important;
            border-left: 3px solid red !important;
        }
        .w75 {
            width: 75px !important;
        }
        #description_table td {
            padding: 5px !important;
        }
        .border-dotted-bottom {
            border-bottom-style: dotted !important;
        }
        .border-dotted-top {
            border-top-style: dotted !important;
        }
    </style>
@endsection

@section('page_js')
    <script>
        $(document).ready(function() {
            $(".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: '