@extends('page')

@section('content')


<!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Update {{$category_info->category}}</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ route('categories.index') }}">List Categories</a></li>
            <li class="breadcrumb-item active">Update {{$category_info->category}}</li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

@if ($message = Session::get('success'))
    <div class="alert alert-success">
        {{ $message }}
    </div>
@endif

<!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-9">
          <div class="card card-info card-outline user-box">
            <!-- <div class="card-header">
              <h3 class="card-title">Edit Subcategory</h3>
                
            </div> -->
            <!-- /.card-header -->
            <div class="card-body">
                
                {!! Form::model($category_info, ['method' => 'PUT', 'id'=>'category_form','route' => ['categories.update', $category_info->id]]) !!}
                <div class="row">

                <div class="col-xs-12 col-sm-12 col-md-12">
                  <div class="form-group">
                    <strong><label>Company:<span class="form-compulsory"> * </span></label></strong>
                    {!! Form::select('companies', $companies, $category_info->company_id, array('class' => 'form-control form-control-sm', 'id'=>'company_id')) !!}
                    @error('companies')
                      <span class="error invalid-feedback">{{ $message }}</span>
                    @enderror
                    @if ($message = Session::get('company_error'))
                              <div class="error invalid-feedback">
                                {{ $message }}
                              </div>
                    @endif
                  </div>
                </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="form-group" id="parent_category_html">
                          <strong><label>Parent Category:</label></strong>
                          <select name="parent_id" class = "form-control form-control-sm">
                            <option value="0">No parent, This is a main category</option>
                            @foreach($categories as $category)
                                <option value="{{ $category->id }}" {{ (old('parent_id') == $category->id || (!old('parent_id') && $category_info->parent_id == $category->id)) ? 'selected' : '' }}>{{ $category->category }}</option>
                            @endforeach
                            
                        </select>
                      </div>
                  </div>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group" id="new_category_section">
                            <label>Category:<span class="form-compulsory"> * </span></label>
                            {!! Form::text('category', $category_info->category, array('placeholder' => 'Category Name','class' => 'form-control form-control-sm','id' => 'new_category')) !!}
                            <input type="hidden" id="category_id" value="{{$category_info->id}}">
                            @if ($message = Session::get('error'))
                              <div class="error invalid-feedback">
                                {{ $message }}
                              </div>
                            @endif
                        </div>
                    </div>
                    

                    <div class="col-xs-12 col-sm-12 col-md-12 text-left padT10">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </div>
{!! Form::close() !!}

            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
        <div class="col-3">
          @include('components.dashboard.vertical')
        </div>
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  </section>
<!-- /.content -->
<script type="text/javascript" language="javascript" src="{{asset('js/categories/validation.js')}}"></script>
    
@endsection