@extends('app')
@section('content')
<link href="{{ asset('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}" rel="stylesheet" type="text/css" media="screen"/>
<link rel="stylesheet" type="text/css" href="{{ asset("assets/plugins/blueimp/blueimp-gallery.min.css") }}">

@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

<!-- Include Location Map Popup -->
@include('admin.shared.summary_map_popup')
<!-- End location map popup -->
<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" style="word-wrap: break-word;">
            <div class="grid-title no-border">
            </div>
            <div class="grid-body no-border"> <br>
                <div class="form-wizard-steps m-b-60 col-md-10 col-md-offset-1">
                    <ul class="wizard-steps">
                        <li class="complete" data-target="#step1"> <a href="#tab1" class='tab1' data-toggle="tab"> <span class="step"><i class="fa fa-check"></i></span> <span class="title">الشخص المتوفي</span> </a> </li>
                        <li data-target="#step2" class="complete"> <a href="#tab2" class='tab2' data-toggle="tab"> <span class="step"><i class="fa fa-check"></i></span> <span class="title">الذرية</span> </a> </li>
                        <li data-target="#step3" class="complete"> <a href="#tab2" class='tab2' data-toggle="tab"> <span class="step"><i class="fa fa-check"></i></span> <span class="title">الموقع</span> </a> </li>
                        <li data-target="#step4" class="complete"> <a href="#tab3" class='tab3 last' data-toggle="tab"> <span class="step"><i class="fa fa-check"></i></span> <span class="title">معلومات إتصال العزاء </span> </a> </li>
                        <li data-target="#step5" class="active"> <a href="#tab4" class='tab4' data-toggle="tab"> <span class="step">5</span> <span class="title">الملخص</span> </a> </li>
                    </ul>
                    <div class="clearfix"></div>
                </div>
                                <div class="form-group row">

                    <div class="input-with-icon col-md-7 col-md-offset-3 col-sm-12">
                        <div  style="direction: rtl;">
                            <span class="pull-left f-s-17">
                                <span class="nodeid-text {{ $in_family && $person->is_active() ? 'active-color' : ''}}"  onclick="showDaleelProfilePopup('{{$person->id}}')"> {{ $person->nodeID}}</span>
                                <span style="color: {{$gender_color}}">{{$person->name}}</span> {{$person->father_name.' '.$person->grand_father_name.' '.$person->g_grand_father_name}} 
                            </span>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-12 text-right">
                        <label class="control-lable  label-heading-size" style="color: black;">اسم الشخص المتوفي </label>
                    </div>
                </div>
                
         
                <div class="form-group row">
                
                    <div class="input-with-icon col-md-10 col-sm-12">
                        
                        <div class="col-md-4 pull-left" style="padding-right: 2px;">
                            @if($deathnews->is_spous_selected==1)
                            <h5>{{ $male ? 'زوجة ' : 'زوج ' }}</h5>
                                @if($deathnews->spous_in_family==1 && $deathnews->selectedspous)
                                                                        <p  class="f-s-17">
                                        <span class="nodeid-text {{ $spous->is_active() ? 'active-color' : ''}}"  onclick="showDaleelProfilePopup('{{$spous->id}}')"> {{ $spous->nodeID}}</span>
                                        <span class="{{$gender_color}}">{{$spous->name}}</span> {{$spous->father_name.' '.$spous->grand_father_name.' '.$spous->g_grand_father_name}} 
                                    </p>
                                @else
                                    <p  class="f-s-17">{{$deathnews->spous_name}} {{$deathnews->spous_father_name.' '.$deathnews->spous_grand_father_name}} </p>
                                @endif
                            </p>
                            @else
                            {{--<p>No orbituary information is added</p>--}}
                            @endif
                        </div>
                        <div class="col-md-6 pull-left" style="padding-right: 2px;">
                            @if($in_family && $male)
                                @if($person->children()->count()>0)
                                    <h5>والد كل من</h5>
                                @endif
                                @foreach($person->children as $child)
                                                                        <label style="margin-top: 20px;font-size:17px;" class="">
                                        <span class="nodeid-text {{ $child->is_active() ? 'active-color' : ''}}"  onclick="showDaleelProfilePopup('{{$child->id}}')"> {{ $child->nodeID ? $child->nodeID : ''}}</span>
                                        <span class="{{$gender_color}}">{{$child->name}}</span> {{$child->father_name.' '.$child->grand_father_name.' '.$child->g_grand_father_name}}
                                    </label>
                                @endforeach
                            @else
                                @if(count($deathnews->children_outside_family())>0 || count($deathnews->children_from_family())>0)
                                    <h5>{{$male ? 'والد ':'والدة '}} كل من</h5>
                                @endif
                                @foreach($deathnews->children_outside_family() as $child)
                                    
                                    <p  class="f-s-17"><span style="text-decoration: underline;">{{ $male && $in_family ? $child->nodeID : ''}}</span> {{$child->name}} {{$child->father_name.' '.$child->grand_father_name.' '.$child->g_grand_father_name}}
                                    </p>
                                @endforeach
                                @if(!$male)
                                    @foreach($deathnews->children_from_family() as $k => $child_rel)
                                                                                
                                        <label style="margin-top: 20px;" class="f-s-17">
                                            <span class="{{$gender_color}}">{{$child_rel->name}}</span> {{$child_rel->father_name.' '.$child_rel->grand_father_name.' '.$child_rel->g_grand_father_name}}
                                        </label>
                                    @endforeach
                                @endif
                            @endif
                        </div>
                        
                       
                    </div>    
                   
                    <div class="col-md-2 col-md-12" >
                        <label class="control-lable label-heading-size" style="color: black;">الذرية</label>
                    </div>
                </div>
                <div class="form-group row">


                    <div class="input-with-icon col-md-7 col-md-offset-3 col-sm-12">
                        <label>{{$deathnews->location_description}}</label>
                    </div>
                    <div class="col-md-2 col-sm-12 text-right">
                        <label class="control-lable label-heading-size" style="color: black;">معلومات مبدئية/اضافية تظهر تحت الخبر</label>
                    </div>

                </div>
                <!-- Render locations for news -->