@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

{{--@if($request_type=='Add')
{!! Breadcrumbs::render('admin.generalnews.create') !!}
@else
{!! Breadcrumbs::render('admin.generalnews.edit',$worthy) !!}
@endif--}}

<div class="page-title"><a href="{{ URL::previous() }}"><i class="icon-custom-right"></i></a>
    <h3>شخصيات - <span class="semi-bold">{{$request_type=='Add' ? 'أضافة' : 'تحرير'}}</span></h3>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="grid simple">
            <div class="grid-title c-page-title">
                <span>شخصيات</span>
            </div>
            <div class="grid-body"> <br>
                <div class="row">
                    <div class="col-md-12 m-b-60" id="wizard-steps-worthy">
                        <ul class="wizard-steps worthy narrow">
                            <li data-target="#step5" class=""> <a href="#tab5" class='tab5 last' data-toggle="tab"> <span class="step">5</span> <span class="title">ملخص الخبر </span> </a> </li>
                            <!-- <li data-target="#step4" class=""> <a href="#tab4" class='tab4' data-toggle="tab"> <span class="step">5</span> <span class="title">المراجع </span> </a> </li> -->
                            <li data-target="#step3" class="active"> <a href="#tab3" class='tab3' data-toggle="tab"> <span class="step">4</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="#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 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>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <!-- Show save btn if request is in edit -->
                <div class="row form-actions" style="background: none;">
                    <div class="col-sm-12">
                        @if($request_type=='Edit')
                            <a href="{{URL::route('admin.worthy.index',['save_now'=>'true'])}}" class="btn btn-primary btn-cons" id="save_news">حفظ</a>
                        @endif
                        <a href="{{ URL::route('admin.worthy.summary',['worthy'=>$worthy->id,'q'=>$request_type])}}" class="btn btn-info btn-cons pull-right">التالى</a>
                        <a href="{{ URL::route('admin.worthy.addimages',['worthy'=>$worthy->id,'q'=>$request_type])}}" class="btn btn-info btn-cons pull-right">السابق</a>
                    </div>
                </div>
                <div class="padding-20">
                    <h3 class="text-center">إعداد</h3>
                    <!-- <p class="f-s-17 text-center">بعض النص سوف يأتي هنا.بعض النص سيأتي هنا. بعض النص سيأتي هنا. بعض النص سوف يأتي هنا. سوف يأتي بعض النص هنا. بعض النص سوف يأتي هنا.</p> -->
                </div>
                    <div class="form-group row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="controls">
                                <button type="button" class="btn btn-success btn-lg open-model-btn {{$worthy->persons()->count()>=20 ? 'disabled' : ''}}" ><i class="fa fa-plus"></i> إضافة</button>
                                <div class="pull-right markaction">
                                    <a id="del" href="javascript:void(0)" class="btn btn-danger" data-url="{{ URL::to('admin/worthy/bulkdeleterelated') }}">حذف</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-10 col-md-offset-1">
                            <table class="table sortable table-hover table-bordered worthy_related_table" id="datatable-example" data-reorderUrl="{{ route('admin.worthy.reorder_related')}}">
                                <thead>
                                    <tr>
                                        <th width="5%" class="disabled  sorting-arrow"><i class="fa fa-arrows"></i></th>
                                        <th width="5%"><input type="checkbox" class="group-checkable" data-set="#datatable-example .checkboxes" /></th>
                                        <th width="5%">هوية شخصية</th>
                                        <th width="20%">الإسم</th>
                                        <th width="5%"></th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>

            <div class="form-actions" style="margin-left: -13px !important; margin-right: -13px !important; padding-bottom: 13px !important">

                @if(Request::get('q')=='Add')
                  <a href="javascript:void(0)" id="cancel_btn" class="btn btn-info btn-cons">إلغاء</a>
                @else
                  <a href="{{url('/admin/worthy/'.Request::get('type'))}}" class="btn btn-info btn-cons">إلغاء</a>
                @endif

                <!-- <a href="{{ URL::route('admin.worthy.index')}}" class="btn btn-info btn-cons">إلغاء</a> -->
                <a href="{{ URL::route('admin.worthy.summary',['worthy'=>$worthy->id,'q'=>$request_type])}}" class="btn btn-info btn-cons pull-right">التالى</a>
                <a href="{{ URL::route('admin.worthy.addimages',['worthy'=>$worthy->id,'q'=>$request_type])}}" class="btn btn-info btn-cons pull-right">السابق</a>
            </div>
       </div>
    </div>
</div>

<!-- Select related person modal -->
<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" onclick="$('#filter').val('');$('#filter').trigger('keyup');">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" id="select_child_content" style="max-height: calc(80vh - 160px);overflow-y: auto;background-color: white;padding:0px;">
                <table border="0" width="100%" style="direction: rtl;">
                    <tbody>