@extends('backend.layouts.app')

@section('content')

    <h2 class="title">出退勤一覧</h2>

    @include('backend.layouts.flash-message')

    <div class="hscroll">
        @php
                $now_carbon = Carbon::now();
                $previous_carbon = Carbon::parse($current_date)->addMonth(-1);
                $current_carbon = Carbon::parse($current_date);
                $next_carbon = Carbon::parse($current_date)->addMonth(1);
         @endphp
        <div class="table-date mt10">
            <p class="date-first"><a href="{{ route("backend.{$department}.attendance.index", ['date'=>$previous_carbon->format('Y-m')]) }}">{{ $previous_carbon->format('Y').'年'.$previous_carbon->format('m').'月' }}</a></p>
            <p class="date-center">
                {{ $current_carbon->format('Y').'年'.$current_carbon->format('m').'月' }}
            </p>
            @if(($next_carbon->lessThan($now_carbon)) )
                <p class="date-last"><a href="{{ route("backend.{$department}.attendance.index", ['date'=>$next_carbon->format('Y-m')]) }}">{{ $next_carbon->format('Y').'年'.$next_carbon->format('m').'月' }}</a></p>
            @endif
        </div>
    </div>
    <div class="hscroll">
        {{ Form::open(['route'=>"backend.{$department}.attendance.save_attendance", 'method'=>'post']) }}
        <input type="hidden" name="date" id="date" value="{{ $current_carbon->format('Y-m') }}">
        <div class="center-submit">
            <input type="submit" value="保存する">
            @if(Auth::guard('admin')->user()->canChangeOvertimeWorkStatus())
                @php
                    if(Auth::guard('admin')->user()->isAttendanceSuperAdmin()) {
                        $users = \App\Service\UserService::getAllUser();
                    } else {
                        $users = \App\Service\UserService::getAllUser(Auth::guard('admin')->user()->system_parts);
                    }
                @endphp
                <div class="select-user display-inline-flex f-right">
                    <label class="lb-select-user" for="user_id">ユーザー選択:</label>
                    <div class="select-wrap w150">
                        <label>
                            <select name="user_id" id="user_id">
                                @foreach ($users as $user)
                                    <option value="{{ $user->id }}" {{ old('user_id', $selected_user->id) == $user->id ? 'selected' : '' }}>{{ $user->name_kanji }}</option>
                                @endforeach
                            </select>
                        </label>
                    </div>
                </div>
            @endif
        </div>

        <table class="normal type3">
            <thead>
                <tr>
                    <th>日付</th>
                    <th>曜日</th>
                    <th>出勤状況</th>
                    <th>出勤時間</th>
                    <th>出勤状況</th>
                    <th>退勤時間</th>
                    <th>実働時間</th>
                    <th>残業開始時間</th>
                    <th>残業終了時間</th>
                    <th>残業時間</th>
                </tr>
            </thead>
            <tbody>
            @php
                $current_year = $current_carbon->format('Y');
                $current_month = $current_carbon->format('m');
            @endphp

            @foreach(range(1, cal_days_in_month(CAL_GREGORIAN, $current_month, $current_year), 1) as $day)
                @php
                    $attendance_date = Carbon::parse($current_carbon->format('Y-m-').$day);
                @endphp
                <tr>
                    <td>{{$day}}<span>日</span></td>
                    <td {{date('w', strtotime($current_year.'-'.$current_month.'-'.$day))==0 ? "class=sun" : ""}} {{date('w', strtotime($current_year.'-'.$current_month.'-'.$day))==6 ? "class=sat" : ""}}>
                        {{config('const.jp_week.'.date('w', strtotime($current_year.'-'.$current_month.'-'.$day)))}}
                    </td>

                    @if(($attendance_date->lessThanOrEqualTo($now_carbon)) )
                        <td>
                            <select name="attendance[{{ $day }}][in_status]" id="in_status_{{ $day }}" class="w80">
                                <option value="">--</option>
                                @foreach (config('const.attendance_in_status') as $key=>$value)
                                    <option value="{{ $key }}" {{ $key == ( isset($attendances[$day]) ? $attendances[$day]['in_status'] : '' ) ? 'selected' : '' }}>{{$value }}</option>
                                @endforeach
                            </select>
                        </td>
                        <td>
                            <input type="text" name="attendance[{{ $day }}][in_time]" id="in_time_{{ $day }}" class="input-text2 in_timepicker text-center w50" value="{{ isset($attendances[$day]) ? $attendances[$day]['in_time'] : ''  }}" placeholder="8:30">
                        </td>
                        <td>
                            <select name="attendance[{{ $day }}][out_status]" id="out_status_{{ $day }}" class="w80">
                                <option value="">--</option>
                                @foreach (config('const.attendance_out_status') as $key=>$value)
                                    <option value="{{ $key }}" {{ $key == ( isset($attendances[$day]) ? $attendances[$day]['out_status'] : '' ) ? 'selected' : '' }}>{{$value }}</option>
                                @endforeach
                            </select>
                        </td>
                        <td>
                            <input type="text" name="attendance[{{ $day }}][out_time]" id="out_time_{{ $day }}" class="input-text2 out_timepicker text-center w50" value="{{ isset($attendances[$day]) ? $attendances[$day]['out_time'] : '' }}" placeholder="17:30">
                        </td>
                        <td id="td_work_hours_{{ $day }}">
                            @if(isset($attendances[$day]))
                                {{$attendances[$day]['in_time'] && $attendances[$day]['out_time'] ? round(Carbon::parse($attendances[$day]['in_time'] )->floatDiffInHours($attendances[$day]['out_time']), 2) : ''}}
                            @endif
                        </td>

                    @else
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    @endif

                    @php
                        $real_work = \App\Service\Attendance\OvertimeWorkService::getRealWorkByUserAndDate($selected_user->id, ($current_carbon->format('Y-m-') . $day));
                    @endphp
                    @if($real_work)
                        <td>{{ $real_work['start_time'] }}</td>
                        <td>{{ $real_work['end_time'] }}</td>
                        <td>{{  $real_work['work_hours'] }}</td>
                    @else
                        <td></td>
                        <td></td>
                        <td></td>
                    @endif
                </tr>
            @endforeach

            </tbody>
        </table>
        {{ Form::close() }}
    </div>
@endsection
@section('page_css')
    <style>
        div.select-user {
            padding-top: 15px;
        }
        label.lb-select-user {
            margin: 5px 10px 0 0;
            font-weight: bold;
        }
        table.normal .sat {
            color: rgb(0, 0, 255);
        }

        table.normal .sun {
            color: rgb(255, 0, 0);
        }
    </style>
@endsection

@section('page_css')
    <link href="{{ asset('vendor/jquery-timepicker/jquery.timepicker.min.css') }}" rel="stylesheet"/>
@endsection
@section('page_js')

    <script src="{{ asset('vendor/jquery-timepicker/jquery.timepicker.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            var options = {
                timeFormat: 'HH:mm',
                dynamic: false,
                dropdown: false,
                scrollbar: true
            };
            $('.in_timepicker').timepicker(options);
            $('.out_timepicker').timepicker(options);

            $('#user_id').change(function (e) {
                var selected_user =$(this).val();
                location.href = '{{ route("backend.{$department}.attendance.index", ['date'=>$current_date]) }}&' + 'user_id=' + selected_user;
            });
        });
    </script>
@endsection