@extends('app')
@section('content')

<style>
.select2-results__option {
    text-align: right !important;
}
</style>

@if(Session::has('flash_message'))
    <div class="alert {{ (Session::has('flash_message_status'))?'alert-error':'alert-success'}}">
        <button class="close" data-dismiss="alert"></button>
        {!! Session::get('flash_message') !!}
    </div>
@endif

@if($errors->any())
    <div class="alert alert-danger">
        @foreach($errors->all() as $error)
            <p>{{ $error }}</p>
        @endforeach
    </div>
@endif


<div class="page-title"> <a href="{{ URL::previous() }}"><i class="icon-custom-right"></i></a>
    <h3> اخبار الوفيات <!-- {{$deathnews->is_announcement==0 ? 'اخبار ' : 'Announcement'}} --> - {{$request_type=='Add' ? 'أضافة' : 'تحرير'}}</h3>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="grid simple">
            <div class="grid-title no-border">
            </div>
            <div class="grid-body no-border"> <br>
                @if($deathnews->is_announcement==0)
                    <div class="form-wizard-steps m-b-60 col-md-10 col-md-offset-1">
                        <ul class="wizard-steps">
                        <li class="active" data-target="#step1"> <a href="#tab1" class='tab1' data-toggle="tab"> <span class="step">1</span> <span class="title">الشخص المتوفي</span> </a> </li>
                        <li data-target="#step2" class=""> <a href="#tab2" class='tab2' data-toggle="tab"> <span class="step">2</span> <span class="title">الذرية</span> </a> </li>
                        <li data-target="#step3" class=""> <a href="#tab3" class='tab3' data-toggle="tab"> <span class="step">3</span> <span class="title">الموقع</span> </a> </li>
                        <li data-target="#step4" class=""> <a href="#tab4" class='tab4 last' data-toggle="tab"> <span class="step">4</span> <span class="title">معلومات إتصال العزاء </span> </a> </li>
                        <li data-target="#step5" class=""> <a href="#tab5" class='tab5' data-toggle="tab"> <span class="step">5</span> <span class="title">الملخص<br></span> </a> </li>
                    </ul>
                    <div class="clearfix"></div>
                    </div>
                @endif

                {!! Form::model($deathnews,['route'=>['deathnews.selectnode','deathnews'=>$deathnews->id,'q'=>$request_type],'method'=>'PUT', 'id'=>'selectnode_form']) !!}
                <input type="hidden" id="family_tree_id" name="family_tree_id" value="{{$deathnews->family_tree_id}}">
                <input type="hidden" id="in_family" name="in_family" value="{{$deathnews->in_family}}">
                <input type="hidden" name="save_now" id="save_now" value="false"/>
                <input type="hidden" name="save_to_drafts" id="save_to_drafts" value="false"/>
                <!-- Show save btn if request is in edit -->
                @if($request_type=='Edit' && $deathnews->is_announcement==0)
                    <div class="row form-group">
                        <div class="col-md-12">
                            <a href="javascript:void(0)" class="btn btn-primary btn-cons pull-left" id="save_news">حفظ</a>
                        </div>
                    </div>
                @endif
                <div class="row">
                    <div class="col-md-2 col-md-12">

                    </div>
                    <div class="col-md-8 col-md-12">
                        <h3 class="text-center">اختيار الشخص المتوفي</h3>

                    </div>
                    <div class="col-md-2 col-md-12">

                    </div>

                   <!--  <div class="padding-20" {{$request_type=='Add' ? 'style=padding:38px;' : ''}}>
                        <h3 class="text-center">اختيار الشخص المتوفي</h3>
                        <p class="f-s-17">Some text will come here.Some text will come here.Some text will come here.Some text will come here.
                          Some text will come here.Some text will come here.</p>
                    </div> -->
                </div>
                {{--Node From Family--}}
                <div class="" id="family_node_box">

                </div>

                {{--Node outside Family--}}
                <div class="row" id="node_outside_family_box" style="{{$deathnews->in_family==1 || $deathnews->is_selected==0 ? 'display: none;' : '' }}" >
                    <div class="col-md-12" id="">
                        <div style="border: 1px solid #ccc;padding:13px;margin-bottom: 20px;direction: rtl;">
                          <div class="form-group row">
                              <div class="col-md-offset-4 right col-md-8 col-sm-12">
                                <a href="javascript:void(0)" style="float: right; font-size: 25px;" class="" onclick="$('#node_outside_family_box').hide();emptyFields();showSelectButtons();"><i class="fa fa-times"></i></a>
                              </div>
                          </div>
                          <div class="form-group row select2-rtl" style="direction: ltr;">
                              <div class='col-md-2 col-md-offset-10 col-sm-12'>
                                {!! Form::select('gender',[0=>'ذكر',1=>'أنثى'],null,['class'=>'selectbox text-right','id'=>'gender','style'=>'width: 100%;']) !!}
                              </div>
                          </div>
                          <div class="form-group row">
                              <div class='col-md-3 col-sm-12 pull-right'>
                              </div>
                              <div class='col-md-2 col-sm-12 pull-left'>
                                 {!! Form::text('name', null, ['class'=>'form-control f-s-17','id'=>'name','placeholder'=>'الإسم الأول']) !!}
                              </div>


                              <div class='col-md-2 col-sm-12  pull-left'>
                                 {!! Form::text('father_name', null, ['class'=>'form-control f-s-17','id'=>'father_name','placeholder'=>'إسم الأب']) !!}
                              </div>

                              <div class='col-md-2 col-sm-12  pull-left'>
                                 {!! Form::text('grand_father_name', null, ['class'=>'form-control f-s-17','id'=>'grand_father_name','placeholder'=>'إسم العائلة']) !!}
                              </div>

                          </div>
                        </div>
                    </div>
                </div>

                <div class="form-group row" >
                    <div class="input-with-icon  right col-md-6 col-sm-12 select_buttons" style="width: 100%;{{$deathnews->is_selected==1 ? 'display: none;' : '' }}">
                        <a href="javascript:void(0);" class="btn btn-primary btn-lg" onclick="daleelSelectModal('all')">البحث في الدليل</a>
                        <a href="javascript:void(0);" class="btn btn-primary btn-lg" id="outside_family_btn">من خارج الاسرة</a>
                    </div>
                </div>
                <div class="form-actions" style="margin-bottom: -13px !important; margin-left: -13px !important; margin-right: -13px !important; background-color: #f6f7f8;">
                    @if($request_type=='Add')
                      <a href="{{ URL::route('admin.deathnews.index')}}" id="cancel_btn" class="btn btn-default btn-cons">إلغاء</a>
                    @else
                      <a href="{{ URL::route('admin.deathnews.index')}}" class="btn btn-default btn-cons">إلغاء</a>
                    @endif
                    <div class="pull-right">
                        @if($deathnews->is_announcement==1)
                        <a href="javascript:void(0)" id="save_to_drafts_btn" class="btn btn-info btn-cons pull-right">حفظ في المسودة</a>
                        @endif
                        {!! Form::submit($deathnews->is_announcement==0 ? 'التالي' : 'Publish Now', ['class' => 'btn btn-info btn-cons','id' => 'btn-submit']) !!}
                    </div>
                </div>
                {!! Form::close() !!}

            </div>
        </div>
    </div>
</div>

<div id="selectNodeModal" class="modal fade">
    <div class="modal-dialog" style="width: 400px !important;">
        <div class="modal-content">

            <div class="modal-header">
                <button type="submit" class="close pull-right" data-dismiss="modal">x</button>
                <img src="{{asset('assets/img/icon/Daleelicon.png')}}" width="35" height="35" style="margin-right: 11px;">
                <label style="font-size: 16px;color: grey;">الدليل</label>
                <!-- <p style="text-align: right;font-size: 16px;color: grey;">هذا النص هو وهميهذا النص هو وهمية. هذا النص هو وهمية.هذا النص هو وهمية.                    هذا النص هو وهمية.

                </p> -->
                <div class="input-group form-group">
                    <span class = "input-group-addon" onclick="$('#filter').val('');$('#filter').trigger('keyup');"><i class="fa fa-times"></i></span>
                    <input type="text" class="text-input" id="filter" placeholder="بحث" style="direction: rtl;width: 100%;" />

                </div>
            </div>
            <div class="modal-body" style="max-height: calc(80vh - 160px);overflow-y: auto;background-color: white;padding:0px;">

            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
{!! Form::open(["method" => "DELETE","route" => ["admin.deathnews.destroy", 'deathnews'=>$deathnews->id],"class" => "inline",'id'=>'cancel_form']) !!}
  <input type="hidden" name="message" value="false"/>
{!! Form::close() !!}

<script type="text/javascript">
    jQuery('#selectnode_form').submit(function (event) {
        var pass = true;
        //some validations

        if (pass == false) {
            return false;
        }
        form = this;
        jQuery('#btn-submit').attr('disabled', 'disabled');
        event.preventDefault();
        setTimeout(function () {
            form.submit();
        }, 500);
        jQuery('#progressbar').show();

        return true;
    });
    // empty the fields
    function emptyFields() {
        $('#family_tree_id').val(0);
        $('#in_family').val(0);
    }




    // get selected node box
    function getSelectedNode(id,alive) {
        if (alive=='No') {
            var ret = confirm('Are you sure you want to add a dead person?');
            if (!ret) {
                return ret;
            }
        }
        if (id!=0) {
            $('#family_tree_id').val(id);
            $('#in_family').val(1);
            $('#node_outside_family_box').hide();
            $('#name').removeAttr('required');
            $('#father_name').removeAttr('required');
            $('#grand_father_name').removeAttr('required');
            $('#gender').removeAttr('required');
            $.get("/admin/deathnews/"+id+"/getnode",{},function(response){
                $('#family_node_box').html(response);
                $('#selectNodeModal').modal('hide');
                $('#family_node_box').show();
                hideSelectButtons();
            });
        }
    }
    // Node selection/addition buttons
    function hideSelectButtons() {
        $('.select_buttons').hide();
    }
    function showSelectButtons() {
        $('.select_buttons').show();
    }


    $(document).ready(function(){

        // on saving redirect to index
        $('#save_news').click(function(e){
            $('#save_now').val('true');
            $('#progressbar').show();
            $('#selectnode_form').trigger('submit');
        });

        $('#cancel_btn').click(function(e){
            $('#progressbar').show();
            $('#cancel_form').trigger('submit');
        });

        $('#save_to_drafts_btn').click(function(e){
            // $('#progressbar').show();
            $('#save_to_drafts').val('true');
            $('#selectnode_form').trigger('submit');
        });

        $("#filter").keyup(function(){

            // Retrieve the input field text and reset the count to zero
            var filter = $(this).val(), count = 0;

            // Loop through the comment list
            $("nav ul li").each(function(){

                // If the list item does not contain the text phrase fade it out
                if ($(this).text().search(new RegExp(filter, "i")) < 0) {
                    $(this).fadeOut();


                    // Show the list item if the phrase matches and increase the count by 1
                } else {
                    $(this).show();
                    count++;
                }
            });

            // Update the count
            var numberItems = count;
            $("#filter-count").text("Number of Records = "+count);
        });


        // if family_tree_id is not empty load that node again
        // var family_tree_id = $('#family_tree_id').val();
        var family_tree_id = '{{$deathnews->family_tree_id!=0 ? $deathnews->family_tree_id : ""}}';
        if (family_tree_id!='' && family_tree_id!=null) {
            getSelectedNode(family_tree_id);
        }

        $('.inside_family_close').click(function(){
            $('.select_buttons').show();
        });

        $('#outside_family_btn').click(function(){
            $('#family_tree_id').val(0);
            $('#in_family').val(0);
            $('#family_node_box').hide();
            $('#name').prop('required','required');
            $('#father_name').prop('required','required');
            $('#grand_father_name').prop('required','required');
            $('#gender').prop('required','required');

            $('#node_outside_family_box').show();
            hideSelectButtons();
        });
        $('.selectbox').select2();
    });

    function showagaintext(){

             }


    function daleelSelectModal(condition) {
        $('#progressbar').show();
        $('#filter').val('');
        $.get('{{URL::route("admin.deathnews.daleelselect")}}',{},function(response){
            $('#selectNodeModal .modal-body').html(response);
            $('#selectNodeModal').modal('show');
            $('#progressbar').hide();
        });
    }
</script>
@endsection