@extends('page')

@section('content')

<link href="{{ asset('css/style.css') }}" rel="stylesheet" type="text/css" >
<!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>New Product Details</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ route('products.index') }}">Products</a></li>
            <li class="breadcrumb-item active">New Product Details</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-12">
          <div class="card card-info card-outline">
            <div class="card-body" id="form-tit">
              {!! Form::open(array('route' => 'products.store','method'=>'POST', 'files'=> true,'id'=>'product_form','enctype'=>'multipart/form-data')) !!}
              <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 row">
                  <div class="col-xs-8 col-sm-8 col-md-8">
                    <div class="row">
                      <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="form-group">
                          <label>Product Name:<span class="form-compulsory"> * </span></label>
                          {!! Form::text('product_name', null, array('placeholder' => 'Product Name','class' => 'form-control form-control-sm','id' => 'product_name' )) !!}
                          @error('product_name')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                        </div>
                      </div>

                      <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="form-group">
                            <label>Model Number:<span class="form-compulsory"> * </span></label>
                            {!! Form::text('model_number', null, array('placeholder' => 'Model Number','class' => 'form-control form-control-sm', 'style' => 'text-transform: uppercase')) !!}
                            @error('model_number')
                              <span class="error invalid-feedback">{{ $message }}</span>
                            @enderror
                        </div>
                      </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                      <div class="form-group row">
                        <label>Description:<span class="form-compulsory"> * </span></label>
                        {!! Form::text('description', null, array('placeholder' => 'Product Description','class' => 'form-control form-control-sm', 'rows' => 1)) !!}
                        @error('description')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                      </div>
                    </div>

                  
                  </div>
                
                  <div class="col-xs-4 col-sm-4 col-md-4 Pimgwrap row">
                    <div class="col-xs-9 col-sm-9 col-md-9">
                      <div class="form-group">
                        <label for="image">Image:<span class="form-compulsory"> * </span></label>
                        <div class="custom-file">
                          <input type="file" class="custom-file-input @error('image') is-invalid @enderror" id="product_image" name="image">
                          <label class="custom-file-label" for="image"></label>
                          @error('image')
                              <div class="invalid-feedback">{{ $message }}</div>
                          @enderror
                        </div>
                      </div>
                    </div>
                    <div class="col-xs-3 col-sm-3 col-md-3">
                      <img class="responsive Pimg" src="" width="100" id="prod_img_preview">
                    </div>

                  </div>

                  <div class="col-xs-12 col-sm-12 col-md-12 row">

                    <div class="col-xs-4 col-sm-4 col-md-4">
                      <div class="form-group"  id="product_code_section">
                          <label>Product Code:<span class="form-compulsory"> * </span></label>
                          {!! Form::text('product_code', $next_product_code, array('placeholder' => 'Product Code','class' => 'form-control form-control-sm' , 'disabled'=>'disabled'  )) !!}
                          @error('product_code')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                      </div>
                    </div>

                    <div class="col-xs-4 col-sm-4 col-md-4">
                      <div class="form-group">
                          <label>Product URL:<span class="form-compulsory"> * </span></label><br/>
                          {!! Form::text('url', null, array('placeholder' => 'Product URL','class' => 'form-control form-control-sm')) !!}
                          @error('url')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                      </div> 
                    </div>

                    <div class="col-xs-4 col-sm-4 col-md-4">
                      <div class="form-group">
                        <label>Purchase Link:<span class="form-compulsory"> * </span></label><br/>
                        {!! Form::text('purchase_link', null, array('placeholder' => 'Purchase Link','class' => 'form-control form-control-sm')) !!}
                        @error('purchase_link')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                      </div>  
                    </div>

                  </div>
                


                <div class="col-xs-12 col-sm-12 col-md-12 row">

                  <div class="col-xs-1 col-sm-1 col-md-1">
                    <div class="form-group">
                      <label>Quantity:</label>
                      {!! Form::text('quantity', null, array('placeholder' => 'Quantity','class' => 'form-control form-control-sm')) !!}
                      @error('quantity')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                    </div>
                  </div>
                  <div class="col-xs-1 col-sm-1 col-md-1">
                    <div class="form-group">
                        <label>Measured:</label>
                        {!! Form::text('quantity_measured', null, array('placeholder' => 'Measured','class' => 'form-control form-control-sm')) !!}
                        @error('quantity_measured')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                  </div>
                  <div class="col-xs-2 col-sm-2 col-md-2">
                    <div class="form-group">
                        <label>Expiry Period:</label>
                        <div class="col-xs-12 col-sm-12 col-md-12 row">
                          <div class="col-xs-6 col-sm-6 col-md-6">
                            {!! Form::text('expiry_period', null, array('placeholder' => 'Expiry Period','class' => 'form-control form-control-sm')) !!}
                          </div>
                          <div class="col-xs-6 col-sm-6 col-md-6">
                            Months
                          </div>
                        </div>
                        @error('expiry_period')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                  </div>
                  

                  <div class="col-xs-2 col-sm-2 col-md-2">
                    <div class="form-group">
                      <label>Items per Packet:</label>
                      {!! Form::text('number_in_pack', null, array('placeholder' => 'Items per Packet','class' => 'form-control form-control-sm')) !!}
                      @error('number_in_pack')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                    </div>
                  </div>
                  <div class="col-xs-2 col-sm-2 col-md-2">
                    <div class="form-group">
                      <label>Packing Method:</label>
                      {!! Form::text('packing_method', null, array('placeholder' => 'Packing Method','class' => 'form-control form-control-sm')) !!}
                      @error('packing_method')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                    </div>
                  </div>
                

                  <div class="col-xs-4 col-sm-4 col-md-4">
                    <div class="form-group">
                      <label>Status:<span class="form-compulsory"> * </span></label><br/>
                      {!! Form::radio('status', '1','checked'); !!}
                      <label>Active&nbsp;</label>
                      {!! Form::radio('status', '0'); !!}
                      <label>Inactive</label>
                      
                      @error('status')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                    </div>
                  </div>

                  <input type="hidden" name="company" value="{{Session::get('company')}}" class="form-control form-control-sm" id="company_id">
                  <input type="hidden" name="company_name" value="{{Session::get('company_name')}}" class="form-control form-control-sm" id="company_name">
                    
                </div>
                  
                  <div class="col-xs-12 col-sm-12 col-md-12 marT10">
                    <h5><span>Categories</span></h5>
                  </div>

                  <div class="col-xs-6 col-sm-6 col-md-6 row">
                    <div class="col-xs-10 col-sm-10 col-md-10">
                      <div class="form-group" id="parent_category_html">
                        <label>Main Category:<span class="form-compulsory"> * </span></label>
                        <select id="category_id" name="category" class="form-control form-control-sm">
                          <option value=0 >-- Main category not selected --</option>
                          @foreach($categories as $category)
                            <option value="{{ $category->id }}" {{ old('category') == $category->id  ? 'selected' : '' }}>{{ $category->category}}</option>
                          @endforeach
                        </select>
                        @error('category')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                      </div>
                    </div>
                    <div class="col-xs-2 col-sm-2 col-md-2 add-cat-btn">                   
                        <button type="button" class="btn btn-xs btn-flat main-cat-btn" data-bs-toggle="modal" data-bs-target="#addCatModal"><i class="fa fa-plus" aria-hidden="true" title="Add category"></i></button>
                    </div>
                  </div>

                  <div class="col-xs-6 col-sm-6 col-md-6">
                    <div class="col-xs-12 col-sm-12 col-md-12 row" id="subcategory_html">
                    <!-- <div class="col-xs-10 col-sm-10 col-md-10">
                      <div class="form-group" >  -->
                        <!-- div with id subcategory_html can override with companySubcategoryList function in CategoriesController -->
                        <!-- <label>Subcategory:</label>
                          <br/><label>Please select a main category first</label> -->
                      <!-- </div>
                    </div> 
                      <div class="col-xs-2 col-sm-2 col-md-2 add-cat-btn">
                        <button type="button" class="btn btn-xs btn-flat sub-cat-btn" data-bs-toggle="modal" data-bs-target="#addCatModal"><i class="fa fa-plus" aria-hidden="true"></i></button>
                      </div> -->
                    </div>
                  </div>

                  <!-- start of add category modal -->
                  <div class="modal fade" id="addCatModal" tabindex="-1" aria-labelledby="addCatModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title" id="addCatModalLabel"><span>Add Category</span></h5>
                        </div>

                          <div class="modal-body">
                            <div class="form-group" id="new_category_section">
                              <strong><label>New Category:<span class="form-compulsory"> * </span></label></strong>
                              {!! Form::text('new_category', null, array('placeholder' => 'Category Name','class' => 'form-control form-control-sm','id'=>'new_category')) !!}
                              @error('new_category')
                                <span class="error invalid-feedback"> {{ $message }}</span>
                              @enderror
                            </div>
                          </div>
                          <div class="modal-footer">
                            <input type="hidden" id="cat-type" value="">
                            <button type="button" class="btn btn-secondary modal-btn" data-dismiss="modal">Cancel</button>                  
                            <button type="button" id="modal-cat-btn" class="btn btn-info text-right modal-btn modal-cat-btn" data-company-id="{{$session_company}}" data-parent-id=0 data-cat-type="main">Add</button>
                          </div>
      
                      </div>
                    </div>
                  </div>
                </div>
                <!-- end of add category modal -->
               
                <div class="col-xs-12 col-sm-12 col-md-12 mar-t5 marT10">
                  <h5><span>Brand Details</span></h5>
                </div>

                <div class="col-xs-6 col-sm-6 col-md-6">
                  <div class="form-group">
                      <label>Brand Name:<span class="form-compulsory"> * </span></label>
                      {!! Form::text('brand_name', null, array('placeholder' => 'Brand Name','class' => 'form-control form-control-sm')) !!}
                      @error('brand_name')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                  </div>
                </div>

                <div class="col-xs-6 col-sm-6 col-md-6">
                  <!-- <div class="form-group">
                    <label for="file">Brand Logo:<span class="form-compulsory"> * </span></label>
                    <div class="custom-file">
                      <input type="file" class="custom-file-input @error('logo') is-invalid @enderror" id="logo" name="logo">
                      <label class="custom-file-label" for="logo">
                        @if(old('product_label'))
                            {{ old('product_label') }}
                        @else
                            Choose file
                        @endif
                      </label>
                    </div> -->
                    @error('logo')
                      <!-- <span class="error invalid-feedback">{{ $message }}</span> -->
                    @enderror
                  <!-- </div> -->
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12 marT10">
                  <h5><span>Label Generation</span></h5>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-12 marT10 row">
                  <div class="col-xs-6 col-sm-6 col-md-6">
                    <!-- <div class="form-group">
                        <label>Label:<span class="form-compulsory"> * </span></label>
                        <div class="input-group">
                          <div class="custom-file">
                          {!! Form::file('product_label', array('placeholder' => 'Product Logo','class' => 'custom-file-input', 'id' => 'fileUpload')) !!}
                          <label class="custom-file-label" for="fileUpload">Choose file</label>
                          </div>
                          @error('product_label')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                        </div>
                    </div> -->
                    <div class="form-group">
                      <label for="image">Product Label 1:<span class="form-compulsory"> * </span></label>
                      <div class="custom-file">
                        <input type="file" class="custom-file-input @error('image') is-invalid @enderror" id="product_label" name="product_label">
                        <label class="custom-file-label" for="product_label">
                            @if(old('product_label'))
                                {{ old('product_label') }}
                            @else
                                Choose file
                            @endif
                        </label>
                      </div>
                      @error('product_label')
                        <div class="invalid-feedback">{{ $message }}</div>
                      @enderror
                    </div>
                  </div>

                  <div class="col-xs-6 col-sm-6 col-md-6" id="labelPreview">
                    <div class="col-md-12"> 
                    <div class="row"> 
                        <div class="col-md-4 col-sm-3">
                          <div class="form-group">
                            <label for="qrcodeSize">QR Code Size:</label>
                            <input type="number" class="form-control form-control-sm" name="qrcode_size" id="qrcodeSize"  value="0">
                          </div>
                        </div>
                        <div class="col-md-2 col-sm-3">
                          <div class="form-group">
                            <label for="overlayTop">Top:</label>
                            <input type="number" class="form-control form-control-sm" name="qrcode_top" id="overlayTop" min="0" value="0">
                          </div>
                        </div>
                        <div class="col-md-2 col-sm-3">
                          <div class="form-group">
                            <label for="overlayLeft">Left:</label>
                            <input type="number" class="form-control form-control-sm" name="qrcode_left" id="overlayLeft" min="0" value="0">
                          </div>
                        </div>
                      </div>

                      <label>Preview:</label>
                      <div id="wrapper">
                        <img id="overlayImage" src="http://121.244.192.3:8401/storage/app/qr_code/qr.png" alt="overlay image"> <!--Overlay QRcode comes here-->
                        <img id="productLabel" src="" alt="product label"> <!--Uploaded  Image comes here-->
                        <input type="hidden" id="productLabel_ratio" value="{{old('qrcode_ratio')}}" name="productLabel_ratio"> 
                      </div>    
                      
                    </div>
                  </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12 marT10 row">
                  <div class="col-xs-6 col-sm-6 col-md-6">
                    <div class="form-group">
                      <label for="image">Product Label 2:<span class="form-compulsory"> * </span></label>
                      <div class="custom-file">
                        <input type="file" class="custom-file-input @error('image') is-invalid @enderror" id="product_label2" name="product_label2">
                        <label class="custom-file-label" for="product_label2">
                            @if(old('product_label2'))
                                {{ old('product_label2') }}
                            @else
                                Choose file
                            @endif
                        </label>
                      </div>
                      @error('product_label2')
                        <div class="invalid-feedback">{{ $message }}</div>
                      @enderror
                    </div>
                  </div>

                  <div class="col-xs-6 col-sm-6 col-md-6" id="labelPreview2">
                    <div class="col-md-12"> 
                    <div class="row"> 
                        <div class="col-md-4 col-sm-3">
                          <div class="form-group">
                            <label for="qrcodeSize2">QR Code Size:</label>
                            <input type="number" class="form-control form-control-sm" name="qrcode_size2" id="qrcodeSize2"  value="0">
                          </div>
                        </div>
                        <div class="col-md-2 col-sm-3">
                          <div class="form-group">
                            <label for="overlayTop2">Top:</label>
                            <input type="number" class="form-control form-control-sm" name="qrcode_top2" id="overlayTop2" min="0" value="0">
                          </div>
                        </div>
                        <div class="col-md-2 col-sm-3">
                          <div class="form-group">
                            <label for="overlayLeft2">Left:</label>
                            <input type="number" class="form-control form-control-sm" name="qrcode_left2" id="overlayLeft2" min="0" value="0">
                          </div>
                        </div>
                      </div>

                      <label>Preview:</label>
                      <div id="wrapper2">
                        <img id="overlayImage2" src="http://121.244.192.3:8401/storage/app/qr_code/qr2.png" alt="overlay image 2"> <!--Overlay QRcode comes here-->
                        <img id="productLabel2" src="" alt="product label 2"> <!--Uploaded  Image comes here-->
                        <input type="hidden" id="productLabel_ratio2" value="{{old('qrcode_ratio2')}}" name="productLabel_ratio2"> 
                      </div>    
                      
                    </div>
                  </div>
                </div>

                <div class="col-xs-12 col-sm-12 col-md-12 mar-t5 marT10">
                  <h5><span>Authentication Details</span></h5>
                </div>

                <div class="col-xs-6 col-sm-6 col-md-6">
                  <div class="form-group">
                      <label>Product Name:</label>
                      {!! Form::text('auth_prod_name', null, array('placeholder' => 'Product Name','class' => 'form-control form-control-sm', 'id' => 'auth_prod_name')) !!}
                      @error('auth_prod_name')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                  </div>
                </div>

                <div class="col-xs-6 col-sm-6 col-md-6">
                  <div class="form-group">
                      <label>Authenticated By:</label>
                      {!! Form::text('auth_done_by', null, array('placeholder' => 'Authenticated By','class' => 'form-control form-control-sm', 'id' => 'auth_done_by')) !!}
                      @error('auth_done_by')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                  </div>
                </div>

                <!-- Form::model($warranty_details, ['method' => 'PATCH','route' => ['products.update', $product->id],'files'=> true]) !!} -->
                <!-- Form::close() !!} -->

                <div class="col-xs-12 col-sm-12 col-md-12 marT10">
                  <h5><span>Warranty Details</span></h5>
                </div>
                <div class="col-xs-3 col-sm-3 col-md-3">
                  <div class="form-group">
                    <label>Promotion:</label>
                    <select class="form-control form-control-sm" name="promotion_status" id="promotion">
                      <option value="No" {{( old('promotion_status')=="No") ? 'selected' : ''}}>No</option>
                      <option value="Yes" {{( old('promotion_status')=="Yes") ? 'selected' : ''}}>Yes</option>
                    </select>
                    @error('promotion_status')
                      <span class="error invalid-feedback">{{ $message }}</span>
                    @enderror
                  </div>
                </div>
                <div class="col-xs-6 col-sm-6 col-md-6">
                  <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="row">
                      <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="form-group">
                          <label>Warranty:</label>
                          <select class="form-control form-control-sm" name="waranty_status" id="warranty">
                            <option value="No" {{( old('waranty_status')=="No") ? 'selected' : ''}}>No</option>
                            <option value="Yes" {{( old('waranty_status')=="Yes") ? 'selected' : ''}}>Yes</option>
                          </select>
                          @error('waranty_status')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                        </div>
                      </div>
                      
                    </div>
                  </div>

                  <div id="warranty_sub" class="col-xs-6 col-sm-6 col-md-6">
                    <div class="row">
                      <div class="col-xs-12 col-sm-12 col-md-12">
                          <div class="form-group">
                          {!! Form::radio('warranty_type', '1',); !!}
                          <label>Service&nbsp;</label>
                          {!! Form::radio('warranty_type', '2'); !!}
                          <label>Replacement</label>
                          
                          @error('warranty_type')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                        </div>
                      </div>
                      <div class="col-xs-12 col-sm-12 col-md-12">
                        <div id="service_type">
                          <div class="form-group">
                            <label>Full Product:</label>
                            <select class="form-control form-control-sm" name="full_product" id="full_product">
                              <option value="No" {{( old('full_product')=="No") ? 'selected' : ''}}>No</option>
                              <option value="Yes" {{( old('full_product')=="Yes") ? 'selected' : ''}}>Yes</option>
                            </select>
                            @error('full_product')
                              <span class="error invalid-feedback">{{ $message }}</span>
                            @enderror
                          </div>
                        </div>
                      <div>
                      <div class="col-xs-12 col-sm-12 col-md-12" id="full_service">
                        <div class="form-group row">
                          <label>Warranty Period:</label>
                          <div class="warranty_duration">
                            <input type="text" id="s_warranty_count" name="s_warranty_count" placeholder="Warranty Period" class="form-control form-control-sm">
                            <select class="form-control form-control-sm" name="s_warranty_duration" id="s_warranty_duration">
                              <option value="month(s)" {{( old('s_warranty_duration')=="month(s)") ? 'selected' : ''}}>month(s)</option>
                            </select>
                          </div>
                          @error('s_warranty_count')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                          <span id="s_warranty_count_error"></span>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- <div class="col-xs-6 col-sm-6 col-md-6"> -->
                    <div class="row col-xs-12 col-sm-12 col-md-12 row" id="replacement_warranty">
                      <div class="form-group">
                        <label>Warranty Period:</label>
                        <div class="warranty_duration">
                          <input type="text" id="r_warranty_count" name="r_warranty_count" value="" placeholder="Warranty Period" class="form-control form-control-sm">
                          <select class="form-control form-control-sm" name="r_warranty_duration" id="r_warranty_duration">
                            <option value="month(s)" {{( old('r_warranty_duration')=="month(s)") ? 'selected' : ''}}>month(s)</option>
                            
                          </select>
                        </div>
                        @error('r_warranty_count')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                      </div>
                    </div>
                  <!-- </div> -->
                </div> 
              </div> 
              
              <!-- row ends -->

              <div class="col-xs-12 col-sm-12 col-md-12" id="part_service">
                <div class="row">
                  <div class="col-sm-6 col-md-6 col-xs-6">
                    <label>Part Name:<span class="form-compulsory"> * </span></label>
                  </div>
                  <div class="col-sm-5 col-md-5 col-xs-5">
                    <label>Warranty Period:<span class="form-compulsory"> * </span></label>
                  </div>
                </div>
                <div class="card-body input_fields_wrap">
                  @php $x     = 1; @endphp
                  @if(Session::has('warranty_details'))
                    @foreach(Session::get('warranty_details')['product_details'] as $t_products) 
                    <div class="row">
                      <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="form-group">
                          <input placeholder="Part Name" class="form-control form-control-sm part-name" name="part_name[]" id="part_name{{$x}}" name="part_name[]" type="text" autocomplete="off" value="" >
                        </div>
                      </div>
                      <div class="col-xs-5 col-sm-5 col-md-5">
                        <div class="form-group">
                          <input placeholder="Warranty Period" class="form-control form-control-sm s-warranty-period" id="prid{{$x}}" name="part_warranty[]" value="{{$t_products['part_warranty']}}" type="number">
                        
                        </div>
                        <div class="col-xs-1 col-sm-1 col-md-1 text-left"> <div class="form-group remove_field">
                          <i class="fa fa-minus fa-1x" aria-hidden="true"></i>
                        </div>
                      </div>
                    </div>
                    @php $x++; @endphp
                    @endforeach
                  @endif
                  <div class="row " >
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">     
                        {!! Form::text('part_name[]', null, array('placeholder' => 'Part Name','class' => 'form-control form-control-sm part-name', 'id' => 'tags_create')) !!}
                        @error('part_name')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                        <span id="tags_create_error"></span>
                      </div>
                    </div>
                    <div class="col-xs-5 col-sm-5 col-md-5">
                      <div class="form-group">
                        <div class="warranty_duration">
                          {!! Form::number('part_warranty[]', 1, array('placeholder' => 'Warranty Period','class' => 'form-control form-control-sm s-warranty-period', 'id' => 'part_warranty', 'min'=>"1")) !!}
                         
                          
                          <select name="part_warranty_duration[]" class="form-control form-control-sm" id="s_warranty_duration">
                            <option value="month(s)" {{( old('part_warranty_duration[]')=="month(s)") ? 'selected' : ''}}>month(s)</option>
                              
                          </select>
                        </div>
                        @error('part_warranty')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                        <span id="warranty_count_error"></span>
                      </div>
                    </div>
                    <div class="col-xs-1 col-sm-1 col-md-1 text-left">
                      <div class="form-group  add_field_button">
                          <i class="fa fa-plus" aria-hidden="true"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- Authentication Preview starts -->
            <div class="col-sm-3 col-md-3 col-xs-3">
              @include('template.authentication')
            </div>
            <!-- Authentication Preview ends -->
          </div>
        
              <div class="col-xs-12 col-sm-12 col-md-12 text-right">
                  <button type="submit" class="btn btn-primary">Submit</button>
              </div>
            </div>
            {!! Form::close() !!}
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid --> 
  </section>  
<script type="text/javascript" language="javascript" src="{{asset('js/products/warranty.js')}}"></script>
<script type="text/javascript" language="javascript" src="{{asset('js/products/validation.js')}}"></script> 
<script type="text/javascript" language="javascript" src="{{asset('js/categories/validation.js')}}"></script> 
<script type="text/javascript" language="javascript" src="{{asset('js/products/labelPreview.js')}}"></script>
<script type="text/javascript" language="javascript" src="{{asset('js/products/categories.js')}}"></script>
@endsection