@extends('layouts.base')
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <h2>
        <i class="fa fa-search"></i> ស្វែងរកបញ្ជីស្នាក់នៅ
        <!--<small>Version 2.0</small>-->
    </h2>
    <ol class="breadcrumb">
        <li><a href="{{ url('/') }}"><i class="fa fa-dashboard"></i> ទំព័រដើម</a></li>
        <li class="active">ទិន្នន័យបញ្ជីស្នាក់នៅ(ក១)</li>
        <li class="active">ស្វែងរកបញ្ជីស្នាក់នៅ</li>
    </ol>

    <div class="search-main">
        <form id="frmSearchRs" action="{{ route('residence.index') }}">
            <div class="search-option">
                <p style="width: 120px; float: left; font-weight: bold;">ស្វែងរកតាមរយ: </p>
                <div>
                    {!! Form::radio('search_opt', '1',
                    !request()->search_opt || (request()->search_opt && request()->search_opt) == '1',
                    ['id' => 'search_opt1', 'class' => 'form-check-input checkoption']) !!}
                    <label class="form-check-label" for="search_opt1">អាសយដ្ឋាន</label>
                    &nbsp;&nbsp;
                    {!! Form::radio('search_opt', '2',
                    request()->search_opt && request()->search_opt == '2',
                    ['id' => 'search_opt2', 'class' => 'form-check-input checkoption']) !!}
                    <label class="form-check-label" for="search_opt2">ឈ្មោះសមាជិកស្នាក់នៅ​ ថ្ងៃខែឆ្នាំកំណើត</label>
                </div>
            </div>

            <div class="search-element ">
                <div class="search-element1">
                    <table class="table search-residence">
                        <tr>
                            <td>
                                {!! Form::select(
                                'pro_code',
                                $provinces,
                                request()->pro_code !== null ? request()->pro_code : null,
                                [
                                'placeholder' => 'ជ្រើសរើស រាជធានី/ខេត្ត',
                                'id'=>'selectProvince',
                                'class' => 'apply-select2-special form-control',
                                ])
                                !!}
                            </td>
                            <td>
                                {!! Form::select(
                                'dis_code',
                                $districts,
                                request()->dis_code !== null ? request()->dis_code : null,
                                [
                                'placeholder' => 'ជ្រើសរើស ក្រុង/ស្រុក/ខណ្ឌ',
                                'id'=>'selectDistrict',
                                'class' => 'apply-select2-special form-control',
                                ])
                                !!}
                            </td>
                            <td>
                                {!! Form::select(
                                'com_code',
                                $communes,
                                request()->com_code !== null ? request()->com_code : null,
                                [
                                'placeholder' => 'ជ្រើសរើស ឃុំ/សង្កាត់',
                                'id'=>'selectCommune',
                                'class' => 'apply-select2 form-control',
                                ])
                                !!}
                            </td>
                            <td>
                                {!! Form::select(
                                'vil_code',
                                $villages,
                                request()->vil_code !== null ? request()->vil_code : null,
                                [
                                'placeholder' => 'ជ្រើសរើស ភូមិ',
                                'id'=>'selectVillage',
                                'class' => 'apply-select2 form-control',
                                ])
                                !!}
                            </td>

                        </tr>
                    </table>
                    <table class="table search-residence">
                        <tr>
                            <td>

                                <div class="form-group">
                                    <input type="text" style="height: 40px;" id="homenumber" class="form-control" placeholder="ផ្ទះលេខ"
                                        value="{{ request()->homenumber ? request()->homenumber : '' }}" name="homenumber" />

                                </div>
                            </td>
                            <td>
                                <div class="form-group">

                                    <input type="text" id="streetnumber" placeholder="ផ្លូវ" style="height: 40px;" class="form-control"
                                        value="{{ request()->streetnumber ? request()->streetnumber : '' }}" name="streetnumber" />
                                </div>
                            </td>
                            <td>
                                <div class="form-group">

                                    <input type="text" style="height: 40px;" class="form-control" placeholder="ក្រុម" id="group" name="group"
                                        value="{{ request()->group ? request()->group : '' }}" />
                                </div>
                            </td>
                            <td>
                                <div class="form-group">
                                    <input type="text" style="height: 40px;" id="center_num" class="form-control" placeholder="មណ្ឌល" name="center_num"
                                        value="{{ request()->center_num ? request()->center_num : '' }}" />
                                </div>
                            </td>

                            <td>
                                <button style="height: 40px; width: 100%;" type="submit" name="search" value="search1" onclick="showLoading();"
                                    class="btn-search btn btn-primary"><i class="fa fa-search"></i>&nbsp;ស្វែងរក</button>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="search-element2">
                    <table class="table">
                        <tr>
                            <td>
                            <input style="height: 40px; float: left; width: 48%;  margin-right: 20px;" type="text" class="form-control" value="{{ request()->name1 ? request()->name1 : '' }}"
                                    placeholder="គោត្តនាម" id="name1" name="name1" />
                                <input style="height: 40px;  width: 48%;" type="text" class="form-control"
                                placeholder="នាមខ្លួន" id="name2" name="name2" value="{{ request()->name2 ? request()->name2 : '' }}"/>


                            </td>
                            <td colspan="2">
                                <div class="input-group-date" style="width: 30%; float: left; margin-right: 20px;">
                                    <input style="height: 40px;" type="text" name="birth_of_day" id="birth_of_day"
                                        class="form-control" placeholder="ថ្ងៃ​កំណើត" autocomplete="off"
                                        value="{{ request()->birth_of_day ? request()->birth_of_day : '' }}" />
                                </div>
                                <div class="input-group-date" style="width: 30%;  float: left; margin-right: 20px;">
                                    <input style="height: 40px;" type="text" name="birth_of_month" id="birth_of_month"
                                        class="form-control" placeholder="ខែកំណើត" autocomplete="off"
                                        value="{{ request()->birth_of_month ? request()->birth_of_month : '' }}" />
                                </div>
                                <div class="input-group-date" style="width: 30%;  float: left;">
                                    <input style="height: 40px;" type="text" name="birth_of_year" id="birth_of_year"
                                        placeholder="ឆ្នាំកំណើត" class="form-control" autocomplete="off"
                                        value="{{ request()->birth_of_year ? request()->birth_of_year : '' }}" />
                                </div>
                            </td>
                            <td style="vertical-align: middle">
                                <button style="height: 40px; width: 100%;" type="submit" name="search" value="search2" onclick="showLoading();"
                                    class="btn-search btn btn-info"><i class="fa fa-search"></i>&nbsp;ស្វែងរក</button>
                            </td>
                        </tr>


                    </table>
                </div>
            </div>
        </form>
    </div>
</section>

<section class="content-header">
    <h2>
        <i class="flaticon-file"></i> បញ្ជីស្នាក់នៅ
    </h2>
</section>
<!-- Main content -->
<section class="content">
    <div class="row" id="data_ajax">
        @if( count($data) > 0 )
        <div class='col-xs-12'>
            <div class='box-body'>
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                        <button style="position: relative; top: -20px;" class="close" data-dismiss="alert" type="button">×</button>
                    </div><br />
                @endif

                @if (session()->has('success'))
                    <div class="alert alert-success">
                        @if(is_array(session()->get('success')))
                        <ul>
                            @foreach (session()->get('success') as $message)
                            <li>{{ $message }}</li>
                            @endforeach
                        </ul>
                        @else
                        {{ session()->get('success') }}
                        @endif
                        <button class="close" data-dismiss="alert" type="button">×</button>
                    </div>
                @endif
                <table class='table table-striped'>
                    <thead>
                        <tr>
                            <th>ល.រ</th>
                            <th>លេខក្បាល</th>
                            <th>លេខទំព័រ</th>
                            <th>ឈ្មោះមេគ្រួសារ</th>
                            <th style="width: 280px;">សមាជិកស្នាក់នៅ</th>
                            <th>អាសយដ្ឋាន</th>
                            <th style="width: 240px;"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                            $view_doc_tooltip = "​ពិនិត្យនិងបោះពុម្ពឯកសារយោង";
                            $view_members_tooltip = "ពិនិត្យឫកែប្រែសមាជិក";
                            $print_rs_tooltip = "បោះពុម្ភបញ្ជី";
                            $edit_rs_tooltip = "កែប្រែបញ្ជី";
                            $delete_rs_tooltip = "លុបបញ្ជី";

                            $b_day = null;
                            $b_month = null;
                            $b_year = null;

                            if(request()->search_opt == 2) {
                                $b_day = request()->birth_of_day ? request()->birth_of_day : null;
                                $b_month = request()->birth_of_month ? request()->birth_of_month : null;
                                $b_year = request()->birth_of_year ? request()->birth_of_year : null;
                            }
                        @endphp

                        @foreach($data as $index => $item)
                        <tr>
                            <td>{{ $data->firstItem() + $index }}</td>
                            <td>{{ $item->head_num }}</td>
                            <td>{{ $item->page_num }}</td>
                            <td>
                                @if(request()->search_opt == 2 && Str::contains($item->headFamily->lname_kh, request()->name1))
                                    <mark>{{ $item->headFamily->lname_kh }}&nbsp;{{ $item->headFamily->fname_kh  }}</mark>
                                @elseif(request()->search_opt == 2 && Str::contains($item->headFamily->fname_kh, request()->name2))
                                    <mark>{{ $item->headFamily->lname_kh }}&nbsp;{{ $item->headFamily->fname_kh  }}</mark>
                                @else
                                <span>{{ $item->headFamily->lname_kh }}&nbsp;{{ $item->headFamily->fname_kh  }}</span>
                                @endif
                            </td>
                            <td>
                                <!--  @if(count($item->residencemembers) > 0 )
                                    @foreach($item->residencemembers as $key => $member)
                                        @if($member->fam_pos_id != 1)
                                            @if(request()->search_opt == 2 &&
                                                Str::contains($member->lname_kh . ' ' . $member->fname_kh, request()->name1))
                                                <mark>{{ $member->lname_kh }}&nbsp;{{ $member->fname_kh  }}</mark>&nbsp;
                                            @else
                                                <span>{{ $member->lname_kh }}&nbsp;{{ $member->fname_kh  }}</span>&nbsp;
                                            @endif
                                        @endif
                                    @endforeach
                                @endif -->

                                @if(count($item->getSearchMembers($b_day, $b_month, $b_year)) > 0 )
                                    @foreach($item->getSearchMembers($b_day, $b_month, $b_year) as $key => $member)
                                        @if(request()->search_opt == 2 &&
                                            Str::contains($member->lname_kh . ' ' . $member->fname_kh, request()->name1))
                                            <mark>{{ $member->lname_kh }}&nbsp;{{ $member->fname_kh  }}</mark>&nbsp;
                                        @elseif(request()->search_opt == 2 &&
                                            Str::contains($member->lname_kh . ' ' . $member->fname_kh, request()->name2))
                                            <mark>{{ $member->lname_kh }}&nbsp;{{ $member->fname_kh  }}</mark>&nbsp;
                                        @else
                                            <span>{{ $member->lname_kh }}&nbsp;{{ $member->fname_kh  }}</span>&nbsp;
                                        @endif
                                    @endforeach
                                @endif
                            </td>
                            <td>
                                @if(!empty($item->homenumber)) {{ 'ផ្ទះលេខ '. $item->homenumber }} @endif
                                @if(!empty($item->streetnumber)) {{ 'ផ្លូវ '. $item->streetnumber }} @endif
                                @if(!empty($item->group)) {{ 'ក្រុម '. $item->group }} @endif
                                @if(!empty($item->center_num)) {{ 'មណ្ឌល '. $item->center_num }} @endif

                                ភូមិ៖&nbsp;{{ !empty($item->village) ? $item->village->name_kh : '' }}
                                &nbsp;ឃុំ/សង្កាត់៖&nbsp;{{ !empty($item->commune) ? $item->commune->name_kh : '' }}<br />
                                ក្រុង/ស្រុក/ខណ្ឌ៖&nbsp;{{!empty($item->district) ? $item->district->name_kh : '' }}
                                &nbsp;រាជធានី/ខេត្ត៖&nbsp;{{!empty($item->province) ? $item->province->name_kh : '' }}
                            </td>
                            <td>
                                <table>
                                    <tr>
                                        <td>
                                            <a target="_blank" data-toggle="tooltip" data-placement="top" title="{{$view_doc_tooltip}}" class="btn btn-default" href="{{ route('residence.view-docs',$item->id) }}"> <i class="fa flaticon-file"></i> </a>
                                            @can('residences-createMember')<a href="{{ route('residence.createmember',$item->id)}}" target="_blank" data-toggle="tooltip" data-placement="top" title="{{$view_members_tooltip}}" class="btn btn-info"><i class="fa fa-users"></i></a> @endcan
                                            @can('residences-printpdf') <a href="{{ route('residence.printpdf',$item->id)}}" target="_blank" data-toggle="tooltip" data-placement="top" title="{{ $print_rs_tooltip }}" class="btn btn-default"><i class="fa fa-print"></i></a>@endcan
                                            @can('residences-edit') <a href="{{ route('residence.edit',$item->id)}}" target='_blank' data-toggle="tooltip" data-placement="top" title="{{$edit_rs_tooltip}}" class="btn btn-success"><i class="fa fa-edit"></i></a>@endcan
                                        </td>
                                        @can('residences-delete')
                                        <td>
                                            <form action="{{ route('residence.destroy', $item->id)}}" id="frm_delete" method="post">
                                                @csrf
                                                @method('DELETE')
                                                &nbsp;<button data-toggle="tooltip" data-placement="top" title="{{$delete_rs_tooltip}}" class="btn-delete-record btn btn-danger" type="submit"><i class="fa fa-trash"></i></button>
                                            </form>
                                        </td>
                                        @endcan
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="box-footer">
                @if($data->hasPages())
                {!! $data->appends(Request::except('page'))->render() !!}
                @endif
            </div>
        </div>
        @endif
    </div>
</section>
<!-- /.content -->
@endsection

@push('scripts')
<script>
    function showLoading() {
        $('.overloader').fadeIn('fast');
    }

    function hideLoading() {
        $('.overloader').fadeOut('fast');
    }

    $(document).ready(function() {
        hideLoading();

        $('[data-toggle="tooltip"]').tooltip();

        $('#search_opt2, #search_opt1').click(function() {
            //$('#data_ajax').html('');
        });

        /* $('.btn-search').click(function() {
            var searchOption = $(this).val();
            var data = null;

                if (searchOption == 'search1') {
                    data = {
                        option: searchOption,
                        pro_code: $('#selectProvince').val(),
                        dis_code: $('#selectDistrict').val(),
                        com_code: $('#selectCommune').val(),
                        vil_code: $('#selectVillage').val(),
                        homenumber: $('#homenumber').val(),
                        streetnumber: $('#streetnumber').val(),
                        center_num: $('#center_num').val(),
                        group: $('#group').val(),

                    };
                } else {
                    data = {
                        option: searchOption,
                        birth_of_day: $('#birth_of_day').val(),
                        birth_of_month: $('#birth_of_month').val(),
                        birth_of_year: $('#birth_of_year').val(),
                        name: $('#name1').val(),

                    };
                }
                $.ajax({
                    data: data,
                    type: 'GET',
                    dataType: 'json',
                    url: '/residence/search',
                    error: function(jqXHR, status, err) {
                        console.log(jqXHR, status, err);
                    },
                    success: function(response) {
                        //console.log('respone', response);
                        var html =
                            "<div class='row'><div class='col-xs-12'><div class='box-body'>";
                        html +=
                            "<table class='table table-striped'><thead><tr><th>ល.រ</th><th>លេខក្បាល</th><th>លេខទំព័រ</th>";
                        html +=
                            "<th>ឈ្មោះមេគ្រួសារ/សមាជិក</th><th>ទំនាក់ទំនងជាមួយមេគ្រួសារ</th><th>អាសយដ្ឋាន</th><th></th><th></th></tr></thead><tbody>";
                        if (response.length > 0) {
                            for (var i = 0; i < response.length; i++) {
                                html += "<tr><td>" + (i + 1) + "</td><td>" + response[i]
                                    .head_num + "</td><td>" + response[i].page_num + "</td>";
                                html += "<td>" + response[i].fullname + "</td>";
                                html += "<td>" + response[i].fam_pos + "</td>";
                                html += "<td>ភូមិ-មណ្ឌល៖" + response[i].village +
                                    " ឃុំ/សង្កាត់៖" + response[i].commune +
                                    " ក្រុង/ស្រុក/ខណ្ឌ៖" + response[i].district +
                                    " រាជធានី/ខេត្ត៖" + response[i].province + "</td>";
                                html += "<td><a target='_blank' href='/residence/" + response[i]
                                    .id +
                                    "/view-docs'> <i class='flaticon-file'></i> </a></td>";
                                html += "<td><table><tr><td><a href='/residence/createmember/" +
                                    response[i].id +
                                    "' class='btn btn-default'><i class='fa fa-eye'></i> មើលសមាជិកស្នាក់នៅ</a>&nbsp;&nbsp;</td>";
                                html += "<td><a href='/residence/" + response[i].id +
                                    "/edit' target='_blank' class='btn btn-success'><i class='fa fa-edit'></i> កែប្រែ</a>&nbsp;&nbsp;</td>";
                                html += "<td><a href='/residence/printpdf/" + response[i].id +
                                    "' target='_blank' class='btn btn-default'><i class='fa fa-print'></i> បោះពុម្ភ</a></td>";
                                html += "</tr></table></td>";
                                html += "</tr>";
                            }
                        } else {
                            html +=
                                "<tr><td colspan='5' style='text-align: center;'>មិនមានទិន្នន័យសម្រាប់ការស្វែងរកនេះទេ!</td></tr>";
                        }
                        html += "</tbody></table></div></div></div>";
                        $('#data_ajax').html(html);
                    }
                });


        }); */
    })
</script>

@endpush