@extends('layouts.app')

@section('content')

<div class="col-md-10">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">企業タグ（内訳）管理</a></h3>
        </div>
            
            @if ($message <> "")
                <div class="message">
                    {!! Form::label("message", $message, ["class"=>"form-control btn-success btn"]) !!}
                </div>
            @endif
            
            @if (session()->has('errors'))
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $message)
                            <li>{!! $message !!}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

        @if (count($datas) > 0)
        <div class="panel-body">
            親企業：{{ $datas[0]->parent_name }}
        </div>

        <div class="panel-body">
            <table class="table">
                <col width="10%">
                <col width="40%">
                <col width="25%">
                <col width="25%">
                <thead>
                    <tr>
                        <th>会員ID</th>
                        <th>取引先企業名</th>
                        <th>タグ</th>
                        <th></th>
                    </tr>
                </thead>

                <tbody>
                    @foreach($datas as $data)
                    <tr>
                        <td>{{ $data->customer_code }}</td>
                        <td>{{ $data->name }}</td>
                        <td>{{ $data->tag }}</td>
                        <td>
                            <a href="{{ asset('customertagchild/update/' . $data->id) }}" role="button">{{ Form::button("編集する", ["class"=>"btn btn-info"]) }}</a>
                            <a href="#" data-toggle="modal" data-target="#deleteModal{{ $data->id }}"><button class="btn btn-danger" type="button"> 削除 </button>
                        </td>
                    </tr>
                    
                    <div class="modal fade" id="deleteModal{{ $data->id }}">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title alert alert-danger">『ID：{{ $data->customer_code }}, 取引先企業：{{ $data->name }}, タグ：{{ $data->tag }}』の削除</h4>
                                </div>
                                <div class="modal-body">
                                    <p>本当に削除してもいいですか</p>
                                </div>
                                <div class="modal-footer">
                                    {{ Form::open(['url'=>'customertagchild/delete/' . $data->id, 'method'=>'POST', 'name'=>'form', 'id'=>'deleteform']) }}
                                    {{ Form::button('閉じる', ['class'=>'btn btn-default', 'data-dismiss'=>'modal']) }}
                                    {{ Form::submit('削除', ['class'=>'btn btn-danger']) }}
                                    {{ Form::close() }}
                                </div>
                            </div><!-- /.modal-content -->
                        </div><!-- /.modal-dialog -->
                    </div><!-- /.modal -->
                    @endforeach
                </tbody>
            </table>            
        </div><!-- ./panel-body -->

        @elseif (count($datas) == 0)
        <div class="panel-body">
            <div>
                対象となるデータがありません
            </div><!-- /.panel-body -->            
        </div><!-- ./panel-body -->
        @endif
    </div><!-- ./panel panel-default -->
</div><!-- ./col_md10 -->

<script>
/* ------------------------------
 Loading イメージ表示関数
 引数： msg 画面に表示する文言
 ------------------------------ */
function dispLoading(msg){
    // 引数なし（メッセージなし）を許容
    if( msg == undefined ){
        msg = "";
    }
    
    // 画面表示メッセージ
    var dispMsg = "<div class='loadingMsg'>" + msg + "</div>";
    
    // ローディング画像が表示されていない場合のみ出力
    if($("#loading").length == 0){
        $("body").append("<div id='loading'>" + dispMsg + "</div>");
    }
}
 
/* ------------------------------
 Loading イメージ削除関数
 ------------------------------ */
function removeLoading(){
    $("#loading").remove();
}    
</script>

<style>
#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.8;
}
 
#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("/ARMS/public/img/loading.png") center center no-repeat;
}
</style>


@endsection