@extends('admin.layout.master')

@section('content-header')
    <section class="content-header">
      <h1>
        Edit Category
        <!-- <small>Preview</small> -->
      </h1>
     <!--  <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">Forms</a></li>
        <li class="active">General Elements</li>
      </ol> -->
    </section>
@stop

@section('content')
<!-- Main content -->
    <section class="content">
      <div class="row">
        <!-- left column -->
        <div class="col-md-6">
          <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <!-- <h3 class="box-title">Add User</h3> -->
            </div>
            <!-- /.box-header -->
            <!-- form start -->
                    <form role="form" action="{{url('save-category')}}" method="post" enctype="multipart/form-data">
                        {{csrf_field()}}
                        <div class="box-body">
                            <div class="form-group">
                                <label for="category_name">Category Name</label>
                                <input type="text" class="form-control" name="category_name" placeholder="Enter category name" value="{{$categoryDetails->category_name}}" data-validation="required" data-validation-error-msg="Please enter category name">
                                <input type="hidden" name="isEdit" value="1">
                                <input type="hidden" name="category_id" value="{{$categoryDetails->id}}">
                            </div>
                            <div class="form-group">
                                <label for="category_name">Category Name</label>
                                <select class="form-control" name="type" id="type">
                                    <option value="0"  @if($categoryDetails->type == "0") selected="selected" @endif >Room Default</option>
                                    <option value="1" @if($categoryDetails->type =="1") selected="selected" @endif  >Room Finishes</option>
                                </select>

                            </div>

                         
                            <div class="form-group">
                            <label for="category_child">Select SubCategory</label>
                                <select class="tags-field form-control" multiple="true" name="category_child[]" @if(in_array($categoryDetails->id,$childCategories)) disabled @endif>
                                    @foreach($allCategories as $category)
                                        <option value="{{$category->id}}"
                                                @foreach($categoryDetails->subCategory as $sub_category)
                                                @if($category->id == $sub_category->subcategory_id) selected="selected" @endif
                                                @endforeach
                                        >
                                            {{$category->category_name}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <!-- /.box-body -->
                     

                        <div class="box-footer">
                            <a href="{{route('category.index')}}" class="btn btn-bg btn-primary">
                            <span><i class="fa fa-arrow-left fa-btn fa-back"></i> {{trans('table.back')}}</span>
                            </a>

                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>

                    </form>
                </div>
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </section>

@stop

@section('javascript')
    <script type="text/javascript">
        (function () {
            //validator
            $.validate();
        })();

  $(".tags-field").select2({
    // tags: true,
    // tokenSeparators: [','],
    // placeholder: "Type your text & click Enter Button"
  // tokenSeparators: [',', ' ']
  });
    </script>
    @stop