@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.technicalrequests.create') !!}--}}

    <div class="page-title"> <a href="{{url('admin/technicalrequests')}}"><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 style="border: 1px solid #ccc;padding: 10px;margin-bottom: 20px;">
                        <div class="form-group row">

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

                                    <label class="pull-left">{{$reviewedBy->username}}</label>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <label class="control-lable darker-font">Resolved By</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">{{$TechnicalRequests->reviewed_at}}</label>
                                </div>
                            </div>
                            <div class="col-md-2 col-sm-12">
                                <label class="control-lable darker-font">التاريخ</label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group row">

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

                                <label class="pull-left">{{$TechnicalRequests->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">{{$TechnicalRequests->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  style="direction: rtl;">
                                <label class="pull-left f-s-17"><span class="nodeid-text {{$person->credentials_revoked==0 && $person->credentials_issued==1 && $person->is_disabled==0 ? 'active-color' : ''}}" onclick="showDaleelProfilePopup({{$person->family_tree_id}})">{{$nodeID}}</span><span style="color: {{$gender_color}};padding: 0px 5px 0px 0px;">{{$person->name}}</span> {{$person->father_name.' '.$person->grand_father_name.' '.$person->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" style="direction: rtl;">{{$TechnicalRequests->title}}</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" style="direction: rtl;">{!! str_replace(PHP_EOL, '<br>', $TechnicalRequests->description) !!}</label>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-12">
                            <label class="control-lable darker-font">النص</label>
                        </div>
                    </div>
                    @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="{{asset('/uploads/'.$image->image)}}"><img src="{{asset('/uploads/'.$image->image)}}" width="60%" height="auto" style="border: 2px solid #ccc;margin-bottom: 5px;"></a>
                                        <a href="{{asset('/uploads/'.$image->image)}}"  download="myimage" ><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" style="margin-left: -13px !important; margin-right: -13px !important; padding-bottom: 13px !important">
                        <a href="{{ URL::route('admin.technicalrequests.index')}}" class="btn btn-default btn-cons">إلغاء</a>
                        {{--<div class="pull-right">--}}
                            {{--{!! Form::open(['route' => 'technicalrequests.reviewed','method' => 'post',]) !!}--}}
                            {{--<input type="hidden" value="{{$TechnicalRequests->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" => "POST","route" => ["admin.technicalrequests.reviewed",$TechnicalRequests['id']]]) !!}
                            <input type="hidden" value="{{$TechnicalRequests->id}}" name="record_id" >
                            <button  class="btn btn-danger btn-cons">تغييرالحالة إلي تنتظر المراجعة</button>
                            {!! Form::close() !!}
                        </div>

                    </div>


                </div>
            </div>
        </div>
    </div>
    <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>
    <script src="{{ asset("assets/plugins/blueimp/jquery.blueimp-gallery.min.js") }}"></script>
    <script src="{{ asset('assets/plugins/jquery-notifications/js/messenger.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/plugins/jquery-notifications/js/messenger-theme-future.js')}}" type="text/javascript"></script>

@endsection