@extends('admin.layout.admin')
@section("title"," Dashboard | Wishours")
<!-- Main content -->
@section("content")
<section class="content-header">
      <h1>
        Products
        <small>Manage Products</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Product</a></li>
        <li class="active">Add Product</li>
      </ol>
    </section>
<section class="content container-fluid">
 <br/>
  <div class="row">
    <div class="col-md-12">
      <!-- general form elements -->
      <div class="box box-primary">
        <div class="box-header with-border">
          <h3 class="box-title">Add New Product</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('message'))
        <div class="alert alert-success" id="successMessage">
          {{ session('message') }}
        </div>
        @endif
        <div class="box-body">
          <form  action="{{route('admin.product.store')}}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
            <div class="row">
              {{ csrf_field() }}
              <div class="col-lg-9">
                <div class="form-group row">
                  <div class="col-lg-12">
                    <label class="form-control-label">Title: </label>
                    <input type="text" id="title" name="title" class="form-control" />
                    <input type="hidden" name="slug" id="slug" value="">
                  </p>
                </div>
              </div>
             
              <div class="form-group row">
                
                <div class="col-lg-12">
                  <label class="form-control-label">Description: </label>
                  <textarea name="description" id="catEditor" class="form-control "></textarea>
                </div>
              </div>
            <div class="form-group row">
                <div class="col-sm-4">
                   <div class="input-group">
                <div class="input-group-addon">
                  <input id="addon" type="checkbox" name="addon" value="1"/>
                </div>
                <p type="text" class="form-control" name="addon" placeholder="0.00" aria-label="addon" aria-describedby="addon" >Addon Product</p>
              </div>
                </div>
                 <div class="col-sm-4">
                   <div class="input-group">
                <div class="input-group-addon">
                  <input id="flawer_teddy" type="checkbox" name="flawer_teddy" value="1"/>
                </div>
                <p type="text" class="form-control" name="">flawers and Teddy Wears</p>
              </div>
                </div>
               
            </div>
              <div class="form-group row">
                <div class="col-sm-4">
                  <label class="form-control-label">Product Code: </label>
                  <div class="input-group">
                    <div class="input-group-addon">
                      <i class="fa fa-code" aria-hidden="true"></i>
                    </div>
                    <input type="text" class="form-control" name="product_code" placeholder="Enter Product Code" aria-label="productcode" aria-describedby="productcode"/>
                  </div>
                </div>
                 <div class="col-sm-4 proSizeBox">
                  <label class="form-control-label">Default Product Size: </label>
                  <div class="input-group">
                    <div class="input-group-addon">
                      <i class="fa fa-sitemap" aria-hidden="true"></i>
                    </div>
                    <input type="text" class="form-control" placeholder="e.g.-1" aria-label="" aria-describedby="basic-addon1" name="defaultsize" />
                  </div>
                </div>
                <div class="col-sm-4">
                  <label class="form-control-label">Price: </label>
                  <div class="input-group">
                    <div class="input-group-addon">
                      <i class="fa fa-inr" aria-hidden="true"></i>
                    </div>
                    <input type="number" class="form-control" placeholder="0.00" aria-label="Username" aria-describedby="basic-addon1" name="price" />
                  </div>
                </div>
            </div>

            <div class="form-group row flavor">
              <div class="col-lg-12">
                <select class = "form-control" name="flavor">
                  <option value="">---Select Flavor---</option>
                  @if(isset($flavourCategories))
                    @foreach($flavourCategories as $flavourCategory)
                      <option value="{{ $flavourCategory->title }}">{{ $flavourCategory->title }}</option>
                    @endforeach  
                  @endif
                </select>
              </div>
            </div>
             <div class="row">
             <div class="col-sm-12">
                 <div class="form-group">
                     <label class="form-control-label">Search Engine Optimization </label>
                  <div class="input-group">
                    <div class="input-group-addon">
                      <i class="fa fa-code" aria-hidden="true"></i>
                    </div>
                    <input type="text" class="form-control" name="meta_title" placeholder="Meta Title" />
                    </div>
                  </div>
                </div>
                 <div class="col-sm-12">
                <div class="form-group">
                  <div class="input-group">
                    <div class="input-group-addon">
                      <i class="fa fa-code" aria-hidden="true"></i>
                    </div>
                    <input type="text" class="form-control" name="meta_description" placeholder="Meta Description" />
                    </div>
                  </div>
                </div>
                 <div class="col-sm-12">
                  <div class="form-group">
                  <div class="input-group">
                    <div class="input-group-addon">
                      <i class="fa fa-code" aria-hidden="true"></i>
                    </div>
                    <input type="text" class="form-control" name="meta_keywords" placeholder="Meta Keywords" />
                  </div>
                  </div>
                </div>
            </div>
            </div>
            <div class="col-lg-3">
              <ul class="list-group row">
                <li class="list-group-item active"><h5>Status</h5></li>
                <li class="list-group-item">
                  <div class="form-group row">
                    <select class="form-control" id="status" name="status">
                      <option value="0">Pending</option>
                      <option value="1">Publish</option>
                    </select>
                  </div>
                  <div class="form-group row">
                    <div class="col-lg-12">
                      @if(isset($product))
                      <input type="submit" name="submit" class="btn btn-primary btn-block " value="Update Product" />
                      @else
                      <input type="submit" name="submit" class="btn btn-primary btn-block " value="Click to Continue" />
                      @endif
                    </div>
                    
                  </div>
                </li>
                <li class="list-group-item active"><h5>Feaured Image</h5></li>
                <li class="list-group-item">
                  <div class="input-group mb-3">
                    <div class="custom-file ">
                      <input type="file"  class="custom-file-input" name="thumbnail" id="thumbnail">
                     
                    </div>
                  </div>
                  <div class="img-thumbnail  text-center">
                    <img src="{{ asset('/backEnd/dist/img') }}/default.jpg" id="imgthumbnail" class="img-fluid" alt="" style="max-width: 228px;">
                  </div>
                </li>
                <li class="list-group-item add-featured-box">
                  <div class="col-12">
                    <!--  <div class="input-group mb-3">
                      <div class="input-group-prepend">
                        <span class="input-group-text" ><input id="featured" type="checkbox" name="featured" value=""/></span>
                      </div>
                      <p type="text" class="form-control" name="featured" placeholder="0.00" aria-label="featured" aria-describedby="featured" >Featured Product</p>
                    </div>-->
                    <div class="input-group">
                      <div class="input-group-addon ">
                        <input id="featured" type="checkbox" name="featured" value=""/>
                      </div>
                      <p type="text" class="form-control" name="featured" placeholder="0.00" aria-label="featured" aria-describedby="featured" >Featured Product</p>
                    </div>
                   
                    <div class="input-group">
                      <div class="input-group-addon">
                        <input id="best_seller" type="checkbox" name="best_seller" value="1"/>
                      </div>
                      <p type="text" class="form-control" name="best_seller" placeholder="0.00" aria-label="addon" aria-describedby="addon" >Best Seller</p>
                    </div>
                    <div class="input-group">
                      <div class="input-group-addon">
                        <input id="heart_shape" type="checkbox" name="heart_shape" value="1"/>
                      </div>
                      <p type="text" class="form-control" name="heart_shape" placeholder="0.00" aria-label="addon" aria-describedby="addon" >Heart Shape</p>
                    </div>
                  </div>
                </li>
                
                <li class="list-group-item active"><h5>Select Categories</h5></li>
                <li class="list-group-item ">
                  <select name="category_id[]" id="select2" class="form-control select2" multiple="multiple" data-placeholder="Select a Category"
                    style="width: 100%;">
                                     </select>
                </li>
                
                
                
              </ul>
            </div>
          </div>
        </form>
      </div>
    </div>
    <!-- /.box -->
  </div>
</div>
</section>
@endsection