@extends('admin.include.master')
@section('title') لوحة التحكم | اضافة شجرة جديدة @endsection

@section('content')

<script type="text/javascript">
$(document).ready(function(){

  $('#jstree').jstree({
    "core" : {  
        'data' : {!! $tribetrees !!},
      "themes" : {
        "variant" : "large"
      }
    },
    "checkbox" : {
      "keep_selected_style" : false
    },
    "plugins" : [ "wholerow" ]
  });

  $('#jstree').on("changed.jstree", function (e, data) {
    $('#parent_id').val(data.selected);
  });

});

</script>

<section class="content">
        <div class="row">
        <div class="col-md-12">
        <div class="box-header">
                <h3 class="box-title">اضافة شجرة جديدة</h3>
            </div>
                <div class="box">
                    {{ Form::open(array('method' => 'POST','files' => true,'url' =>'adminpanel/tribetrees' )) }}
                        <div class="box-body">

                        <div class="form-group col-md-6">
                            <label class="control-label">الاسم</label>
                            <div class="form-group col-md-12">
                               <input type="text" class="form-control" placeholder="الاسم" required="required" name="name" value="{{ old('name') }}">
                                @if ($errors->has('name'))
                                <div style="color: crimson;font-size: 18px;" class="error">{{ $errors->first('name') }}</div>
                                @endif
                            </div>
                        </div>
                        
                        <div class="form-group col-md-6">
                            <label>النوع</label>
                            <select class="form-control" name="life" required="">
                                <option value="0" disabled="" selected="">اختار النوع </option>
                                <option value="1">ع قيد الحياة</option>
                                <option value="0">متوفى</option>
                            </select>
                        </div>
                        
                        <div class="form-group col-md-12">
                           <input type="hidden" name="parent" id="parent_id" value="0">
                            <label>شجرة العائلة</label>
                            <div id="jstree" class="box-body">
                            </div>
                        </div>

                         <div class="form-group col-md-6">
                            <label class="control-label">المدينة</label>
                            <div class="form-group col-md-12">
                               <input type="text" class="form-control" placeholder="المدينة" required="required" name="city" value="{{ old('city') }}">
                                @if ($errors->has('city'))
                                <div style="color: crimson;font-size: 18px;" class="error">{{ $errors->first('city') }}</div>
                                @endif
                            </div>
                        </div>

                         <div class="form-group col-md-6">
                            <label class="control-label">رقم الجوال</label>
                            <div class="form-group col-md-12">
                               <input type="text" class="form-control" placeholder="رقم الجوال" required="required" name="phone" value="{{ old('phone') }}">
                                @if ($errors->has('phone'))
                                <div style="color: crimson;font-size: 18px;" class="error">{{ $errors->first('phone') }}</div>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-12">
                                <div class="box box-info">
                                    <div class="box-header">
                                    <h3 class="box-title" >
                                   شجرة العائلة
                                    </h3>
                                    </div>
                                    <div class="box-body pad">
                                        <textarea id="editor2" name="desc" rows="10" cols="80" required>{{ old('desc') }}</textarea>
                                        @if ($errors->has('desc'))
                                            <div style="color: crimson;font-size: 18px;" class="error">{{ $errors->first('desc') }}</div>
                                        @endif
                                    </div>
                                </div>
                        </div>

                        <div style="padding: 24px;" class="box-footer col-md-offset-4 col-md-4">
                            <button type="submit" class="btn btn-primary col-md-12">إضافة</button>
                        </div>
                    {!! Form::close() !!}
                    </div>
                </div> 
        </div>
        </div>
</section>

@endsection