@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" : true
    },
    "plugins" : [ "wholerow" ]
  });

  $('#jstree').on('changed.jstree',function(e,data){
      var cat_id = data.selected;
      $('#form_Delete_department').attr('action','{{ asset('adminpanel/tribetrees') }}/'+cat_id);
      if(cat_id != '')
      {
        $('.showbtn_control').removeClass('hidden');
        $('.edit_dep').attr('href','{{ asset('adminpanel/tribetrees') }}/'+cat_id+'/edit');
      }else{
        $('.showbtn_control').addClass('hidden');
      }
  });

});
</script>

<section class="content">
    <div class="row">
        <div class="col-xs-12">
        <div class="box">
        <div class="box box-primary">
                <div class="box-header">
                  <i class="ion ion-clipboard"></i>
                  <h3 class="box-title">شجرة العائلة</h3>
                </div>
                <div class="box-header col-md-12">
                <div class="col-md-1">
                        <a href="" class="btn btn-info edit_dep showbtn_control hidden" ><i class="fa fa-edit"></i>  تعديل</a>
                </div>
                    
                <div class="col-md-1">
                        {!! Form::open(['url'=>'',"onclick"=>"return confirm('هل انت متاكد من حذف هذه الشجرة والتى تليها ؟')",'method'=>'delete','id'=>'form_Delete_department']) !!}
                    <button type="submit" class="btn btn-danger delete_dep showbtn_control hidden"><i class="fa fa-trash"></i>  حذف</button>
                     {!! Form::close() !!}
                </div>
                    
                </div>
                
                
                <div id="jstree" class=""></div>

                <div class="box-footer clearfix no-border">
                  <a href="{{asset('adminpanel/tribetrees/create')}}" class="btn btn-default pull-left">
                  <i class="fa fa-plus"></i>اضافة شجرة جديدة</a>
                </div>
              </div> 
        </div>
        </div>
    </div>
</section>
@endsection