@extends('layouts.app')

@section('content')

    @if (Session::has('success_message'))
        <div class="alert alert-success">
            <i class=" fas fa-fw fa-check" aria-hidden="true"></i>
            {!! session('success_message') !!}

            <button type="button" class="close" data-dismiss="alert" aria-label="close">
                <span aria-hidden="true">&times;</span>
            </button>

        </div>
    @endif

    <div class="card">

        <div class="card-body">
            <form class="row g-3 justify-content-md-center">


   <div class="col-auto">
                    <label for="keyword" class="col-form-label">คำค้น</label>
                </div>

                <div class="col-auto">
                    <input type="text" class="form-control" id="keyword" name="keyword" value="{{ Request::input('keyword') }}" >
                         
                </div>




                <div class="col-auto">
                    <label for="amphurs_id" class="col-form-label">อำเภอ</label>
                </div>

                <div class="col-auto">
                    <select class="form-control" id="amphurs_id" name="amphurs_id" onChange="get_tambons(this.value)">
                        <option value="" selected>
                            ระบุ อำเภอ
                        </option>

                        @foreach ($amphurs as $key => $amphur)
                            <option value="{{ $key }}"
                                {{ Request::input('amphurs_id') == $key ? 'selected' : '' }}>
                                {{ $amphur }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-auto">
                    <label for="tambons_id" class="col-form-label">ตำบล</label>
                </div>

                <div class="col-auto">
                    <select class="form-control" id="tambons_id" name="tambons_id" onChange="get_moobans(this.value )">
                        <option value="" selected>ระบุ ตำบล</option>
                        @foreach ($tambons as $key => $tambon)
                            <option value="{{ $key }}"
                                {{ Request::input('tambons_id') == $key ? 'selected' : '' }}>
                                {{ $tambon }}
                            </option>
                        @endforeach
                    </select>
                </div>


                <div class="col-auto">
                    <label for="moobans_id" class="col-form-label">หมู่บ้าน</label>
                </div>

                <div class="col-auto">
                    <select class="form-control" id="moobans_id" name="moobans_id"
                        onchange="get_homes(this.value);get_tracking_users(this.value)">
                        <option value="" {{ Request::input('moobans_id') == '' ? 'selected' : '' }} selected>ระบุ
                            หมู่บ้าน
                        </option>
                        @foreach ($moobans as $mooban)
                            <option value="{{ $mooban->id }}"
                                {{ Request::input('moobans_id') == $mooban->id ? 'selected' : '' }}>
                                {{ $mooban->name }} หมู่ที่ {{ $mooban->moo }}
                            </option>
                        @endforeach
                    </select>
                </div>


                <div class="col-auto">
                    <label for="homes_id" class="col-form-label">บ้านเลขที่</label>
                </div>

                <div class="col-auto">
                    <select class="form-control" id="homes_id" name="homes_id">
                        <option value="" {{ Request::input('homes_id') == '' ? 'selected' : '' }} selected>ระบุ
                            บ้านเลขที่
                        </option>
                        @foreach ($homes as $home)
                            <option value="{{ $home->id }}"
                                {{ Request::input('homes_id') == $home->id ? 'selected' : '' }}>
                                {{ $home->address }}
                            </option>
                        @endforeach
                    </select>
                </div>
  <div class="col-auto">
                    <label for="positions_id" class="col-form-label">ค้นหาจากตำแหน่ง</label>
                </div>
                <div class="col-auto">
                    <select class="form-control form-control-chosen" id="positions_id" name="positions_id[]" multiple>
                        <option value="">ค้นหาจากตำแหน่ง </option>
                        @foreach ($positions as $position)
                            <option value="{{ $position->id }}"
                                {{ Request::input('positions_id') == $position->id ? 'selected' : '' }}>
                                {{ $position->name }}
                            </option>
                        @endforeach
                    </select>
                </div>



  <div class="col-auto">
                    <label for="tracking_users_id" class="col-form-label">ผู้รับผิดชอบใรการหาเสียง</label>
                </div>
                
                <div class="col-auto">
                    <select class="form-control form-control-chosen" id="tracking_users_id" name="tracking_users_id">
                        <option value="" {{ Request::input('tracking_users_id') == '' ? 'selected' : '' }} selected>
                            ผู้รับผิดชอบใรการหาเสียง
                        </option>

                    </select>
                </div>


                <div class="col-auto">
                    <button type="submit" class="btn btn-primary mb-3">ค้นหา</button>
                </div>
            </form>
        </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('people.people.create') }}" class="btn btn-success"
                    title="เพิ่ม ผู้มีสิทธิ์เลือกตั้ง ใหม่">
                    <i class="fas fa-fw  fa-plus" aria-hidden="true"></i>
                </a>
            </div>

        </div>

        @if (count($peopleObjects) == 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>
                                <!--      <th>เลขบัตรประชาชน</th> -->
                                <th>บ้านเลขที่</th>
                                <th>บ้าน</th>
                                <th>หมู่ที่</th>
                                <th>ตำบล</th>
                                <th>อำเภอ</th>
                                <th>ภาพ</th>

                                <th>ชื่อ-สกุล</th>
                                <th>เพศ</th>
                                <th>ปีเกิด</th>
                                <th>อายุ</th>
                                <th>เบอร์โทร</th>
                                <th>ตำแหน่ง/ยศ</th>
                                <th>ระดับการศึกษา</th>
                                <th>ถิ่นที่อยู่</th>
                                @php /*
                            <th>กรณีนอกพื้นที่ (ถ้ามี)</th>
                            */
                                @endphp
                                <th>การเลือกตั้งในเขต</th>
                                <th>ฝ่าย</th>

                                <th>ผู้บันทึกข้อมูล</th>
                                <th>ผู้รับผิดชอบในการหาเสียง</th>
                                @php /*    <th>คำอธิบาย บุคคลเพิ่มเติม</th>
                          <th>ละติจูด</th>
                            <th>ลองจิจูด</th>
*/
                                @endphp
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach ($peopleObjects as $people)
                                <tr>
                                    <td>{{ ++$r }}</td>

                                    <!--  <td>{{ $people->idcard }}</td> -->
                                    <td>{{ optional($people->home)->address }}</td>
                                    <td>{{ optional($people->mooban)->name }}</td>
                                    <td>{{ optional($people->mooban)->moo }}</td>
                                    <td>{{ optional($people->tambon)->name }}</td>
                                    <td>{{ optional($people->amphur)->name_th }} </td>
                                    <td><img src="{{ asset($people->image) }}" style="width: 50px"></td>
                                    <td>{{ $people->name }}</td>
                                    <td>{{ $people->gender }}</td>
                                    <td>{{ $people->born }}</td>
                                    <td>{{ $people->age }}</td>
                                    <td>{{ $people->tel }}</td>
                                    <td>
                                    </td>
                                    <td>{{ optional($people->education)->name }}</td>
                                    <td>{{ $people->residence }}</td>
                                    @php /*
                            <td>{{ $people->residence_detail }}</td> */
                                    @endphp
                                    <td>{{ $people->vote_location }}</td>
                                    <td>{{ optional($people->associate)->name }}</td>

                                    <td>{{ optional($people->user)->name }}</td>
                                    <td>{{ optional($people->trackingUser)->id }}</td>
                                    @php /*     <td>{{ $people->etc }}</td>
                          <td>{{ $people->lat }}</td>    
                            <td>{{ $people->lon }}</td>
*/
                                    @endphp
                                    <td>

                                        <form method="POST" action="{!! route('people.people.destroy', $people->id) !!}" accept-charset="UTF-8">
                                            <input name="_method" value="DELETE" type="hidden">
                                            {{ csrf_field() }}

                                            <div class="btn-group btn-group-sm float-right" role="group">
                                                <a href="{{ route('people.people.show', $people->id) }}"
                                                    class="btn btn-info" title="แสดงข้อมูล ผู้มีสิทธิ์เลือกตั้ง">
                                                    <i class=" fas fa-fw fa-eye" aria-hidden="true"></i>
                                                </a>
                                                <a href="{{ route('people.people.edit', $people->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>

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

                </div>
            </div>

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

        @endif

    </div>
@endsection



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

    <link href="{{ asset('assets/css/component-chosen.css') }}" rel="stylesheet">
    <link href="{{ asset('dpicker') }}/datepicker.css" rel="stylesheet" media="screen">
    <link href="{{ asset('dpicker') }}/prettify.css" rel="stylesheet">
@endsection

@section('script')

    <script>
        function get_tambons(amphurs_id) {
            $.ajax({
                type: 'POST',
                url: "{{ route('tambons.tambon.get_tambon_by_amphur', 0) }}" + amphurs_id,
                data: {
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'text',
                success: function(data) {
                    $('#tambons_id').html('');
                    $('#tambons_id').append(data);
                }
            })
        }

        function get_moobans(tambons_id) {
            $.ajax({
                type: 'POST',
                url: "{{ route('moobans.mooban.get_mooban_by_tambon', 0) }}" + tambons_id,
                data: {
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'text',
                success: function(data) {
                    $('#moobans_id').html('');
                    $('#moobans_id').append(data);
                }
            })
        }

        function get_homes(moobans_id) {
            $.ajax({
                type: 'POST',
                url: "{{ route('homes.home.get_home_by_mooban', 0) }}" + moobans_id,
                data: {
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'text',
                success: function(data) {
                    $('#homes_id').html('');
                    $('#homes_id').append(data);
                }
            })
        }

        function get_tracking_users(moobans_id) {
            $.ajax({
                type: 'POST',
                url: "{{ route('users.user.get_user_by_mooban', 0) }}" + moobans_id,
                data: {
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'text',
                success: function(data) {
                    $('#tracking_users_id').html('');
                    $('#tracking_users_id').append(data);
                    $('#tracking_users_id').trigger("chosen:updated");
                }
            })
        }
    </script>

    <script src="{{ asset('assets/js/chosen.jquery.js') }}"></script>
    <script>
        $('.form-control-chosen').chosen({
            allow_single_deselect: true,
            search_contains: true,
            width: '100%'
        });
    </script>
@stop