@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>New 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">New 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">
            <!-- /.card-header -->
            <div class="card-body">
                        


            {!! Form::open(array('route' => 'categories.store','method'=>'POST','id'=>'category_form',)) !!}
            <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,[], array('class' => 'form-control form-control-sm', 'id'=>'company_id')) !!}
                    @error('companies')
                      <span class="error invalid-feedback">{{ $message }}</span>
                    @enderror
                  </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 }}">{{ $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">
                        <strong><label>Category Name:<span class="form-compulsory"> * </span></label></strong>
                        {!! Form::text('category', null, array('placeholder' => 'Category Name','class' => 'form-control form-control-sm','id' => 'new_category')) !!}
                        <input type="hidden" name="category_name" value="">
                        <input type="hidden" id="category_id" value="">
                        @error('category')
                          <span class="error invalid-feedback"> {{ $message }}</span>
                        @enderror
                    </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