@extends('backend.layouts.app')

@section('content')

    @if(isset($is_confirm) && $is_confirm)
        @if(isset($params->id) && $params->id)
            <h2 class="title">タスク【確認】</h2>
            {{ Form::open(["route"=>"backend.{$department}.task.update", "id" => "frm_task_save"]) }}
        @else
            <h2 class="title">タスク【確認】</h2>
            {{ Form::open(["route"=>"backend.{$department}.task.store", "id" => "frm_task_save"]) }}
        @endif
    @else
        <h2 class="title">タスク【閲覧】</h2>
    @endif

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

    <table class="normal">
        <tr>
            <th>登録日時</th>
            <td>
                {{ sprintf('%s %02d:%02d', Carbon::parse($params->registered_date)->format('Y.m.d'), $params->registered_hour, $params->registered_minute) }}
            </td>
        </tr>
        <tr>
            <th>登録者</th>
            <td>
                {{ isset($params->register_user->name_kanji) ? $params->register_user->name_kanji : '' }}
            </td>
        </tr>
        <tr>
            <th>担当者</th>
            <td>
                {{ isset($params->charge_user->name_kanji) ? $params->charge_user->name_kanji : '' }}
            </td>
        </tr>
        <tr>
            <th>タスク</th>
            <td>
                @php
                echo nl2br($params->task_detail);
                @endphp
            </td>
        </tr>
        <tr>
            <th>重要度</th>
            <td>
                {{ config('const.task_importance.'.$params->importance) }}
            </td>
        </tr>
        <tr>
            <th>期日</th>
            <td>
                {{ Carbon::parse($params->limit_date)->format('Y.m.d') }}
            </td>
        </tr>
        <tr>
            <th>時間</th>
            <td>
                {{ Carbon::parse($params->limit_time)->format('H:i')}}
            </td>
        </tr>
    </table>
    <div class="center-submit">
        @if(isset($is_confirm) && $is_confirm)
            @if(isset($params->id) && $params->id)
                <input type="button" onClick='location.href="{{ route("backend.{$department}.task.edit", ["is_confirm"=>1, "task"=>$params->id]) }}"' value="戻る">
                <input type="submit" value="更新" class="btn_save_submit">
            @else
                <input type="button" onClick='location.href="{{ route("backend.{$department}.task.create", ["is_confirm"=>1]) }}"' value="戻る">
                <input type="submit" value="登録" class="btn_save_submit">
            @endif
        @else
                <input type="button" onClick='location.href="{{ $return_url }}"' value="一覧に戻る">
            @if($params->task_status != config('const.task_status_code.completed'))
                <input type="button" onClick='location.href="{{ route("backend.{$department}.task.edit", ['task'=>$params->id]) }}"' value="編集">

                <input type="button" cidx="{{ $params->id }}" class="complete_task green" value="完了">
                <form id="frm_complete_{{ $params->id }}" action="{{ route("backend.{$department}.task.complete", ['id'=>$params->id]) }}" method="POST" style="display: none;">
                    @csrf
                </form>
            @endif
            <input type="button" cidx="{{ $params->id }}" class="delete_task red f-right" value="削除">
            <form id="frm_delete_{{ $params->id }}" action="{{ route("backend.{$department}.task.destroy", ['id'=>$params->id]) }}" method="POST" style="display: none;">
                @csrf
                @method('delete')
            </form>
        @endif
    </div>
    @if(isset($is_confirm) && $is_confirm)
        {{ Form::close() }}
    @endif

@endsection

@section('page_css')
<style>

</style>
@endsection

@section('page_js')
    <script>
        var task_id = "";
        $(document).ready(function () {
            $(".btn_save_submit").click(function(){
                $(this).prop('disabled', true);
                $("#frm_task_save").submit();
            });

            $(".delete_task").click(function(e){
                e.preventDefault();
                task_id = $(this).attr('cidx');
                helper_confirm("dialog-confirm", "削除", "タスクを削除します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                    var frm_id = "#frm_delete_" + task_id;
                    $(frm_id).submit();
                });
            });
            $(".complete_task").click(function(e){
                e.preventDefault();
                task_id = $(this).attr('cidx');
                helper_confirm("dialog-confirm", "完了", "タスクを完了します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                    var frm_id = "#frm_complete_" + task_id;
                    $(frm_id).submit();
                });
            });

        } );
    </script>
@endsection