@extends('layouts.app')

@section('head')
<link rel="stylesheet" href="{{ URL::asset('css/style.css') }}">
<script type="text/javascript" src="{{ URL::asset('jquery/jquery.js') }}"></script>

<script type="text/javascript">
  
function show(box){
  if ( $("#" + box).is(":visible") ) {
    $("#" + box).hide();
  } else {
    $("#" + box).show();
  }

}
</script>

@endsection

@section('header')
<div class="header_margin" id="back"><a onclick="window.location='{{ url('auth/index') }}'">〈返回</a></div>
<div class="header_margin" id="title">住戶規約</div>
@endsection

@section('content')

@forelse ($datas as $data)
    
	<div class="message" style='position:relative;
	top:50px;'>
		<div class="arrow" onclick="show('box{{ $data->regulations_id }}')" style='position:relative;
	top:-10px;'><img src="{{ URL::asset('images/arrow.png') }}"></div>
		<div class="text">{{ $data->no .' '. $data->title }}</div>
		<div id="box{{ $data->regulations_id }}" style="display:none;color:#666;">
      		{!! $data->content !!}
    	</div>
	</div>
@empty
    <div>目前無任何資料</div>
@endforelse

@endsection