@extends('layouts.app_admin')

  @section('content')
    <main class="page-content ">
    <div class="container-fluid"> 
      <div class="breadcrumb1">
        <ul>
          <li><a href="{{ url('admin-dashboard') }}">Dashboard ></a></li>
          <li><a href="{{ url('product-list')}}">Product List ></a></li>
          <li>Edit Product</li>
        </ul>
      </div>


      <!-- Breadcumb End -->
      <div class="form-wrapper">
        <form action="{{ url('edit-product/'.base64_encode($product->id)) }}" method="post" enctype='multipart/form-data' id="add_brand">

          {{ csrf_field() }}
          <div class="row">
          <div class="col-md-3">
            <label for="lecture_name_en">Product Name</label>
          </div>
          <div class="col-md-9">            
            <input type="text" class="form-control" value="{{ $product->name }}" id="product_name" placeholder="Enter Product Name" name="product_name">
            @if ($errors->has('product_name'))
              <span for="product_name" class="error_validate" style="display:block;">
                {{ $errors->first('product_name') }}
              </span>
            @endif
          </div>
        </div>

        <div class="row">
          <div class="col-md-3">
            <label for="select_category">Select Category</label>
          </div>
          <div class="col-md-9">    
          <div class="select-box">
              <select class="select2" name="product_category" id="product_category">
                <option value="">Select Category</option>
                @foreach($category as $value)
                <option value="{{  $value->id }}"
                    @if($value->id == $product->category_id) selected @endif
                  >{{ ucfirst($value->name) }}</option>
                @endforeach
              </select>
               <span for="product_category" class="error_validate"></span>
            </div>        
          </div>
        </div>

         <div class="row">
          <div class="col-md-3">
            <label for="childcategory">Select child Category</label>
          </div>
          <div class="col-md-9">    
          <div class="select-box">
              <select class="select2" name="childcategory" id="childcategory">
                <option value="">Select Sub Category</option>
                @foreach($sub_category as $value)
                <option value="{{  $value->id }}"   

                        @if($value->id == $product->childcategory_id)

                            selected

                        @endif    

                  >{{ ucfirst($value->name) }}</option>
                @endforeach
              </select>
               <span for="childcategory" class="error_validate"></span>
            </div>        
          </div>
        </div>

        <div class="row">
          <div class="col-md-3">
            <label for="available_quantity">Available Quantity</label>
          </div>
          <div class="col-md-9">            
            <input type="text" class="form-control" value="{{ $product->qty  }}" id="available_quantity" placeholder="Enter qty" name="available_quantity">
            @if ($errors->has('available_quantity'))
              <span for="available_quantity" class="error_validate">
                {{ $errors->first('available_quantity') }}
              </span>
            @endif
          </div>
        </div>

        <div class="row">
          <div class="col-md-3">
            <label for="lecture_name_en">Product Current Price (INR)</label>
          </div>
          <div class="col-md-9">            
            <input type="text" class="form-control" value="{{ $product->price }}" id="product_current_price_inr" placeholder="Enter Product Current Pricee" name="product_current_price_inr">
            @if ($errors->has('product_current_price_inr'))
              <span for="product_current_price_inr" class="error_validate" style="display:block;">
                {{ $errors->first('product_current_price_inr') }}
              </span>
            @endif
          </div>
        </div>

       <div class="row">
          <div class="col-md-3">
            <label for="lecture_name_en">Product Previous Price (INR)</label>
          </div>
          <div class="col-md-9">            
            <input type="text" class="form-control" value="{{ $product->previous_price }}" id="product_previous_price_inr" placeholder="Enter Product Previous Pricee" name="product_previous_price_inr">
            @if ($errors->has('product_previous_price_inr'))
              <span for="product_previous_price_inr" class="error_validate" style="display:block;">
                {{ $errors->first('product_previous_price_inr') }}
              </span>
            @endif
          </div>
        </div>


        <div class="row">
          <div class="col-md-3">
            <label for="lecture_name_en">Product Current Price (USD)</label>
          </div>
          <div class="col-md-9">            
            <input type="text" class="form-control" id="product_current_price_usd" placeholder="Enter Product Current Pricee" name="product_current_price_usd" value="{{ $product->price_usd }}" >
            @if ($errors->has('product_current_price_usd'))
              <span for="product_current_price_usd" class="error_validate" style="display:block;">
                {{ $errors->first('product_current_price_usd') }}
              </span>
            @endif
          </div>
        </div>


       <div class="row">
          <div class="col-md-3">
            <label for="lecture_name_en">Product Previous Price (USD)</label>
          </div>
          <div class="col-md-9">            
            <input type="text" class="form-control" id="product_previous_price_usd" placeholder="Enter Product Previous Pricee" name="product_previous_price_usd" value="{{ $product->previous_price_usd }}">
            @if ($errors->has('product_previous_price_usd'))
              <span for="product_previous_price_usd" class="error_validate" style="display:block;">
                {{ $errors->first('product_previous_price_usd') }}
              </span>
            @endif
          </div>
        </div>

        <div class="row">
          <div class="col-md-3">
            <label for="lecture_name_en">Product Description</label>
          </div>
          <div class="col-md-9">            
              <textarea type="text" class="form-control" id="product_description" placeholder="Enter Product Description" name="product_description" onchange="get_my_hindi_text(this.value,this);"  value="{{ $product->details }}" data-rule-required="true" data-msg-required="Enter Product Description"  >{{ $product->details }}</textarea>
              @if ($errors->has('product_description'))
                  <span for="news_vanue_en" class="error_validate">{{ $errors->first('product_description') }}</span>
              @endif
          </div>
        </div>

        <div class="row">
          <div class="col-md-3">
            <label for="lecture_name_en">Product Buy/Return Policy</label>
          </div>
          <div class="col-md-9">            
              <textarea type="text" class="form-control" id="return_policy" placeholder="Enter Return Policy" name="return_policy" onchange="get_my_hindi_text(this.value,this);" data-rule-required="true" data-msg-required="Enter Product Return Policy"  >{{ $product->policy }}</textarea>
              @if ($errors->has('return_policy'))
                  <span for="return_policy" class="error_validate">{{ $errors->first('return_policy') }}</span>
              @endif
          </div>
        </div>

         <div class="row">
          <div class="col-md-3">
            <label for="lecture_name_en">Youtube Video URL</label>
          </div>
          <div class="col-md-9">            
            <input type="text" class="form-control"  value="{{ $product->you_tube_link }}"   id="you_tube_link" placeholder="Enter Product Previous Pricee" name="you_tube_link">
          </div>
        </div>

         <div class="row">
          <div class="col-md-3">
            <label for="lecture_name_en">Skin Type</label>
          </div>
          <div class="col-md-9">            
            <input type="text" class="form-control" value="{{ $product->skin_type }}" id="skin_type" placeholder="Enter Skin Type" name="skin_type" >
          </div>
        </div>


         <div class="row" >
          <div class="col-md-3">
            <label for="lecture_name_en">Skin Problem<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-9">            
            <input type="text" class="form-control" value="{{ $product->skin_problem }}" id="skin_problem" placeholder="Enter Skin Problem" name="skin_problem"  data-rule-required="true" data-msg-required="Please Enter Skin Problem">
          </div>
        </div>

        

        <input type="hidden" name="edit_hidden_id" id="edit_hidden_id" value="{{ $galleries_count  }}">
    
        <div class="row" id="lecture_data">
            <div class="col-md-3">
                <label for="pstatus">Feture Image</label>
            </div>
            
            <div class="col-md-9 clone-browse" id="attribute_section_add_main">
                            @foreach($galleries as $value)
                <div class="row" id="attribute_section_add">
                    <div class="col-md-8 ">
                        <div for="feture_image">
                            <div class=" browse-file-section">
                                <input type="file" name="feture_image_{{ $count }}" id="feture_image_{{ $count }}" class="file feture_image" style="visibility: hidden;position: absolute;">
                                <div class="input-group">
                                    <input type="text" value="{{  $value->photo }}" class="form-control" disabled placeholder="Upload Image" >
                                    <span class="input-group-btn">
                                        <button class="browse btn btn-primary input-lg" type="button"><i class="fa fa-upload" aria-hidden="true"></i> Browse</button>
                                    </span>
                                </div>
                                <span for="feture_image" class="error_validate"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-right">
                            <a href="javascript:void(0);" class="btn btn-primary btn-green" title="Add" onclick="attribute_cloning_add();">
                                <i class="fa fa-plus"></i>
                            </a>
                            <a  href="javascript:void(0);" id="attribute_cloning" class="btn btn-primary btn-red" title="Remove" onclick="remove_current_div_venues($(this),'{{  $value->id }}');">
                                <i class="fa fa-minus"></i>
                            </a>
                        </div>
                    </div>
                </div>
                
              @endforeach
            </div>
        </div>
         <div class="row">
                <div class="col-md-3">
                    <label for="news_image">Product Image</label>
                </div>
                <div class="col-md-9 browse-file-section">
                    <input type="file" name="product_image" id="product_image" class="file" style="visibility: hidden;position: absolute;">
                    <div class="input-group">
                      <input type="text" value="{{ $product->photo }}" class="form-control" disabled placeholder="Upload Image" >
                      <span class="input-group-btn">
                        <button class="browse btn btn-primary input-lg" type="button"><i class="fa fa-upload" aria-hidden="true"></i> Browse</button>
                      </span>
                    </div>
                    <span for="product_image" class="error_validate"></span>
                    @if ($errors->has('product_image'))
                      <span for="brand_image" class="error_validate">{{ $errors->first('brand_image') }}</span>
                    @endif
                </div>
            </div>
 

        

            <div class="row">
                <div class="col-md-3">
                    <label for="news_image">New arrivals</label>
                </div>
                <div class="col-md-9">
                    <div class="radio-type">
                        <div class="radio">
                            <label>
                                <input type="radio" checked name="new_arrivals" value="yes" >
                                <span class="cr"><i class="cr-icon fa fa-circle"></i></span>
                                Yes
                            </label>
                        </div>
                        <div class="radio">
                            <label>
                                <input type="radio" checked name="new_arrivals" value="no" >
                                <span class="cr"><i class="cr-icon fa fa-circle"></i></span>
                                No
                            </label>
                        </div>
                    </div>
                </div>
            </div>

    

         <div class="row">
            <div class="col-md-3">
            <label for="product_status">Status<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-9">
            <div class="select-box">
              <select class="select2" name="product_status" id="product_status" data-rule-required="true" data-msg-required="Please select Brand status">
                <option value="" selected>Select Brand Status</option>
                <option value=1  @if($product->status == 1) selected @endif>Active</option>
                <option value=2  @if($product->status == 2) selected @endif >Inactive</option>
              </select>
               <span for="product_status" class="error_validate"></span>
            </div>
          </div>
        </div>

        <div class="row">
            <div class="col-md-3">
            <label for="product_status">Force Offer Status<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-9">
            <div class="select-box">
              <select class="select2" name="force_offer_status" id="force_offer_status" data-rule-required="true" data-msg-required="Please select front status">
                <option value="">Select </option>
                <option value="active" @if($product->force_offer_status == 'active') selected @endif>Active</option>
                <option value="inactive" @if($product->force_offer_status == 'inactive') selected @endif>Inactive</option>
              </select>
               <span for="force_offer_status" class="error_validate"></span>
            </div>
          </div>
        </div>

    
        <div class="row">
          <div class="col-md-9 offset-md-3">
            <div class="text-center form-btn">
              <button class="common-btn active" id="page_sub_btn">Update</button>
              <a href="{{ url('product-list') }}" class="common-btn">Cancel</a>
             </div>
          </div>
        </div>
      </form>
      </div>
    </div> <!-- container fluid -->
  </main>
  <!-- page-content" -->
</div>
<!-- page-wrapper -->

<script src="https://cdn.ckeditor.com/4.11.3/standard/ckeditor.js"></script>
<script src="{{ url('/public/admin_assets/developer_validate/jquery.validate.min.js')}}"></script>
<script src="{{ url('/public/admin_assets/developer_validate/custom_validate.js')}}"></script>
<script type="text/javascript">
    $('#add_brand').validate({
    //    ignore: [],
        onfocusout: function(element) {
        this.element(element);
        },
        errorClass: 'error_validate',
        errorElement:'span',
        highlight: function(element, errorClass) {
        $(element).removeClass(errorClass);

        },
        submitHandler:function(form)
        {
    
       $('#page_sub_btn').prop("disabled", true);
         form.submit();
        }
    });
 
  $(document).on('click', '.browse', function(){
    var file = $(this).parent().parent().parent().find('.file');
    file.trigger('click');
  });
  $(document).on('change', '.file', function(){
    $(this).parent().find('.form-control').val($(this).val().replace(/C:\\fakepath\\/i, ''));
  });
  
 
    $(function() {
      
        CKEDITOR.replace( 'product_description' );
        CKEDITOR.replace( 'return_policy' );
        
    
    });

  

 
 var countval = $('#edit_hidden_id').val();
 function attribute_cloning_add(){

   var new_count = countval++;

    var iteration_count = $('#edit_hidden_id').val();

   var clone_count = (parseInt(iteration_count) + parseInt(1));

   $("#edit_hidden_id").val(clone_count); 

   $clone1 = $("#attribute_section_add").clone();

   $clone1.attr('id','attribute_section_add'+clone_count);

   $clone1.find(".feture_image").attr('id','feture_image_'+clone_count);
   $clone1.find(".feture_image").attr('name','feture_image_'+clone_count);

   $('#attribute_section_add_main').append($clone1);

 }

 function remove_current_div_venues(obj,value){
    var parent_id = obj.parent().parent().attr('id');
    if(parent_id == 'attribute_section_add'){
        alert("cannot remove it");
    } 
    else {
     
       obj.parent().parent().parent().remove();

        $.ajax({
                  type:'get',
                  url:'{{url("ajax-remove-image")}}',
                  data:{'image_id':value },
                  success:function(data){
                    
                  }
            }); 
    }      
}

function meta_teg(){

}
</script>
<script>
    var selectCheck = document.getElementById("special_type_org");
    var getCheck;
    selectCheck.addEventListener("click", function(e){
        getCheck = selectCheck.checked;
        if( getCheck == true){
            document.getElementById("hide_meta_teg").style.display = "flex";
        }  
        else{
            document.getElementById("hide_meta_teg").style.display = "none";
        }  
    });

     $(function(){

      $('.test').fSelect();

    });
</script>
@endsection

<!-- Footer -->