@extends('layouts.base')
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <h2>
        <i class="flaticon-file"></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>
</section>

<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-md-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

                <form enctype="multipart/form-data" method="post" action="{{ $fbook->fbook_id !== null ? route('familybook.update', $fbook->fbook_id) : route('familybook.store') }}">
                    @if($fbook->fbook_id !== null)
                    @method('PATCH')
                    @endif
                    @csrf
                    <div class="col-md-6 right-border">
                        <h4><i class="flaticon-avatar"></i> ទិន្នន័យបញ្ជីគ្រួសារ</h4>
                        <table class="table">
                            <tr>
                                <td>

                                    <div class="form-group">

                                        <label for="list_num">លេខបញ្ជី</label>
                                        <input type="text" class="form-control" value="{{ $fbook->list_num !== null ? $fbook->list_num : '' }}" name="list_num" />

                                    </div>
                                </td>
                                <td>
                                    <div class="form-group">
                                        <label for="head_num">ក្បាលទី<span style="color:#f00">*</span></label>
                                        <input type="text" class="form-control" required="true" value="{{ $fbook->head_num !== null ? $fbook->head_num : '' }}" name="head_num" />
                                    </div>
                                </td>
                                <td>
                                    <div class="form-group">
                                        <label for="page_num">លេខទំព័រ<span style="color:#f00">*</span></label>
                                        <input type="text" class="form-control" required="true" value="{{ $fbook->page_num !== null ? $fbook->page_num : '' }}" name="page_num" />
                                    </div>
                                </td>
                            </tr>
                        </table>

                        <h4><i class="fa fa-map-marker"></i> អាសយដ្ឋាន</h4>
                        <table class="table">
                            <tr>
                                <td>

                                    <div class="form-group">

                                        <label for="house_num">ផ្ទះលេខ</label>
                                        <input type="text" class="form-control" value="{{ $fbook->house_num !== null ? $fbook->house_num : '' }}" name="house_num" />

                                    </div>
                                </td>
                                <td>
                                    <div class="form-group">
                                        <label for="street">ផ្លូវ</label>
                                        <input type="text" class="form-control" value="{{ $fbook->street !== null ? $fbook->street : '' }}" name="street" />
                                    </div>
                                </td>
                                <td>
                                    <div class="form-group">
                                        <label for="group_num">ក្រុម</label>
                                        <input type="text" class="form-control" value="{{ $fbook->group_num !== null ? $fbook->group_num : '' }}" name="group_num" />
                                    </div>
                                </td>
                                <td>
                                    <div class="form-group">
                                        <label for="group_num">មណ្ឌល</label>
                                        <input type="text" class="form-control" value="{{ $fbook->center_num !== null ? $fbook->center_num : '' }}" name="center_num" />
                                    </div>
                                </td>
                            </tr>
                        </table>
                        <table class="table">
                            <tr>
                                <td>
                                    <div class="form-group">
                                        <label for="selectProvince">រាជធានី/ខេត្ត<span style="color:#f00">*</span></label>

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

                    <div style="height: 300px" class="col-md-6">
                        <h4><i class="flaticon-file"></i> ឯកសារយោង<span style="color:#f00">*</span></h4>
                        <table>
                            <tr>
                                <td>
                                    <div class="form-group btn-upload">
                                        <div class="up-icons">
                                            <i class="flaticon-upload"></i>
                                            <label>ជ្រើសរើសឯកសារ</label><br>
                                        </div>
                                        @if($fbook->fbook_id !== null)
                                        <input id="file_upload" name="doc_src" type="file">
                                        @else
                                        <input id="file_upload" name="doc_src" type="file" required>
                                        @endif

                                    </div>
                                </td>
                            </tr>
                        </table>
                        <div id="upload_list"></div>
                    </div>
                    <div class="col-md-6">
                        <ul class="list-inline pull-left">
                            <!-- <li><a class="btn btn-danger" href="{{ route('familybook.index')}}"><i class="fa fa-backward"></i>&nbsp;ត្រឡប់</a></li> -->
                            <li><button type="submit" class="btn btn-primary btn-blue"><i class="fa fa-save"></i>&nbsp;រក្សារទុក</button></li>
                        </ul>
                    </div>

                    <div style="clear:both">
                        <div class="col-md-6"></div>

                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
<!-- /.content -->
@if(count($familybook))
<section class="content-header">
    <h2>
        <i class="flaticon-file"></i> បញ្ជីគ្រួសារ
    </h2>
    <ol class="breadcrumb">
        <li>
            <!-- <table class="tbl-search">
                <tr>
                    <td>
                        <input type="text" class="form-control" placeholder="លេខក្បាលបញ្ជី" required="true" name="head_str" />
                    </td>
                    <td>
                        <input type="text" class="form-control" placeholder="លេខទំព័រ" required="true" name="page_str" />
                    </td>
                </tr>
            </table> -->
        </li>
    </ol>
</section>
<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box-body">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>ល.រ</th>
                            <th>លេខក្បាល</th>
                            <th>លេខទំព័រ</th>
                            <th>អាសយដ្ឋាន</th>
                            <th>ឯកសារ</th>
                            <th style="width: 395px">សកម្មភាព</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php ($num = 1)
                        @foreach($familybook as $item)
                        <tr>
                            <td>{{ $num }}</td>
                            <td>{{$item->head_num}}</td>
                            <td>{{$item->page_num}}</td>
                            <td>
                                @if(!empty($item->house_num)) {{ 'ផ្ទះលេខ '. $item->house_num }} @endif
                                @if(!empty($item->street)) {{ 'ផ្លូវ '. $item->street }} @endif
                                @if(!empty($item->group_num)) {{ 'ក្រុម '. $item->group_num }} @endif
                                @if(!empty($item->center_num)) {{ 'មណ្ឌល '. $item->center_num }} @endif
                                {{
                               'ភូមិ៖ '. $item->village.' ឃុំ/សង្កាត់៖ '.$item->commune.' ក្រុង/ស្រុក/ខណ្ឌ៖ '.$item->district.' រាជធានី/ខេត្ត៖ '.$item->province
                            }}
                            </td>
                            <td>
                                <a target="_blank" href="{{ URL::to('/documents/familybooks/'.$item->doc_src) }}"><i class="flaticon-file"></i></a>
                            </td>
                            {{-- Form::text('Hide action for viewer user') --}}
                            <td>
                                <table>
                                    <tr>
                                        <td> @can('family-createMember')
                                            <a href="{{ route('familybook.createmember',$item->fbook_id)}}" class="btn btn-primary"><i class="fa fa-plus"></i> បញ្ចូលសមាជិកថ្មី</a>
                                            @endcan
                                            @can('family-printFamilybook')
                                            <a href="{{ route('familybook.print-familybook',$item->fbook_id)}}" target="_blank" class="btn btn-default"><i class="fa fa-print"></i> បោះពុម្ភ</a>
                                            @endcan
                                            @can('residences-editMember')
                                            <a href="{{ route('familybook.edit',$item->fbook_id)}}" class="btn btn-success"><i class="fa fa-edit"></i> កែប្រែ</a>
                                            @endcan
                                        </td>
                                        <td>&nbsp;</td>
                                        @can('family-destroyMember')
                                        <td>
                                            <form action="{{ route('familybook.destroy', $item->fbook_id)}}" id="frm_delete" method="post">
                                                @csrf
                                                @method('DELETE')
                                                <button class="btn-delete-record btn btn-danger" type="submit"><i class="fa fa-trash"></i> លុប</button>
                                            </form>
                                        </td>
                                        @endcan
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        @php ($num = $num + 1)
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</section>
@endif


@endsection

@push('scripts')

@endpush