@extends('layouts.admin')
@section('page_title')
@parent
افزودن محصول جدید
@endsection
@section('head-js')
<script src="/assets/plugins/ckeditor/ckeditor.js"></script>
<link type="text/css" href="/assets/plugins/persiandatepicker/persian-datepicker.min.css" rel="stylesheet" />
<script type="text/javascript">
  $(document).ready(function() {

    $('.expiredate').persianDatepicker({
        inline: true,
        altField: '#expireAlt',
        initialValue: true,
        responsive:true,
        initialValueType: 'persian',
        toolbox:{
            calendarSwitch:{
                enabled: true
            }
        },
        navigator:{
            scroll:{
                enabled: false
            }
        },
        minDate: $.now(),
    });


  });
</script>
<style>
.select2-container{
  z-index: 10 !important;
}
.datepicker-plot-area{
  direction: ltr;
  text-align: center;
}
.datepicker-plot-area span{
  text-align: center;
}
.datepicker-plot-area div{
  text-align: center;
}
input#tagsinput {
    font-family: tahoma !important;
    min-height: 46px;
}
#tag-select p{
  cursor: pointer;
}
</style>
@stop
@section('main')
  <div class="header">
    <h2>افزودن محصول جدید</h2>
    <div class="breadcrumb-wrapper">
      <ol class="breadcrumb">
        <li><a href="/admin/dashboard">پیشخوان</a></li>
        <li><a href="/admin/products">همه محصولات</a></li>
        <li class="active">افزودن محصول جدید</li>
      </ol>
    </div>
    @include('admin.error')
  </div>
    {!! Form::open(['url' => '/admin/products/addhandle', 'method' => 'post' ,'enctype'=>'multipart/form-data' , 'id' => 'productform']) !!}
        <div class="row">
            <div class="col-sm-8">
                <div class="panel">
                    <div class="panel-content">
                      <div class="row">
                        <div class="col-sm-6">
                          <div class="form-group">
                            <label style="font-size:16px;" for="title">عنوان فارسی *</label>
                            <input type="text" class="form-control input-sm" name="title" value="{{old('title')}}" required>
                          </div>
                        </div>
                        <div class="col-sm-6">
                          <div class="form-group">
                            <label style="font-size:16px;" for="slug">عنوان انگلیسی *</label>
                            <input type="text" class="form-control input-sm"  name="subtitle" value="{{old('subtitle')}}" required>
                          </div>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-sm-12">
                          <div class="form-group">
                            <label style="font-size:16px;" for="slug">نامک *</label>
                            <input type="text" class="form-control input-sm"  name="slug" value="{{old('slug')}}" required>
                          </div>
                        </div>
                      </div>
                          <div class="form-group">
                            <label style="font-size:16px;" for="descr" >توضیحات کوتاه *</label>
                              <div id="fdescr">
                                <textarea class="form-control" name="descr" id="descr" required>{{old('descr')}}</textarea>
                                <script>CKEDITOR.replace('descr',{
                                   language: 'fa',
                                   removePlugins: 'toolbar'
                                } );
                                </script>
                              </div>
                          </div>
                    </div>

                </div>
                <div class="panel">
                  <div class="panel-header bg-blue">
                    <h5>توضیحات محصول</h5>
                  </div>
                  <div class="panel-content">
                    <div class="row">
                      <div class="col-md-12">
                        <div class="panel-group panel-accordion dark-accordion" id="accordion">
                            
                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="" data-toggle="collapse" data-parent="#accordion" href="#features1">
                                ویژگی محصولات
                                </a>
                              </h4>
                            </div>
                            <div id="features1" class="panel-collapse collapse in">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="features">ویژگی محصولات</label>
                                    <div>
                                        <textarea class="form-control" id="features" name="features" required>{{old('features')}}</textarea>
                                        <script>CKEDITOR.replace('features',{
                                              language: 'fa',
                                              filebrowserUploadUrl : '/admin/ckeditor/upload-image',
                                              filebrowserImageUploadUrl :  '/admin/ckeditor/upload-image'
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#howtouse1">
                                روش مصرف
                                </a>
                              </h4>
                            </div>
                            <div id="howtouse1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="howtouse">روش مصرف <label>
                                    <div>
                                        <textarea class="form-control" id="howtouse" name="howtouse" required>{{old('howtouse')}}</textarea>
                                        <script>CKEDITOR.replace('howtouse',{
                                              language: 'fa',
                                              filebrowserUploadUrl : '/admin/ckeditor/upload-image',
                                              filebrowserImageUploadUrl :  '/admin/ckeditor/upload-image'
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>                          

                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#indications1">
                                موارد مصرف
                                </a>
                              </h4>
                            </div>
                            <div id="indications1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="indications">موارد مصرف <label>
                                    <div>
                                        <textarea class="form-control" id="indications" name="indications" required>{{old('indications')}}</textarea>
                                        <script>CKEDITOR.replace('indications',{
                                              language: 'fa',
                                              filebrowserUploadUrl : '/admin/ckeditor/upload-image',
                                              filebrowserImageUploadUrl :  '/admin/ckeditor/upload-image'
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>

                           <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#alert1">
                                هشدار مصرف
                                </a>
                              </h4>
                            </div>
                            <div id="alert1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="alert">هشدار مصرف<label>
                                    <div>
                                        <textarea class="form-control" id="alert" name="alert" required>{{old('alert')}}</textarea>
                                        <script>CKEDITOR.replace('alert',{
                                              language: 'fa',
                                              filebrowserUploadUrl : '/admin/ckeditor/upload-image',
                                              filebrowserImageUploadUrl :  '/admin/ckeditor/upload-image'
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>

                           <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#conditions1">
                                شرایط نگهداری
                                </a>
                              </h4>
                            </div>
                            <div id="conditions1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="conditions">شرایط نگهداری</label>
                                    <div>
                                        <textarea class="form-control" id="conditions" name="conditions" required>{{old('conditions')}}</textarea>
                                        <script>CKEDITOR.replace('conditions',{
                                              language: 'fa',
                                              filebrowserUploadUrl : '/admin/ckeditor/upload-image',
                                              filebrowserImageUploadUrl :  '/admin/ckeditor/upload-image'
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse1">
                                توضیحات محصول
                                </a>
                              </h4>
                            </div>
                            <div id="collapse1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="body">توضیحات محصول *</label>
                                    <div>
                                        <textarea class="form-control" id="body" name="body" required>{{old('body')}}</textarea>
                                        <script>CKEDITOR.replace('body',{
                                              language: 'fa',
                                              filebrowserUploadUrl : '/admin/ckeditor/upload-image',
                                              filebrowserImageUploadUrl :  '/admin/ckeditor/upload-image'
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#combinations1">
                                ترکیبات
                                </a>
                              </h4>
                            </div>
                            <div id="combinations1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="combinations">ترکیبات</label>
                                    <div>
                                        <textarea class="form-control" id="combinations" name="combinations">{{old('combinations')}}</textarea>
                                        <script>CKEDITOR.replace('combinations',{
                                              language: 'fa',
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h4>
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#sps1">
                                مشخصات کلی محصول
                                </a>
                              </h4>
                            </div>
                            <div id="sps1" class="panel-collapse collapse">
                              <div class="panel-body">
                                <div class="form-group">
                                    <label style="font-size:16px;" for="sps">مشخصات کلی محصول</label>
                                    <div>
                                        <textarea class="form-control" id="sps" name="sps">{{old('sps')}}</textarea>
                                        <script>CKEDITOR.replace('sps',{
                                              language: 'fa',
                                              });
                                        </script>
                                    </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="panel">
                  <div class="panel-header bg-blue">
                    <h5>توضیحات سئو</h5>
                  </div>
                  <div class="panel-content">
                    <div class="row">
                        <div class="col-md-12">
                          <div class="form-group">
                            <h5>عنوان متا</h5>
                            <input type="text" name="metatitle" class="form-control input-sm" value="{{old('metatitle')}}">
                          </div>
                          <div class="form-group">
                            <h5>متا توضیحات</h5>
                            <textarea class="form-control" name="metadescr">{{old('metadescr')}}</textarea>
                          </div>
                        </div>
                    </div>
                  </div>
                </div>
                <div class="panel">
                  <div class="panel-header bg-blue">
                    <h5>اطلاعات محصول</h5>
                  </div>
                  <div class="panel-content">
                    <div class="row">
                        <div class="col-md-6">
                          <div class="form-group">
                            <h5>قیمت (تومان)</h5>
                            <input type="text" name="price" class="form-control input-sm" value="{{old('price')}}">
                          </div>
                          <div class="form-group">
                            <h5>قیمت فروش ویژه (تومان)</h5>
                            <input type="text" name="salesprice" class="form-control input-sm" value="{{old('salesprice')}}">
                          </div>
                          <div class="form-group">
                            <h5>موجودی فروش ویژه</h5>
                            <input type="text" name="sales_ava" class="form-control input-sm" value="{{old('sales_ava')}}">
                          </div>
                          <div class="form-group">
                              <label onclick="avacheck()"><input type="checkbox" value="1" id="avacheck"  name="avacheck" @if(old('avacheck') == 1) checked @endif> تعریف موجودی </label>
                              <input type="text" style="display:none;" name="ava" id="ava" class="form-control input-sm" placeholder="تعداد موجودی را وارد کنید">
                          </div>
                        </div>
                        <div class="col-md-6">
                          <div class="form-group">
                            <h5>تعداد در جعبه</h5>
                            <input type="text" name="box" class="form-control input-sm" value="{{old('box')}}">
                          </div>
                          <div class="form-group">
                            <h5>محدودیت در تعداد فروش</h5>
                            <input type="text" name="saleslimit" value="{{old('saleslimit')}}" class="form-control input-sm">
                          </div>
                          <div class="form-group">
                            <label><input type="checkbox" value="1" id="closesale"  name="closesale" @if(old('closesale')) checked @endif> بستن به روز رسانی آریا </label>
                          </div>    
                          <div class="form-group">
                            <label><input type="checkbox" value="1" id="shutsales"  name="shutsales" @if(old('shutsales')) checked @endif> بستن فروش </label>
                          </div>                          
                        </div>
                    </div>
                  </div>
                </div>
                <div class="panel">
                  <div class="panel-header bg-blue">
                    <h5>بارگذاری تصاویر گالری</h5>
                  </div>
                  <div class="panel-content" style="min-height: 150px;">
                    <div class="col-md-12 addimgs">
                       <input type="file" class="form-control uploadimgs" name="gallery[]" onchange="addimg(0)" id="f-0" data-id="0">
                       <label class="btn btn-lg" style="cursor:pointer" for="file">افزودن تصویر</label>
                       <div class="clear-both"></div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 img-previews">
                          <div class="img-box">
                            <img class="img-responsive gal" width="170" id="img-0">
                            <div class="fa fa-times-circle del" id="del-0" onclick="delimg(0)"></div>
                          </div>
                        </div>
                    </div>
                  </div>
                </div>
                <button type="submit" class="btn btn-primary">انتشار محصول</button>
            </div>

            <div class="col-sm-4">

                <div class="panel panel-default">
                  <div class="panel-heading bg-blue" >وضعیت محصول</div>
                  <div class="panel-body">
                        <div class="form-group">
                          <label for="status">وضعیت محصول را انتخاب کنید</label>
                          <select class="form-control input-sm" id="status" name="status">
                            <option value="1" selected>منتشر شده</option>
                            <option value="0">پیش نویس</option>
                          </select>
                        </div>

                  </div>
                </div>

                <div class="panel" id="product-panel">
                    <div class="panel-heading bg-blue" >مشخصه های محصول</div>
                    <div class="panel-content">
                        <div class="row">
                          <div class="col-sm-12">
                                <div class="form-group">
                                    <label for="code">کد محصول *</label>
                                    <input type="text" class="form-control input-sm" value="{{old('code')}}" name="code" required>
                                </div>
                            <div class="form-group">
                                <label for="barcode">بارکد محصول *</label>
                                <input type="text" class="form-control input-sm" value="{{old('barcode')}}" name="barcode">
                            </div>
                            <div class="form-group" style="margin-top:10px;">
                                <label> <input type="checkbox" class="js-switch" name="pack" value="1" data-color-on="blue"/>   محصول پکی</label>
                            </div> 
                            
                                <div class="form-group">
                                    <label for="weight">وزن به گرم </label>
                                    <input type="number" min="0" class="form-control input-sm" value="{{old('weight')}}" name="weight">
                                    <p>وزن کالا به گرم وارد نمائید</p>
                                </div>
                                <div class="form-group">
                                    <label>تاریخ انقضا</label>
                                    <select name="expire" class="form-control">
                                        <option value=" ">انتخاب کنید</option>
                                        @foreach($expire as $ex)
                                        <option value="{{$ex}}">{{$ex}}</option>
                                        @endforeach
                                    </select>
                                </div>                                
                                <!-- <div class="form-group">
                                    <label><input type="checkbox" value="1" name="variable" @if(old('variable') == 1) checked @endif>محصول متغییر</label>
                                </div> -->
                          <div class="form-group">
                            <label><input type="checkbox" value="1" id="seo"  name="seo" @if(old('seo')) checked @endif> سئو </label>
                          </div>   
                          </div>

                        </div>
                    </div>
                </div>
                <div class="panel">
                    <div class="panel-heading bg-blue" >دیجی کالا</div>
                    <div class="panel-content">
                        <div class="row">
                          <div class="col-sm-12">

                              <div class="form-group">
                                  <label for="barcode">کدمحصول در دیجی کالا </label>
                                  <input type="text" class="form-control input-sm" value="{{old('dgk_code')}}" name="dgk_code">
                              </div>
                            <div class="form-group" style="margin-top:10px;">
                                <label> <input type="checkbox" class="js-switch" name="dgk_status" value="1" data-color-on="blue"/>   وضعیت دیجیکالا</label>
                            </div> 
                            
                                <!-- <div class="form-group">
                                    <label><input type="checkbox" value="1" name="variable" @if(old('variable') == 1) checked @endif>محصول متغییر</label>
                                </div> -->
                                <hr>
                                <div class="form-group" style="margin-top:10px;">
                                    <label> <input type="checkbox" class="js-switch" name="snappshop" value="1" data-color-on="blue"/>   وضعیت اسنپ شاپ</label>
                                </div> 
                         <div class="form-group" style="margin-top:10px;">
                                <label> <input type="checkbox" class="js-switch" name="tapsishop" value="1" data-color-on="blue"/>   وضعیت تپسی شاپ</label>
                            </div>  
                          </div>

                        </div>
                    </div>
                </div>
                @if(kv('club_active'))
                <div class="panel">
                    <div class="panel-heading bg-dark" >باشگاه مشتریان</div>
                    <div class="panel-content">
                        <div class="row">
                          <div class="col-sm-12">

                              <div class="form-group">
                                  <label for="barcode">امتیاز خرید کالا </label>
                                  <input type="number" class="form-control input-sm" min="0" value="{{old('credit')}}" name="credit">
                              </div>

                          </div>

                        </div>
                    </div>
                </div>
                @endif
                <div class="panel panel-default">
                  <div class="panel-heading bg-blue" >دسته بندی ها</div>
                  <div class="panel-body">
                    <section class="section sec-w">
                    @if(count($cato)>0)
                      <select name="cats[]" class="form-control" multiple>
                        <option value="">--انتخاب کنید --</option>
                        @foreach($cato as $cat)
                          <option value="{{$cat->id}}">{{$cat->title}}</option>
                          @if(count($cat->childs))
                            @include('admin.products.catagain',['childs' => $cat->childs])
                          @endif
                        @endforeach
                      </select>
                    @else
                        <p style="color=#fff; padding:20px 0; text-align:center; font-size:14px; ">هیچ دسته موضوع تعریف نشده است <br> برای تعریف دسته بندی به <a href="/admin/products/category" target="_blank">این لینک</a> مراجعه کنید</p>
                    @endif
                    </section>

                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading bg-blue" >برندها</div>
                  <div class="panel-body">
                    <section class="section sec-w">
                      <select name="brand" class="form-control">
                        <option value="">--انتخاب کنید --</option>
                        @foreach($brands as $brand)
                          <option value="{{$brand->id}}">{{$brand->title}}</option>
                        @endforeach
                      </select>
                    </section>

                  </div>
                </div>
                <div class="panel panel-default">
                  <div class="panel-heading bg-blue" >برچسب</div>
                  <div class="panel-body">
                    <section class="section sec-w">
                      <input type="text" id="tagsearch" autocomplete="off" class="form-control" placeholder="برچسب جستجو کنید">
                      <div id="tag-select">
                      </div>
                      <hr>
                      <div class="form-group">
                          <input type="text" class="form-control" placeholder="برچسب را بنویسید میتوانید با , هم جدا کنید" id="tagsinput" style="border-left:0;border-radius: 0 3px 3px 0;float: right;width: 80%;">
                          <div class="btn btn-danger" role="button" tabindex="0" id="tagbtn" style=" padding: 7px; border-radius: 3px 0 0 3px; border-top: 2px solid #aaa;border-bottom: 2px solid #aaa;border-left: 2px solid #aaa;height: 46px;">افزودن</div>
                      </div>
                      <br><br>
                      <div class="submitted-tags">
                      </div>
                      <div class="tagsformdata">
                      </div>
                    </section>
                  </div>
                </div>

              <div class="panel panel-default">
                  <div class="panel-header bg-blue">
                    <h5>بارگذاری تصویر شاخص</h5>
                  </div>
                  <div class="panel-body">
                      <div id="image-preview" style="  width: 100%; height: auto; position: relative; overflow: hidden; background-color: inherit; color: inherit; margin: 0 auto;">
              <img src="/no-image.jpg" class="default-user-pic img-responsive" style=" width: 100%; height: auto;" id="blah" alt="your image" width="100" height="100" align="middle">
            </div>

              <div class="input-group">

                      <label class="input-group-btn">
                          <span class="btn btn-primary" style="border-radius:0; width:100%; display: table; text-align: center; font-family: yekan;">
                              بارگذاری <input type="file" style="display: none;" multiple  onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])" name="upload">
                          </span>
                      </label>
                  </div>
                  <div class="form-group">
                    <label><input type="checkbox" name="watermark" value="1"> واترمارک</label>
                  </div>
                  </div>
              </div>
            </div>

        </div>
        {!! Form::close() !!}
</div>
@endsection
@section('js')
<script src="/assets/plugins/select2/select2.full.min.js"></script>
<script src="/assets/plugins/persiandatepicker/persian-date.min.js"></script>
<script src="/assets/plugins/persiandatepicker/persian-datepicker.min.js"></script>
<script type="text/javascript">
    function addimg(put){
        var b = $('#f-'+put).attr('data-id');
        var c = parseInt(b);
        $('#f-'+put).hide();
        $('#del-'+put).css({'visibility':'visible'});
        $('#img-'+put).css({'visibility':'visible'});
        if ($('#f-'+put)[0].files && $('#f-'+put)[0].files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#img-'+put).attr('src', e.target.result);
            }
            reader.readAsDataURL($('#f-'+put)[0].files[0]);
        }
        c++;
        $('.img-previews').append('<div class="img-box"><img class="img-responsive gal" width="170px" id="img-'+c+'"><div class="fa fa-times-circle del" id="del-'+c+'" onclick="delimg('+c+')"></div></div>');
        $('.addimgs').append('<input type="file" class="form-control uploadimgs" name="gallery[]" onchange="addimg('+c+')" id="f-'+c+'" data-id="'+c+'"> ');
    }
    function delimg(put){
    $('#del-'+put).remove();
    $('#img-'+put).remove();
    $('#f-'+put).remove();
    }

    function avacheck(){
      ava = $('#avacheck:checkbox:checked').val();
      if(ava == 1){
        $('#ava').fadeIn();
        $('#ava').prop('required',true);
      }else{
        $('#ava').fadeOut();
        $('#ava').prop('required',false);
      }
    }
</script>
<script>

  $('#tagsearch').keyup(function(){
  var input = $(this).val();
  var timeout = null;
  if(input.length >= 3){

    $.ajax({
    url : '/admin/ajax/tagsearch',
    method : 'get',
    data : {search : input },
    dataType : 'json',
    success : function(data){
      $('#tag-select').html('');
      $.each(data.tags,function(i,data){
        $('#tag-select').append('<p id="result-'+data.id+'" onclick="addtagss('+data.id+')" value="'+data.id+'">'+data.title+'</p>');
      });

    },
    error : function(data){}
  });
  }
});
</script>
<script>

  $(document).ready(function(){
      tagcont = 0;
      $('#tagbtn').on('click',function(){
          tag = $('#tagsinput').val().split(",");
          if(tag == ''){
            alert('لطفا برچسبی وارد کنید');
          }else{
            $.each(tag,function(i){
              $('.tagsformdata').append('<input type="hidden" name="tags[]" id="tagdata-'+tagcont+'" value="'+tag[i]+'">');
              $('.submitted-tags').append('<div style="float:right; padding:4px;"><div class="label label-success" style="background: #eee; color:#444;" id="taglabel-'+tagcont+'">'+tag[i]+'<i class="fa fa-times" style="color:red; cursor:pointer;" onclick="removetag('+tagcont+')"> </i></div></div>');
              $('#tagsinput').val('');
              tagcont++;
            });

          }
      });
  });
  function addtagss(id){
    value = $('#result-'+id).attr('value');
    text = $('#result-'+id).text();
    $('#tagsearch').val('');
    $('#result-'+id).remove();
    if(value != '' || text != ''){
      $('.tagsformdata').append('<input type="hidden" name="tags[]" id="tagdata-'+tagcont+'" value="'+text+'">');
      $('.submitted-tags').append('<div style="float:right; padding:4px;"><div class="label label-success" style="background: #eee; color:#444;" id="taglabel-'+tagcont+'">'+text+'<i class="fa fa-times" style="color:red; cursor:pointer;" onclick="removetag('+tagcont+')"> </i></div></div>');
      $('#tagsinput').val('');
      tagcont++;
    }
  }
function removetag(id){
  $('#tagdata-'+id).remove();
  $('#taglabel-'+id).remove();
}
</script>
@endsection