@extends('backend.layouts.app')

@section('content')

    <h2 class="title">残業申請一覧</h2>

    @include('backend.layouts.flash-message')
    <div class="hscroll">
        {{ Form::open(['route'=>"backend.{$department}.overtime_work.save_status", 'method'=>'post']) }}

        @if(Auth::guard('admin')->user()->canChangeOvertimeWorkStatus())
            <div class="center-submit">
                <input type="submit" value="ステータス更新">
            </div>
        @endif
        {{ $params->links('vendor.pagination.admin-pagination') }}
        <table class="normal type3">
            <thead>
            <tr>
                <th rowspan="2">操作</th>
                <th rowspan="2">ステータス</th>
                <th rowspan="2">申請日時</th>
                <th rowspan="2">申請者</th>
                <th colspan="4">予定</th>
                <th colspan="4">実績</th>
            </tr>
            <tr>
                <th>残業予定日</th>
                <th>残業開始予定時間</th>
                <th>残業終了予定時間</th>
                <th>残業予定時間</th>
                <th>残業日</th>
                <th>残業開始時間</th>
                <th>残業終了時間</th>
                <th>残業時間</th>
            </tr>
            </thead>
            <tbody>
            @if ($params->count() > 0)
                 @foreach ($params as $param)
                     <tr>
                         <td>
                             @if($param->created_by == Auth::guard('admin')->user()->id && $param->status == config('const.overtime_work_status_code.waiting'))
                                 <p>
                                     <a href="{{ route("backend.{$department}.overtime_work.edit", ["overtime_work"=>$param->id]) }}">編集</a>
                                 </p>
                             @endif
                         </td>
                         <td>
                             @if(Auth::guard('admin')->user()->canChangeOvertimeWorkStatus())
                                 <div class="select-wrap">
                                     <label>
                                         <select name="overtime_work_status[{{ $param->id }}]">
                                             <option value="">--</option>
                                             @foreach(config('const.overtime_work_status') as $key => $value)
                                                 <option value="{{ $key }}" {{ $key == $param->status ? 'selected' : '' }}>{{ $value }}</option>
                                             @endforeach
                                         </select>
                                     </label>
                                 </div>
                             @else
                                 {{ config('const.overtime_work_status.' . $param->status) }}
                             @endif
                         </td>
                         <td>{{ $param->application_date ? Carbon::parse($param->application_date)->format('Y-m-d') : '' }}</td>
                         <td>{{ $param->register->name_kanji }}</td>
                         <td>{{ $param->scheduled_date ? Carbon::parse($param->scheduled_date)->format('Y-m-d') : '' }}</td>
                         <td>{{ $param->scheduled_start_time ? Carbon::parse($param->scheduled_start_time)->format('H:i') : '' }}</td>
                         <td>{{ $param->scheduled_end_time ? Carbon::parse($param->scheduled_end_time)->format('H:i') : '' }}</td>
                         <td>{{ $param->scheduled_start_time && $param->scheduled_end_time ? round(Carbon::parse($param->scheduled_start_time )->floatDiffInHours($param->scheduled_end_time), 2) : '' }}</td>
                         @if(is_object($param->real_works->first()))
                             <td id="td_work_day_{{ $param->id }}">
                                 {{ $param->real_works->first()->work_date }}
                             </td>
                             <td id="td_start_work_{{ $param->id }}">
                                 {{ $param->real_works->first()->start_time ? Carbon::parse($param->real_works->first()->start_time)->format('H:i') : '' }}
                             </td>
                             <td id="td_end_work_{{ $param->id }}">
                                 @if(empty($param->real_works->first()->end_time ) && $param->status == config('const.overtime_work_status_code.accepted') && $param->created_by == Auth::guard('admin')->user()->id)
                                     <input type="button" id="btn_complete_work_{{ $param->real_works->first()->id }}" data-cidx="{{ $param->real_works->first()->id }}" class="btn-complete-work" value="STOP">
                                 @endif
                                 {{ $param->real_works->first()->end_time ? Carbon::parse($param->real_works->first()->end_time)->format('H:i') : '' }}
                             </td>
                            <td id="td_work_hours_{{ $param->id }}">
                                @if(!empty($param->real_works->first()->start_time ) && !empty($param->real_works->first()->end_time ))
                                    {{ round(Carbon::parse($param->real_works->first()->start_time)->floatDiffInHours($param->real_works->first()->end_time), 2) }}
                                @endif
                            </td>
                         @else
                             <td id="td_work_day_{{ $param->id }}"></td>
                             <td id="td_start_work_{{ $param->id }}">
                                 @if($param->status == config('const.overtime_work_status_code.accepted') && $param->created_by == Auth::guard('admin')->user()->id)
                                     <input type="button" id="btn_start_work_{{ $param->id }}" data-cidx="{{ $param->id }}" class="btn-start-work" value="START">
                                 @endif
                             </td>
                             <td id="td_end_work_{{ $param->id }}"></td>
                             <td id="td_work_hours_{{ $param->id }}"></td>
                         @endif
                     </tr>
                 @endforeach
             @else
                 <tr>
                     <td colspan="12">残業申請データが存在しません。</td>
                 </tr>
             @endif
            </tbody>
        </table>
        {{ $params->links('vendor.pagination.admin-pagination') }}
        {{ Form::close() }}
    </div>

    <div id="dialog-confirm" title="test" style="display:none">
        <p>
            <span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>
            <span id="confirm_text"></span>
        </p>
    </div>
@endsection

@section('page_css')
<style>
    .btn-start-work {
        text-align: center;
        width: 50px;
        height: 30px;
        border: none;
        background: #00dd1c;
        color: #FFF;
        cursor: pointer;
        border-radius: 7px;
        font-size: 12px;
        padding : unset !important;
    }

    .btn-complete-work {
        text-align: center;
        width: 50px;
        height: 30px;
        border: none;
        color: #FFF;
        background: #4777ba;
        cursor: pointer;
        border-radius: 7px;
        font-size: 12px;
        padding : unset !important;
    }
</style>
@endsection

@section('page_js')
<script>
    $(document).ready(function() {
        $(".btn-start-work").click(function() {
            var id = $(this).data('cidx');
            helper_confirm("dialog-confirm", "残業開始", '残業を開始します。<br />よろしいですか？', 300, "確認", "閉じる", function(){
                $.ajax({
                    type: "post",
                    url : '{{ route("backend.{$department}.overtime_work.start_overtime_work") }}',
                    data: {
                        _token: '{{ csrf_token() }}',
                        overtime_work_id: id
                    },
                    dataType: "json",
                    success: function(result) {
                        $('#btn_start_work_' + id).remove();
                        $('#td_work_day_' + id).text(result.work_date);
                        $('#td_start_work_' + id).text(result.start_time);
                        el_end_button = '<input type="button" id="btn_complete_work_'  + result.id + '" data-cidx="'  + result.id + '" class="btn-complete-work" value="STOP">';
                        $('#td_end_work_' + id).html(el_end_button);
                    },
                });
            });
        });

        $(".btn-complete-work").click(function() {
            var id = $(this).data('cidx');
            helper_confirm("dialog-confirm", "残業完了", '残業を完了します。<br />よろしいですか？', 300, "確認", "閉じる", function(){
                $.ajax({
                    type: "post",
                    url : '{{ route("backend.{$department}.overtime_work.complete_overtime_work") }}',
                    data: {
                        _token: '{{ csrf_token() }}',
                        overtime_work_real_id: id
                    },
                    dataType: "json",
                    success: function(result) {
                        $('#btn_complete_work_' + result.overtime_work_id).remove();
                        $('#td_end_work_' + result.overtime_work_id).text(result.end_time);
                        $('#td_work_hours_' + result.overtime_work_id).text(result.work_hours);
                    },
                });
            });
        });
    });
</script>
@endsection