@extends('admin.layout.admin')
@section("title"," Dashboard | Wishours")
<!-- Main content -->
  @section("content")
    <section class="content container-fluid">

      <h1>Add New Category</h1>
      <div class="row">
      	<div class="col-md-8">
          <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">Create Category</h3>
            </div>
            <!-- /.box-header -->
            <!-- form start -->
              @if ($errors->any())
          <div class="alert alert-danger" id="dangerMessage">
            <ul>
              @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
              @endforeach
            </ul>
          </div>
          @endif

            @if (session()->has('succesMessage'))
          <div class="alert alert-success" id="successMessage">
             {{ session('succesMessage') }}
          </div>
          @endif
           @if (session()->has('errorMessage'))
          <div class="alert alert-danger" id="Message">
             {{ session('errorMessage') }}
          </div>
          @endif
            <form role="form" action="{{ route('admin.category.store')}}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
               {{ csrf_field() }}
              <div class="box-body">
                <div class="form-group">
                  <label for="title">Title</label>
                  <input type="text" class="form-control" id="title" name="title" placeholder="Enter Title">
                  <input type="hidden" name="slug" id="slug" value="">
                </div>
               
                <div class="form-group">
                  <label for="catEditor">Description</label>
                 <textarea id="catEditor" name="description" rows="10" cols="80">
                   
                    </textarea>
                  </div>
                <div class="form-group">
                  <label for="">Add Parent Category</label>
                 <select name="parent_id" class="form-control select2" data-placeholder="Select a Category"
                        style="width: 100%;">
                   @if($categories)
                   <option value="0">Top level</option>
                option
                @foreach($categories as $category)
                <option value="{{ $category->id }}">{{ $category->title }}</option>
                @endforeach
                @endif
                option
                </select>
                </div>
                  <div class="form-group">
                  <label for="catThumb">Category Thumb</label>
                  <input type="file" id="catThumb" name="catThumb" class="form-control">
                  <small>Note : Upload Image for main category 1974*300(px) and subcategory 800*800(px)</small>
                  </div>
                  <div class="form-group">
                    <label for="status">Status</label>
                    <select class="form-control" name="status" id="status">
                      <option value="1">Enable</option>
                      <option value="0">Disable</option>
                    </select>
                  </div>
                <div class="form-group">
                    <label for="iconcat">Category Icon</label>
                    <select class="form-control" name="iconcat" id="iconcat">
                      <option value="">--If Category Icon--</option>
                      <option value="1">Yes</option>
                      <option value="0">No</option>
                    </select>
                  </div>
                 <div class="form-group">
                    <label for="caticon">Category Icon Thumb</label>
                    <input type="file" id="caticon" name="icon_thumb" class="form-control">
                  </div>
                  <div class="form-group">
                    <label for="menucat">Main Menu</label>
                    <select class="form-control" name="menucat" id="menucat">
                      <option value="0">No</option>
                      <option value="1">Yes</option>
                    </select>
                  </div>
                  
               
              </div>
              <!-- /.box-body -->

             
          </div>
          <!-- /.box -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">Search Engine Optimizations</h3>
              <div class="form-group">
                    <label class="form-control-label">Meta Title: </label>
                    <input type="text" id="title" name="meta_title" class="form-control" />
                  </div>
                  <div class="form-group">
                    <label class="form-control-label">Meta Description: </label>
                    <input type="text" id="title" name="meta_description" class="form-control" />
                  </div>
                  <div class="form-group">
                    <label class="form-control-label">Meta Keywords: </label>
                    <input type="text" id="title" name="meta_keywords" class="form-control" />
                  </div>
               <div class="box-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>
            </form>
            </div>
         </div>
        </div>
      </div>

    </section>
   @endsection