@extends('app')
@section('content')
    <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

    {{--{!! Breadcrumbs::render('admin.personalrequests.create') !!}--}}

    <div class="page-title"> <a href="{{url('admin/personalrequests')}}"><i class="icon-custom-right"></i></a>
        <h3>التفاصيل<span class="semi-bold"></span></h3>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="grid simple">



                <div class="grid-body"> <br>
                                        <div class="form-group row">

                        <div class="input-with-icon  right col-md-9 col-sm-12">
                            <div>

                                <label class="pull-left">{{$PersonalRequests->request_id}}</label>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="control-lable darker-font">رقم الاستمارة</label>
                        </div>
                    </div>


                    <div class="form-group row">

                        <div class="input-with-icon  right col-md-9 col-sm-12">
                            <div>

                                <label class="pull-left">{{$PersonalRequests->received_at}}</label>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="control-lable darker-font">التاريخ</label>
                        </div>
                    </div>
                    <div class="form-group row">

                        <div class="input-with-icon  right col-md-9 col-sm-12">
                            <div>

                                <label class="pull-left">{{$request_type}}</label>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="control-lable darker-font">النوع</label>
                        </div>
                    </div>


                    @if($PersonalRequests->request_type != 2)
                        <div class="form-group row">

                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <div  style="direction: rtl;">
                                    <label class="pull-left f-s-17"><span class="nodeid-text {{$subject->credentials_revoked==0 && $subject->credentials_issued==1 && $subject->is_disabled==0 ? 'active-color' : ''}}" onclick="showDaleelProfilePopup({{$subject->family_tree_id}})">{{$subject->nodeID}}</span><span style="color: {{$gender_color_subject}};padding: 0px 5px 0px 0px;">{{$subject->name}}</span>  {{$subject->father_name.' '.$subject->grand_father_name.' '.$subject->g_grand_father_name}}
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <label class="control-lable darker-font">الشخص المعني</label>
                            </div>
                        </div>
                    @endif

                    @if($PersonalRequests->request_type == 2)
                        <div class="form-group row">

                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <div  style="direction: rtl;">
                                    <label class="pull-left"><span style="color: {{$gender_color_child}}">{{$PersonalRequests->child_name}}</span> </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <label class="control-lable darker-font">الشخص المعني</label>
                            </div>
                        </div>
                    @endif


                    <div class="form-group row">

                        <div class="input-with-icon  left col-md-4 col-md-offset-5 col-sm-12">
                            <div  style="direction: rtl;">
                                <label class="pull-left f-s-17"><span class="nodeid-text {{$sender->credentials_revoked==0 && $sender->credentials_issued==1 && $sender->is_disabled==0 ? 'active-color' : ''}}" onclick="showDaleelProfilePopup({{$sender->family_tree_id}})">{{$sender->nodeID}}</span><span style="color: {{$gender_color}};padding: 0px 5px 0px 0px;">{{$sender->name}}</span> {{$sender->father_name.' '.$sender->grand_father_name.' '.$sender->g_grand_father_name}}
                                </label>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="control-lable darker-font">المرسل</label>
                        </div>
                    </div>

                    <div class="form-group row">

                        <div class="input-with-icon  right col-md-9 col-sm-12">
                            <div>

                                <label class="pull-left">{{$PersonalRequests->title}}</label>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="control-lable darker-font">العنوان</label>
                        </div>
                    </div>
                    @if($PersonalRequests->request_type != 2)
                        <div class="form-group row">

                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <div>

                                    <label class="pull-left">{!! str_replace(PHP_EOL, '<br>', $PersonalRequests->description) !!}</label>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <label class="control-lable darker-font">النص</label>
                            </div>
                        </div>
                    @endif
                    @if($PersonalRequests->request_type == 2)

                        <div class="form-group row">

                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <div>

                                    <label class="pull-left">{{$PersonalRequests->child_dob}}</label>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <label class="control-lable darker-font">تاريخ الولادة</label>
                            </div>
                        </div>
                        <div class="form-group row">

                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <div>

                                    <label class="pull-left">{{$child_gender}}</label>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <label class="control-lable darker-font">الجنس</label>
                            </div>
                        </div>
                        <div class="form-group row">

                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <div>

                                    <label class="pull-left">{{$child_is_alive}}</label>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <label class="control-lable darker-font">على قيد الحياة / متوفي</label>
                            </div>
                        </div>
                        <div class="form-group row">

                            <div class="input-with-icon  right col-md-9 col-sm-12">
                                <div  style="direction: rtl;">
                                    <label class="pull-left f-s-17"><span class="nodeid-text {{$childParent->credentials_revoked==0 && $childParent->credentials_issued==1 && $childParent->is_disabled==0 ? 'active-color' : ''}}" onclick="showDaleelProfilePopup({{$childParent->family_tree_id}})">{{$childParent->nodeID}}</span><span style="color: {{$parent_gender_color}};padding: 0px 5px 0px 0px;">{{$childParent->name}}</span>  {{$childParent->father_name.' '.$childParent->grand_father_name.' '.$childParent->g_grand_father_name}}
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <label class="control-lable darker-font">الاب</label>
                            </div>
                        </div>

                    @endif
                    @if(count($images)>0)
                        <div class="form-group row">

                            <div class="input-with-icon  left col-md-9 col-sm-12">
                                @foreach($images as $image)
                                    <div style="float: right;" class="col-md-4 col-sm-12">
                                        {{--<a class="gallery-item" data-gallery="" href="{{$image->image}}"><img src="{{$image->image}}" width="180px" height="190px" style="border: 2px solid #ccc;margin-bottom: 5px;"></a>--}}
                                        <a class="gallery-item" data-gallery="" href="{{$image->image}}"><img src="{{$image->image}}" width="60%" height="auto" style="border: 2px solid #ccc;margin-bottom: 5px;"></a>
                                        <a href="#"  download="{{$image->image}}" ><img src="{{ asset('assets/img/icon/download.png') }}" width="30" height="30" style="vertical-align: top"></a>
                                        <label style="width:160px;margin-bottom: 20px;text-align: center;">{{$image->caption}}</label>
                                    </div>
                                @endforeach
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <label class="control-lable darker-font">الصور</label>
                            </div>
                        </div>
                    @endif



                    <div class="form-actions">
                        <a href="{{ URL::route('admin.personalrequests.index')}}" class="btn btn-default btn-cons pull-left">إلغاء</a>
                        <div class="pull-right">
                            {!! Form::open(['route' => 'personalrequests.reviewed','method' => 'post',]) !!}
                                <input type="hidden" value="{{$PersonalRequests->id}}" name="record_id" >
                            {!! Form::submit(' تغييرالحالة إلي تمت المراجعة', ['class' => 'btn btn-primary btn-cons',]) !!}
                            {!! Form::close() !!}

                        </div>
                        {{--<div class="pull-right" style="margin-right: 10px;">--}}
                            {{--{!! Form::open(["method" => "DELETE","route" => ["admin.personalrequests.destroy",$PersonalRequests['id']],'id'=>'delete_record','class' => 'inline deleteaction']) !!}<button id="delete_button" class="btn btn-danger pull-left btn-cons">تغييرالحالة إلي تنتظر المراجعة</button>{!! Form::close() !!}--}}
                        {{--</div>--}}

                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="{{ asset("assets/plugins/blueimp/jquery.blueimp-gallery.min.js") }}"></script>

    <script>
        $(document).ready(function(){
            // $('#delete_button').click(function(e){
            //     var ret = confirm("Are you sure you want to delete?");
            //     if (ret) {
            //         $("#progressbar").show();
            //         return true;
            //     }
            //     return false;
            //     $('#progressbar').show();
            //     $('#delete_record').trigger('submit');
            // });
        });
    </script>

@endsection