@include('common/header')

                <!-- // END Header -->

                <div class="container-fluid page__container page-section pb-0">
                    <h1 class="h2 mb-0">Product</h1>
                </div>

                <div class="row mb-32pt">
                    <div class="container-fluid page__container page-section">
                
                
                    
                    

                            @if(Session::has('msg'))
                            <p class="alert alert-success">{{ Session::get('msg')}}</p>
                            @endif



                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif


                            <form method="POST" enctype="multipart/form-data" action="{{ url('/storeproduct') }}"><br>
                            @csrf
                            
                            <input type="hidden" id="idhf" name="idhf" value="0" />
                            

                            <div class="form-row">
                                <div class="col-12 col-md-12 mb-3">
                                <label class="form-label" for="productname">Product Name</label>
                                <input type="text" id="productname" name="productname" class="form-control" value=""  placeholder="Your productname ...">
                                <span class="text-danger"></span>
                            </div>
                        </div> 

                        <div class="form-row">
                            <div class="col-12 col-md-6 mb-3">
                                <label class="form-label" for="pricemrp">MRP Price</label>
                                <input type="text" id="pricemrp" name="pricemrp" class="form-control" value=""  placeholder="Your Price MRP...">
                                <span class="text-danger"></span>
                            </div>
                            
                                <div class="col-12 col-md-6 mb-3">
                                <label class="form-label" for="pricesale">Sale Price</label>
                                <input type="text" id="pricesale" name="pricesale" class="form-control" value=""  placeholder="Your Product Price Sale ...">
                                <span class="text-danger"></span>
                            </div>
                                </div>

                            <div class="form-row">
                                <div class="col-12 col-md-6 mb-3">
                                <label class="form-label" for="quantity">Quantity</label>
                                <input type="text" id="quantity" name="quantity" class="form-control" value=""  placeholder="Your quantity ...">
                                <span class="text-danger"></span>
                                </div>

                                         
                                        

                                <div class="col-12 col-md-6 mb-3">
                                    <label class="form-label" for="categoryid">Category Name</label>
                                        <select id="parent" name="categoryid" class="form-control" required="">
                                        <option value="0" @if(!empty($data->categoryid)) @if($data->categoryid=='0') selected @endif @endif>None</option>
                                        @foreach($catg as $row)
                                        <option value="{{$row->id}}" @if(!empty($data->categoryid)) @if($data->categoryid==$row->id) selected @endif @endif>{{$row->categoryname}}</option>
                                        @endforeach
                                        <span class="text-danger"></span>
                                        </select>
                                </div>
                            </div>
                            <div class="col-12 col-md-12 mb-3">
                                <label class="form-label" for="serviceid">Sevice Name</label>
                                    <select id="parent" name="serviceid" class="form-control" required="">
                                    <option value="0" @if(!empty($data->serviceid)) @if($data->serviceid=='0') selected @endif @endif>None</option>
                                    @foreach($service as $row)
                                    <option value="{{$row->id}}" @if(!empty($data->serviceid)) @if($data->serviceid==$row->id) selected @endif @endif>{{$row->title}}</option>
                                    @endforeach
                                    <span class="text-danger"></span>
                                    </select>
                            </div>
                            
                        <div class="form-row">
                            <div class="col-12 col-md-6 mb-3">
                                <label class="form-label" for="image1">Product Image 1</label>
                                @if(!empty($data->image1))
                                    <img src="{{ asset($data->image1) }}" width="50" height="50" alt="" >
                               @endif
                                <input type="file" id="image1" name="image1" value="" class="form-control">
                                <span class="text-danger"></span>
                            </div>
                            <div class="col-12 col-md-6 mb-3">
                                <label class="form-label" for="image2">Product Image 2</label>
                                @if(!empty($data->image2))
                                    <img src="{{ asset($data->image2) }}" width="50" height="50" alt="" >
                               @endif
                                <input type="file" id="image2" name="image2" value="" class="form-control">
                                <span class="text-danger"></span>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="col-12 col-md-6 mb-3">
                                <label class="form-label" for="image3">Product Image 3</label>
                                @if(!empty($data->image3))
                                    <img src="{{ asset($data->image3) }}" width="50" height="50" alt="" >
                               @endif
                                <input type="file" id="image3" name="image3" value="" class="form-control">
                                <span class="text-danger"></span>
                            </div>
                            <div class="col-12 col-md-6 mb-3">
                                <label class="form-label" for="producttype">Product Type</label>
                                    <select id="producttype" name="producttype" class="form-control" required="">
                                    <option value="1" @if(!empty($data->producttype))@if($data->producttype=='1') selected @endif @endif>Product</option>
                                    <option value="2" @if(!empty($data->producttype))@if($data->producttype=='2') selected @endif @endif>Service</option>
                                    <span class="text-danger"></span>
                                    </select>
                            </div>
                        </div>
                         @if(!empty($attr))    <!-- not empty condition dilen jodi keu pore variation add korte chay-->
                        @php
                        $i=1;
                        @endphp
                        @foreach($attr as $attr)
                        <div class="form-row">
                                <div class="col-12 col-md-4 mb-3">
                                    <label class="form-label" for="attributeid">Attribute Name</label>
                                        <select id="attribute" name="attributeid[]" onchange="getattributevalue(this.value,{{$i}});" class="form-control" >
                                        <option value="0" @if(!empty($data->attributeid)) @if($data->attributeid=='0') selected @endif @endif>None</option>
                                        @foreach($attribute as $row)
                                        <option value="{{$row->id}}" @if(!empty($data->attributeid)) @if($data->attributeid==$attr['attributemasterid']) selected @endif @endif>{{$row->title}}</option>
                                        @endforeach
                                       
                                        </select>
                                </div>  

                                <div class="col-12 col-md-4 mb-3">
                                    <label class="form-label" for="valueid">Attribute Value</label>
                                        <select id="valueid1"  name="valueid[]" class="form-control" >
                                       
                                      
                                        </select>
                                </div>
                                @if($i==1)
                                <div class="col-12 col-md-2 mb-3">
                        <a class="btn btn-theme btn-primary mr-2 mt-4" onclick="addattribute();">
                            <span class="d-flex align-items-center">
                                <i class="ft-plus mr-1"></i>
                                <span>Add Attribute</span>
                            </span>
                        </a>
                    </div>
                    @else
                    <div class="col-12 col-md-2 mb-3">
                                   <button class="btn btn-danger mt-4" onclick="removeattr({{$i}})">Remove</button>
                                </div>
                    @endif
                            </div>
                            @endforeach
                            @php
                        $i++;
                        @endphp
                        @else
                        <div class="form-row">
                                <div class="col-12 col-md-4 mb-3">
                                    <label class="form-label" for="attributeid">Attribute Name</label>
                                        <select id="attribute" name="attributeid[]" onchange="getattributevalue(this.value,1);" class="form-control">
                                        <option value="0" @if(!empty($data->attributeid)) @if($data->attributeid=='0') selected @endif @endif>None</option>
                                        @foreach($attribute as $row)
                                        <option value="{{$row->id}}" @if(!empty($data->attributeid)) @if($data->attributeid==$row->id) selected @endif @endif>{{$row->title}}</option>
                                        @endforeach
                                       
                                        </select>
                                </div>  

                                <div class="col-12 col-md-4 mb-3">
                                    <label class="form-label" for="valueid">Attribute Value</label>
                                        <select id="valueid1"  name="valueid[]" class="form-control">
                                       
                                      
                                        </select>
                                </div>
                                <div class="col-12 col-md-2 mb-3">
                                    <label class="form-label" for="vprice">Price Sale</label>
                                        <input type="text" id="vprice"  name="vprice[]" class="form-control">
                                </div>
                              
                                <div class="col-12 col-md-2 mb-3">
                        <a class="btn btn-theme btn-primary mr-2 mt-4" onclick="addattribute();">
                            <span class="d-flex align-items-center">
                                <i class="ft-plus mr-1"></i>
                                <span>Add Attribute</span>
                            </span>
                        </a>
                    </div>
                                </div>
                            @endif
                            <div class="col-sm-12" id="attrdiv"></div>
                            
                            <div class="form-group">
                                <label class="form-label" for="description">Enter Description</label>
                                <textarea name="description" id="editor"  ></textarea>
                                <span class="text-danger"></span>
                            </div>

                            

                            <div class="form-group">
                                <div class="col-12 col-md-1 mb-3">
                                    <input class="form-control"  name="loginId" type="hidden" value=" {{session()->get('loginId')}} ">
                                </div>
                            </div>

                            <div class="form-row">
                                <div class="col-sm-6 form-group">
                                    <div class="form-group">
                                        <div class="controls">
                                        <input type="submit" class="btn btn-block btn-info" value="submit">
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 form-group">
                                <div class="form-group">
                                    <div class="controls">
                                        <a class="btn btn-block btn-danger" href="{{ url('/listproduct') }}">Cancel</a>
                                    </div>
                                </div>
                            </div>
                            </div>
                        </form>
                    </div>
                </div>

                

            </div>
            <!-- // END drawer-layout__content -->

            <!-- drawer -->
            <script>
function getattributevalue(attid,n){
    $.ajax({
  url: "{{url('getattributeid')}}/"+attid,
  context: document.body
}).done(function(result) {
console.log(result);
$('#valueid'+n).html(result);
});
}
var tr=1;
function addattribute(){
    tr++;
   var html=` <div class="row" id="attrow`+tr+`">
                                <div class="col-12 col-md-4 mb-3">
                                    <label class="form-label" for="attributeid">Attribute Name</label>
                                        <select id="attribute" name="attributeid[]" onchange="getattributevalue(this.value,`+tr+`);" class="form-control" >
                                        <option value="0" @if(!empty($data->attributeid)) @if($data->attributeid=='0') selected @endif @endif>None</option>
                                        @foreach($attribute as $row)
                                        <option value="{{$row->id}}" @if(!empty($data->attributeid)) @if($data->attributeid==$row->id) selected @endif @endif>{{$row->title}}</option>
                                        @endforeach
                                       
                                        </select>
                                </div>  

                                <div class="col-12 col-md-4 mb-3">
                                    <label class="form-label" for="valueid">Attribute Value</label>
                                        <select id="valueid`+tr+`"  name="valueid[]" class="form-control" >
                                       
                                      
                                        </select>
                                </div>
                                <div class="col-12 col-md-2 mb-3">
                                    <label class="form-label" for="vprice">Price Sale</label>
                                        <input type="text" id="vprice`+tr+`"  name="vprice[]" class="form-control" >
                                </div>
                                <div class="col-12 col-md-2 mb-3">
                                   <button class="btn btn-danger mt-4" onclick="removeattr(`+tr+`)">Remove</button>
                                </div>
                            </div>`; 

                            $('#attrdiv').append(html);   
}
function removeattr(rid){
    tr--;
    $('#attrow'+rid).remove();   
}

            </script>
            @include('common/footer')