@extends('layouts.app')

@section('content')

<div class="card">
    <div class="card-header bg-primary text-white">
	
        <h5  class="my-1 float-left">บ้าน{{ isset($mooban->name) ? $mooban->name : 'หมู่บ้าน' }} หมู่ที่ {{ isset($mooban->moo) ? (int)$mooban->moo : '' }}</h5>
        <div class="float-right">
            <form method="POST" action="{!! route('moobans.mooban.destroy', $mooban->id) !!}" accept-charset="UTF-8">
            <input name="_method" value="DELETE" type="hidden">
            {{ csrf_field() }}
                <div class="btn-group btn-group-sm" role="group">
                    <a href="{{ route('moobans.mooban.index') }}" class="btn btn-primary" title="แสดง หมู่บ้าน ทั้งหมด">
                        <i class="fas fa-fw fa-th-list" aria-hidden="true"></i>
                    </a>
                    <a href="{{ route('moobans.mooban.create') }}" class="btn btn-success" title="เพิ่ม หมู่บ้าน ใหม่">
                        <i class="fas fa-fw fa-plus" aria-hidden="true"></i>
                    </a>                    
                    <a href="{{ route('moobans.mooban.edit', $mooban->id ) }}" class="btn btn-primary" title="แก้ไขข้อมูล หมู่บ้าน">
                        <i class="fas fa-fw fa-pencil-alt" aria-hidden="true"></i>
                    </a>
                    <button type="submit" class="btn btn-danger" title="ลบ หมู่บ้าน ทิ้ง" onclick="return confirm('คลิก OK เพื่อยืนยันการลบ หมู่บ้าน ')">
                        <i class="fas fa-fw fa-trash-alt" aria-hidden="true"></i>
                    </button>
                </div>
            </form>
        </div>
    </div>

    <div class="card-body">
         
            <div class="row">
				<div class="col-sm-4 right">เขตเลือกตั้ง</div>
				<div class="col-sm-8">: {{ optional($mooban->tambon->	electorate)->name }}</div>
			</div>
		
            <div class="row">
				<div class="col-sm-4 right">อำเภอ</div>
				<div class="col-sm-8">: {{ optional($mooban->tambon->amphur)->name_th }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">ตำบล</div>
				<div class="col-sm-8">: {{ optional($mooban->tambon)->name }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">ชื่อหมู่บ้าน</div>
				<div class="col-sm-8">: {{ $mooban->name }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">หมู่ที่</div>
				<div class="col-sm-8">: {{ (int)$mooban->moo }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">จำนวนผู้มาใช้สิทธิเลือกตั้งที่ผ่านมา</div>
				<div class="col-sm-8">: {{ $mooban->last_voter }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">จำนวนผู้มีสิทธิเลือกตั้ง</div>
				<div class="col-sm-8">: {{ $mooban->voter_num }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">ประชากรรวม</div>
				<div class="col-sm-8">: {{ $mooban->total_pop }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">จำนวนหลังคาเรือน</div>
				<div class="col-sm-8">: {{ $mooban->total_house }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">ละติจูด</div>
				<div class="col-sm-8">: {{ $mooban->latitude }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">ลองจิจูด</div>
				<div class="col-sm-8">: {{ $mooban->longitude }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">เกี่ยวกับหมู่บ้านนี้</div>
				<div class="col-sm-8">: {{ $mooban->detail }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">ผู้บันทึกข้อมูล</div>
				<div class="col-sm-8">: {{ optional($mooban->user)->name }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">เพิ่มเมื่อ </div>
				<div class="col-sm-8">: {{ $mooban->created_at }}</div>
			</div>
            <div class="row">
				<div class="col-sm-4 right">ปรับปรุงล่าสุด </div>
				<div class="col-sm-8">: {{ $mooban->updated_at }}</div>
			</div>

        

    </div>
</div>



    <div class="card">

        <div class="card-header bg-primary text-white">

            <h5  class="my-1 float-left">ครัวเรือนในหมู่บ้าน</h5>

            <div class="btn-group btn-group-sm float-right" role="group">
                <a href="{{ route('homes.home.create') }}" class="btn btn-success" title="เพิ่ม บ้านเลขที่ ใหม่">                     
					<i class="fas fa-fw  fa-plus" aria-hidden="true"></i>
                </a>
            </div>

        </div>
        
        @if(count($homes) == 0)
            <div class="card-body text-center">
                <h4>ไม่พบข้อมูล บ้านเลขที่</h4>
            </div>
        @else
        <div class="card-body">

            <div class="table-responsive">
                <table class="table table-striped table-sm table-bordered">
                    <thead>
                        <tr>
						<th>ลำดับที่</th>
							@php /*
                                <th>เขตเลือกตั้ง</th>
                            <th>อำเภอ</th>
                            <th>ตำบล</th>
                            <th>หมู่บ้าน</th>
                            <th>หมู่ที่</th>*/ @endphp
                            <th>บ้านเลขที่</th>
							<th>จำนวนผู้ใช้สิทธิ</th>
                            <th>ผู้บันทึกข้อมูล</th>
                            <th>หมายเหตุ</th>

                            <th></th>
                        </tr>
                    </thead>
                    <tbody >
					                     @foreach($homes as $home)
                        <tr>
						<td>{{++$r}}</td>
						@php /*
                                <td>{{ optional($home->electorate)->name }}</td>
                            <td>{{ optional($home->amphur)->name_th }}</td>
                            <td>{{ optional($home->tambon)->name }}</td>
                            <td>{{ optional($home->mooban)->name }}</td>
						
							            <td>{{ (int)optional($home->mooban)->moo }}</td>
*/ @endphp
                            <td ><a href="{{ route('homes.home.show',$home->id) }}">{{ $home->address }}</a></td>
							  <td><a href="{{ route('homes.home.show',$home->id) }}">{{  $home->total_people }}</a></td>
                            <td>{{ optional($home->user)->name }}</td>
                            <td>{{ $home->remark }}</td>

                            <td>

                                
                                
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>

            </div>
        </div>

        <div class="card-footer">
            {!! $homes->render() !!}
        </div>
        
        @endif
    
    </div>


@endsection
@section('style') 
<style>
	tbody td{ text-align: center;}
</style>

@endsection