ReAdded

@extends('common.layout')

@section('title', 'PortiaLyzeユーザー画面｜転倒情報')
@section('description', 'トップ説明')
@section('keywords', 'トップ検索ワード')

@include('common.head')

@include('common.header')
@include('common.sidebar')

@section('contents')
<script>
    $('.nav-link-overturn').addClass('active');

</script>
<div class="content-wrapper">
    <div class="alert alert-success" role="alert">成功しました。</div>
    <section class="content-header">
        <div class="container-fluid">
            <!-- Main row -->
            <div class="row">
                <!-- Left col -->
                <div class="col-md-12">
                    <div class="card card-overturn">
                        <div class="card-header">
                            <h3 class="card-title">転倒一覧</h3>
                            <div class="card-tools">
                                <ul class="pagination pagination-sm m-0 float-right">
                                    <?php echo $fallInfo->render(); ?>
                                </ul>
                            </div>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body table-responsive p-0">
                            <table class="table table-hover text-nowrap table-striped">
                                <thead>
                                    <tr>
                                        <th>転倒日時</th>
                                        <th>事業所</th>
                                        <th>部屋名</th>
                                        <th>利用者名</th>
                                        <th>カメラ</th>{{--
                                        <th>フィードバック</th> --}}
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <?php foreach ($fallInfo as $fall){ ?>
                                            <td> <?php echo $fall->fall_time; ?> </td>
                                            <td> <?php echo $fall->address; ?> </td>
                                            <td> ￥<?php echo $fall->room_name; ?> </td>
                                            <td> <?php echo $fall->room_user_name; ?> </td>
                                            <td> <?php echo $fall->camera_location; ?> </td>
                                            <td><a href="#"
                                                   class="btn btn-confirmation btn-sm float-right ml-1"
                                                   data-toggle="modal"
                                                   data-target="#videoshow"
                                                   <?php if ($fall->id != null) { ?>
                                                    data-fall_id={{ $fall->id }}
                                                <?php } ?>

                                                <?php if ($fall->fall_time != null) { ?>
                                                    data-fall_time={{ $fall->fall_time }}
                                                <?php } ?>

                                                <?php if ($fall->address != null) { ?>
                                                    data-address={{ $fall->address }}
                                                <?php } ?>

                                                <?php if ($fall->room_name != null) { ?>
                                                    data-room_name={{ $fall->room_name }}
                                                <?php } ?>

                                                <?php if ($fall->room_user_name != null) { ?>
                                                    data-room_user_name={{ $fall->room_user_name }}
                                                <?php } ?>

                                                <?php if ($fall->camera_location != null) { ?>
                                                    data-camera_location={{ $fall->camera_location }}
                                                <?php } ?>
                                                   >動画</a></td>
                                            <td>
                                                <ul class="pagination pagination-sm m-0 float-left">
                                                 {{--    <li class="page-item"><a class="page-link" href="#" data-toggle="modal" data-target="#feedshow">1</a></li> --}}
                                                </ul> <a href="#"
                                                        class="btn btn-room btn-sm float-right ml-1"
                                                        data-toggle="modal"
                                                        data-target="#feededit"
                                                        <?php if ($fall->id != null) { ?>
                                                            data-fall_id={{ $fall->id }}
                                                        <?php } ?>

                                                        <?php if ($fall->fall_time != null) { ?>
                                                            data-fall_time={{ $fall->fall_time }}
                                                        <?php } ?>

                                                        <?php if ($fall->address != null) { ?>
                                                            data-address={{ $fall->address }}
                                                        <?php } ?>

                                                        <?php if ($fall->room_name != null) { ?>
                                                            data-room_name={{ $fall->room_name }}
                                                        <?php } ?>

                                                        <?php if ($fall->room_user_name != null) { ?>
                                                            data-room_user_name={{ $fall->room_user_name }}
                                                        <?php } ?>

                                                        <?php if ($fall->camera_location != null) { ?>
                                                            data-camera_location={{ $fall->camera_location }}
                                                        <?php } ?> >

                                                        作成</a>
                                                        <!-- videoEdit-->

                                            </td>
                                        </tr>
                                        <?php } ?>
                                        {{-- <td>2020/4/20 16:00:00</td>
                                        <td>品川エリア</td>
                                        <td>101</td>
                                        <td>XXXXX</td>
                                        <td>トイレ<a href="#" class="btn btn-confirmation btn-sm float-right ml-1" data-toggle="modal" data-target="#videoshow">動画</a></td> --}}
                                    {{--     <td>
                                            <ul class="pagination pagination-sm m-0 float-left">
                                                <li class="page-item"><a class="page-link" href="#" data-toggle="modal" data-target="#feedshow">1</a></li>
                                                <li class="page-item"><a class="page-link" href="#" data-toggle="modal" data-target="#feedshow">2</a></li>
                                            </ul><a href="?page=overturn.edit" class="btn btn-room btn-sm float-right ml-1" data-toggle="modal" data-target="#feededit">作成</a>
                                        </td> --}}
                                    </tr>
                                    <!-- 動画 -->
                                    <div class="modal fade" id="videoshow" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content modal-content-logoff">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="exampleModalLabel">動画の確認</h5>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="閉じる">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <dl class="modal-info">
                                                        <dl>
                                                            <dt>事業所名</dt>
                                                            {{-- <dd>
                                                                <input class="form-control" type="address" id="address" name="address" readonly>
                                                            </dd> --}}
                                                            <dd id="address"></dd>
                                                        </dl>
                                                        <dl>
                                                            <dt>部屋名</dt>
                                                            <dd>
                                                                <input class="form-control" type="room_name" id="room_name" name="room_name" readonly>
                                                            </dd>
                                                        </dl>
                                                        <dl>
                                                            <dt>利用者名</dt>
                                                            <dd>
                                                                <input class="form-control" type="room_user_name" id="room_user_name" name="room_user_name" readonly>
                                                            </dd>
                                                        </dl>

                                                        <dl>
                                                            <dt>カメラ</dt>
                                                            <dd>
                                                                <input class="form-control" type="camera_location" id="camera_location" name="camera_location" readonly>
                                                            </dd>
                                                        </dl>
                                                        <dl>
                                                            <dt>該当日時</dt>
                                                            <dd>
                                                                <input class="form-control" type="fall_time" id="fall_time" name="fall_time" readonly>
                                                            </dd>
                                                        </dl>
                                                        <dl>
                                                            <dt>動画</dt>
                                                            <dd>&nbsp;</dd>
                                                        </dl>

                                                    </dl>
                                                    <video class="w-100 mb-2" controls="controls">
                                                        <source src="@asset('/videos/hone.mp4')" type="video/mp4">
                                                    </video>
                                                    <div class="row">
                                                        <div class="offset-lg-6 offset-0 col-6">
                                                            <button type="button" class="btn btn-outline-secondary btn-block" data-dismiss="modal">戻る</button>
                                                        </div>
                                                    </div>
                                                 </div>
                                            </div><!-- /.modal-content -->
                                        </div><!-- /.modal-dialog -->
                                    </div><!-- /.modal -->
                                    <!-- フィードバック確認 -->
                                    <div class="modal fade" id="feededit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content modal-content-logoff">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="exampleModalLabel">設定変更</h5>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="閉じる">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <form class="links" action="{{ URL::to('/feedback/new')  }}" method="post">
                                                        {{csrf_field()}}
                                                        <dl class="modal-info">
                                                            <dl>
                                                                <dt>該当日時</dt>
                                                                <dd>
                                                                    <input type="hidden" id="fall_id" name="fall_id" type="fall_id" >
                                                                    <input class="form-control" type="fall_time" id="fall_time" name="fall_time" readonly>
                                                                </dd>
                                                            </dl>
                                                            <dl>
                                                                <dt>事業所名</dt>
                                                                <dd>
                                                                    <input class="form-control" type="address" id="address" name="address" readonly>
                                                                </dd>
                                                            </dl>
                                                            <dl>
                                                                <dt>部屋名</dt>
                                                                <dd>
                                                                    <input class="form-control" type="room_name" id="room_name" name="room_name" readonly>
                                                                </dd>
                                                            </dl>
                                                            <dl>
                                                                <dt>利用者名</dt>
                                                                <dd>
                                                                    <input class="form-control" type="room_user_name" id="room_user_name" name="room_user_name" readonly>
                                                                </dd>
                                                            </dl>
                                                           {{--  <dl>
                                                                <dt>種別</dt>
                                                                <dd>
                                                                    <input class="form-control" type="camera_location" id="camera_location" name="camera_location" readonly>
                                                                </dd>
                                                            </dl> --}}
                                                            <dl>
                                                                <dt>種別</dt>
                                                                <dd>
                                                                    <div class="radio-inline">
                                                                        <div class="radio"> <label class=""><input type="radio" id="admin_customer_area_1" name="admin_customer[area]" value="1"> 転倒間違い</label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="radio-inline">
                                                                        <div class="radio"> <label class=""><input type="radio" id="admin_customer_area_2" name="admin_customer[area]" value="2"> その他</label>
                                                                        </div>
                                                                    </div>
                                                                </dd>
                                                            </dl>
                                                            <dl>
                                                                <dt>内容</dt>
                                                                <dd><textarea class="form-control" id="description" name="description" rows="4" placeholder="詳しい内容を入力してください。"></textarea></dd>
                                                            </dl>
                                                        </dl>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <button type="submit" class="btn btn-secondary btn-block">保存</button>
                                                            </div>
                                                            <div class="col-6">
                                                                <button type="button" class="btn btn-outline-secondary btn-block" data-dismiss="modal">取消</button>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </tbody>
                            </table>
                        </div>
                        <!-- /.card-body -->
                        <div class="card-footer clearfix">
                            <ul class="pagination pagination-sm m-0 float-right">
                                <?php echo $fallInfo->render(); ?>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- /.col -->
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!--/. container-fluid -->
    </section>
</div>
<script>
    $('.nav-link-setting').addClass('active');

    $(".btn[data-target='#feededit']").click(function(e) {
        console.log("hi");
        console.log(e);

        var row = e.currentTarget;
        var modal = $("#feededit");
        var fall_id = row.dataset["fall_id"];
        console.log(row);
        var fall_time = row.dataset["fall_time"];
        var address = row.dataset["address"];
        var room_name = row.dataset["room_name"];
        var room_user_name = row.dataset["room_user_name"];
        var camera_location = row.dataset["camera_location"];
        console.log(fall_time);
        modal.find("#fall_id").val(fall_id);
        modal.find("#fall_time").val(fall_time);
        modal.find("#address").val(address);
        modal.find("#room_name").val(room_name);

        modal.find("#room_user_name").val(room_user_name);
        modal.find("#camera_location").val(camera_location);
    });

    $(".btn[data-target='#videoshow']").click(function(e) {
        console.log("hi");
        console.log(e);

        var row = e.currentTarget;
        var modal = $("#videoshow");
        var fall_id = row.dataset["fall_id"];
        console.log(row);
        var fall_time = row.dataset["fall_time"];
        var address = row.dataset["address"];
        var room_name = row.dataset["room_name"];
        var room_user_name = row.dataset["room_user_name"];
        var camera_location = row.dataset["camera_location"];
        console.log(fall_time);
        modal.find("#fall_id").val(fall_id);
        modal.find("#fall_time").val(fall_time);
        modal.find("#address").val(address);
        modal.find("#room_name").val(room_name);

        modal.find("#room_user_name").val(room_user_name);
        modal.find("#camera_location").val(camera_location);
    });

    console.log("script");
</script>


@endsection

@include('common.footer')