@extends('app')
@section('content')
@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
<style type="text/css">

    @media screen and (min-width: 1431px) {
       .tiles{
            height: 700px;
        }
    }

    @media screen and (min-width: 1217px) and (max-width: 1430px) {
       .tiles{
            height: 900px;
        }
    }

    @media screen and (max-width: 1216px) {
       .tiles{
            height: 900px;
        }
    }

    .tiles .tiles-title{
        text-align: center;
        font-size: 18px !important;
        font-weight: bold;
        margin-bottom: 10px;
    }
</style>
<div class="row">
    <div class="col-md-3 col-vlg-3 col-sm-3" style="margin-left: 12.5%">
        <div class="tiles theme-red m-b-10">
              <div class="tiles-body">
                <div class="tiles-title f-s-15">طلبات التواصل</div>
                <!-- Twasul stats -->
                @foreach($twasuls_data as $key=>$twasuls)
                    <div class="row form-group">
                        <div class="col-sm-12">
                                                        @foreach($twasuls as $id => $twasul)
                            
                                <div class="widget-stats {{$count < 2 ? 'widgets-border-left' : ''}}">
                                    <div class="wrapper transparent">
                                        <span class="item-title">{{$twasul['title']}}</span> <span class="item-count animate-number semi-bold">{{ $twasul['count'] }}</span>
                                    </div>
                                </div>
                                
                            @endforeach
                        </div>
                    </div>
                @endforeach
                 <!-- self-corrections and profile pictures request stats -->
                <div class="row form-group">
                    <div class="col-sm-12">
                        <div class="widget-stats widgets-border-left">
                            <div class="wrapper transparent">
                                <span class="item-title">النبذات الشخصية</span> <span class="item-count animate-number semi-bold">{{ $profile_requests['self_corrections'] }}</span>
                            </div>
                        </div>
                        <div class="widget-stats">
                            <div class="wrapper transparent">
                                <span class="item-title">الصور الشخصية</span> <span class="item-count animate-number semi-bold">{{ $profile_requests['profile_picture_requests'] }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
        </div>
    </div>
      <div class="col-md-3 col-vlg-3 col-sm-3">
        <div class="tiles  green m-b-10">
            <div class="tiles-body">
                <div class="tiles-title f-s-15">شجرة الأسرة</div>
                <!-- General family member stats -->
                <div class="row form-group">
                    <div class="col-sm-12">
                        <div class="widget-stats widgets-border-left">
                            <div class="wrapper transparent">
                                <span class="item-title">أجمالي</span> <span class="item-count animate-number semi-bold">{{ $familymembers['total_nodes'] }}</span>
                            </div>
                        </div>
                        <div class="widget-stats widgets-border-left">
                            <div class="wrapper transparent">
                                <span class="item-title">ذكور</span> <span class="item-count animate-number semi-bold">{{ $familymembers['total_male_nodes'] }}</span>
                            </div>
                        </div>
                        <div class="widget-stats">
                            <div class="wrapper transparent">
                                <span class="item-title">إناث</span> <span class="item-count animate-number semi-bold">{{ $familymembers['total_female_nodes'] }}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Dead alive stats -->
                <div class="row form-group">
                    <div class="col-sm-12">
                        <div class="widget-stats widgets-border-left">
                            <div class="wrapper transparent">
                                <span class="item-title">على قيد الحياة</span> <span class="item-count animate-number semi-bold">{{ $familymembers['alive_nodes'] }}</span>
                            </div>
                        </div>
                        <div class="widget-stats widgets-border-left">
                            <div class="wrapper transparent">
                                <span class="item-title">ذكور</span> <span class="item-count animate-number semi-bold">{{ $familymembers['alive_male_nodes'] }}</span>
                            </div>
                        </div>
                        <div class="widget-stats">
                            <div class="wrapper transparent">
                                <span class="item-title">إناث</span> <span class="item-count animate-number semi-bold">{{ $familymembers['alive_female_nodes'] }}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- registered nodes stats -->
                <div class="row form-group">
                    <div class="col-sm-12">
                        <div class="widget-stats widgets-border-left">
                            <div class="wrapper transparent">
                                <span class="item-title">المسجلين</span> <span class="item-count animate-number semi-bold">{{ $familymembers['registered_nodes'] }}</span>
                            </div>
                        </div>
                        <div class="widget-stats widgets-border-left">
                            <div class="wrapper transparent">
                                <span class="item-title">ذكور</span> <span class="item-count animate-number semi-bold">{{ $familymembers['registered_male_nodes'] }}</span>
                            </div>
                        </div>
                        <div class="widget-stats">
                            <div class="wrapper transparent">
                                <span class="item-title">إناث</span> <span class="item-count animate-number semi-bold">{{ $familymembers['registered_female_nodes'] }}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- popuplar stats -->
                <div class="row form-group">
                    <div class="col-sm-12">
                        <div class="widget-stats widgets-border-left">
                            <div class="wrapper transparent">
                                <span class="item-title">تمركز الإقامة</span> 
                                <span class="item-count animate-number semi-bold">{{ isset($familymembers['cities']) ? $familymembers['cities']['total_nodes'] : '' }}</span>
                                <span class="item-title f-s-15">{{ isset($familymembers['cities']) ? $familymembers['cities']['city_name'] : '' }}</span>
                            </div>
                        </div>
                        <div class="widget-stats widgets-border-left">
                            <div class="wrapper transparent">
                                <span class="item-title">أسماء الذكور</span> <span class="item-count animate-number semi-bold">{{ isset($familymembers['popular_male_names']) ? $familymembers['popular_male_names']['count'] : 0 }}</span>
                                <span class="item-title f-s-15">{{ isset($familymembers['popular_male_names']) ? $familymembers['popular_male_names']['name'] : '' }}</span> 
                            </div>
                        </div>
                        <div class="widget-stats">
                            <div class="wrapper transparent">
                                <span class="item-title">أسماء الإناث</span> <span class="item-count animate-number semi-bold">{{ isset($familymembers['popular_female_names']) ? $familymembers['popular_female_names']['count'] : 0 }}</span>
                                <span class="item-title f-s-15">{{ isset($familymembers['popular_female_names']) ? $familymembers['popular_female_names']['name'] : '' }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-vlg-3 col-sm-3">
        <div class="tiles blue m-b-10">
          <div class="tiles-body">
                <div class="tiles-title f-s-15">الإستمارات المرسلة</div>
                <div class="row form-group">
                    <div class="col-sm-12">
                        <div class="widget-stats widgets-border-left">
                            <div class="wrapper transparent">
                                <span class="item-title">تنتظر المراجعة</span> <span class="item-count animate-number semi-bold">{{$mr_pending }}</span>
                            </div>
                        </div>
                        
                        <div class="widget-stats">
                            <div class="wrapper transparent">
                                <span class="item-title">إنتهت المراجعة</span> <span class="item-count animate-number semi-bold">{{ $mr_completed }}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row form-group">
                    <div class="col-sm-12">
                        <div class="widget-stats widgets-border-left">
                            <div class="wrapper transparent">
                                <span class="item-title">الإجمالي</span> <span class="item-count animate-number semi-bold">{{$mr_total }}</span>
                            </div>
                        </div>
                        
                        <div class="widget-stats widgets-border-left">
                            <div class="wrapper transparent">
                                <span class="item-title">ذكور</span> <span class="item-count animate-number semi-bold">{{ $mr_male }}</span>
                            </div>
                        </div>
                        <div class="widget-stats">
                            <div class="wrapper last">
                                <span class="item-title">إناث</span> <span class="item-count animate-number semi-bold">{{ $mr_female }}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row form-group">
                    <div class="col-sm-12">
                        <div class="widget-stats widgets-border-left">
                            <div class="wrapper transparent">
                                <span class="item-title">الذرية</span> <span class="item-count animate-number semi-bold">{{$mr_childrens }}</span>
                            </div>
                        </div>
                        
                        <div class="widget-stats widgets-border-left">
                            <div class="wrapper transparent">
                                <span class="item-title">ذكور</span> <span class="item-count animate-number semi-bold">{{ $mr_male_children }}</span>
                            </div>
                        </div>
                        <div class="widget-stats">
                            <div class="wrapper last">
                                <span class="item-title">إناث</span> <span class="item-count animate-number semi-bold">{{ $mr_female_children }}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row form-group">
                    <div class="col-sm-12">
                        <div class="widget-stats">
                            <div class="wrapper transparent">
                                <span class="item-title">الإخوة والأخوات</span> <span class="item-count animate-number semi-bold">{{$mr_siblings }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
        </div>
    </div>
    
    
</div>


@endsection