@extends('admin.layouts.template')
@section('page_heading')
@section('content')
<!--Modal add -->
<div class="modal fade" id="Add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
     xmlns="http://www.w3.org/1999/html">
    <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" id="myModalLabel">Show</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-sm-2"></div>
                    <div class="col-sm-8">
                        <div class="form-group">
                            <label for="lname">รหัส</label>
                            <input type="text" class="form-control txt1" name="lname1" id="t51" disabled>
                            <label for="name">ชื่อข้อมูล</label>
                            <input type="text" class="form-control txt1" name="lname1" id="t1" disabled>
                            <label for="email">รายละเอียด</label>
                            <input type="text" class="form-control txt1" name="email1" id="t3" disabled>
                            <label for="">ความสัมพันธ์กับระบบสารสนเทศ</label>
                            <textarea type="text" class="form-control txt1" name="email1" id="rela" disabled disabled style="height: 90px;"></textarea>
                            <label for="">ความสัมพันธ์กับกระบวนการ</label>
                                <textarea type="text" class="form-control txt1" name="email1" id="rela1" disabled disabled style="height: 90px;"></textarea>
                            <label for="">ความสัมพันธ์กับวิธีการการจัดเก็บ</label>
                            <textarea type="text" class="form-control txt1" name="email1" id="rela2" disabled disabled style="height: 90px;"></textarea>

                        </div>
                    </div>
                    <div class="col-sm-2">
                        </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">ปิด</button>

            </div>
        </div>
    </div>
</div>
<class="container">
        <div class="form-group"><h1 style="font-size:38px;">ระดับข้อมูล</h1></div>
    @if(Session::has('message'))
<div class="alert alert-success">{{ Session::get('message') }}</div>
@endif
<p>
</p><br>
<div class="bs-example" data-example-id="bordered-table">
    <div class="row">
        <div class="col-lg-12">
<div class="panel panel-default" >
    <div class="panel-heading">
       <div class="col-lg-2">ตารางข้อมูล</div><div class="col-lg-8"></div>{{ link_to_route('dat.create','เพิ่มข้อมูล',null,['class'=>'btn btn-success']) }}
    </div>
    <!-- /.panel-heading -->
    <div class="panel-body" style="margin-right:20px;">
        <table width="100%" class="table table-striped table-bordered table-hover" id="dataTables-example">
          <thead>
            <tr>
                <th>รหัส</th>
                <th>ชื่อข้อมูล</th>
                <th>ประเภทของการเก็บข้องมูล</th>
                <th>หมายเหตุ</th>
                <th>จัดการ</th>
            </tr>
              </thead>
              <tbody>
                @foreach($dats as $dat)
                    @foreach($in as $in1)
                        @if($dat->id < 10 )
                            <td>{{ $in1->initial}}0{{ $dat->id}} </td>
                        @else
                            <td>{{ $in1->initial}}{{ $dat->id}} </td>
                        @endif
                    @endforeach
                     <td class="col-lg-3">{{ $dat->name}}  </td>


                     <td class="col-lg-3">

                         @foreach($cs as $de)
                             @if($dat->id ==$de->id )
                                 {{ $de->type}}
                             @endif
                         @endforeach
                     </td>
                     <td class="col-lg-3">{{ $dat->remark}}  </td>


                     <td class="col-lg-2">
                           {!! Form::open(array('route'=>['dat.destroy',$dat->id],'method'=>'DELETE')) !!}

                            <button type="button" class="btn btn-default add"  data-toggle="modal" data-target="#Add"data-id="{{ $dat->id}}" data-id1="{{ $dat->name}}"  data-id2="{{ $dat->type}}"   data-id3="{{ $dat->remark}}" data-id4="{{ $dat->data}}" data-id5="{{ $dat->data_dic}}"
                                    @foreach($in as $in1)
                                    data-id51="{{ $in1->initial}}"
                                    @endforeach
                  ><i class="fa fa fa-eye po4" aria-hidden="true"></i></button>
                    <a href="{{ action('DatController@edit',[$dat->id] )}}" class="btn btn-default po5" ><i class="fa fa-pencil-square-o po5" aria-hidden="true"></i></a>
                             <i class="btn btn-default po6" aria-hidden="true">{!! Form::button('',['class'=>'fa fa-trash del','type'=>'submit']) !!}</i>
                           {!! Form::close() !!}
                         </td>
                 </tr>
                @endforeach
              </tbody>
        </table>
         </div>
        </div>
    </div>
    <!-- /.panel-body -->
</div>
<!-- /.panel -->
</div>
<h1></h1>
    <script src="{{asset('/assets/bower_components/jquery/dist/jquery.min.js')}}"></script>
    <script>
        $(document).ready(function() {


            // $('#filer_input').filer();

            // alert('655');

            //$('tr').each(function(){
            $('.add').on('click',function(){
                //$('#add').click(function () {
                //alert('add new branch');
                //$('#Add').modal('show');

                $('#rela').val('');
                $('#rela1').val('');
                $('#rela2').val('');
                $('#rela3').val('');
                var id = $(this).attr('data-id');
                var a = [];
                var aid = [];
                var count = [];
                var count1 = [];
                var count2 = [];
                var count3 = [];

                // alert(id);
                var length = aid.length;
                for (var i = 0; i < aid.length; i++) {
                    if (aid[i] == id) {
                        count.push(a[i]);
                        //alert(count[i]);
                        $('#rela').val(count);
                        // document.getElementById("rela").innerHTML = fruits.toString();
                    }
                }
                var b = [];
                var bid = [];
                for (var i = 0; i < bid.length; i++) {
                    if (bid[i] == id) {
                        count1.push(b[i]);
                        //alert(a[i]);
                        $('#rela1').val(count1);
                    }
                }
                var c = [];
                var cid = [];
                for (var i = 0; i < cid.length; i++) {
                    if (cid[i] == id) {
                        count2.push(c[i]);
                        // alert(d[i]);
                        $('#rela2').val(count2);
                    }
                }
                var t = [];
                var tid = [];
                for (var i = 0; i < tid.length; i++) {
                    if (tid[i] == id) {
                        count3.push(t[i]);
                        //  alert(t[i]);
                        $('#rela3').val(count3);
                    }
                }

            });
            //    });


        });

    </script>
@stop