@if($customFields)
    <h5 class="col-12 pb-4">{!! trans('lang.main_fields') !!}</h5>
@endif
<div class="row">
    <div class="col-md-12">
        <div class="form-group row">
            <!-- Name Field -->
            <div class="col-md-6 mt-2">
                <div class="form_label">{!! Form::label('name', trans("lang.cart_product_id").' (EN)') !!}</div>                                    
                {!! Form::text('name', null,  ['class' => 'form-control','placeholder'=> '']) !!}
                <div class="form-text text-muted">
                    {{ trans("lang.product_name_help") }}
                </div>
            </div>
            <div class="col-md-6 mt-2">
                <div class="form_label">{!! Form::label('name', trans("lang.cart_product_id").' (FR)') !!}</div>                                    
                {!! Form::text('name_fr', null,  ['class' => 'form-control','placeholder'=>  '']) !!}
                <div class="form-text text-muted">
                    {{ trans("lang.product_name_help") }}
                </div>
            </div>
            <!-- package_items_count Field -->
          
            
        </div>
        <div class="form-group row">
        <div class="col-md-6 mt-2">
                <div class="form_label">
                    {!! Form::label('package_items_count', trans("lang.product_package_items_count")) !!}
                </div>
                {!! Form::number('package_items_count', null,  ['class' => 'form-control','placeholder'=>  '','step'=>"any", 'min'=>"0"]) !!}
                <div class="form-text text-muted">
                    {{ trans("lang.product_package_items_count_help") }}
                </div>
            </div>  
        <!-- Capacity Field -->
        <div class="col-md-6 mt-2">
                <div class="form_label">
                    {!! Form::label('market_id', trans("lang.product_market_id")) !!}
                </div>  
                {!! Form::select('market_id', $market, null, ['class' => 'select2 form-control']) !!}
                {!! Form::hidden('category_id', 4, null) !!} 
                <div class="form-text text-muted">{{ trans("lang.product_market_id_help") }}</div>
            </div>
      
            <!-- unit Field -->
           
            
        </div>
        <div class="form-group row">
        <div class="col-md-6 mt-2">
                <div class="form_label">{!! Form::label('unit', trans("lang.product_unit")) !!}</div>
                
                {!! Form::select('unit', $units, null, ['class' => 'select2 form-control']) !!}
                <div class="form-text text-muted">
                    {{ trans("lang.product_unit_help") }}
                </div>
            </div> 
            <!-- Market Id Field -->  
           
            <div class="col-md-6 mt-2">
                <div class="form_label">{!! Form::label('capacity', trans("lang.product_capacity")) !!}   <span style="float: right;font-size: 13px;line-height: 32px;color:#6c757d;" id="co2"></span></div>
                {!! Form::number('capacity', null,  ['class' => 'form-control','placeholder'=>  '','step'=>"any", 'min'=>"0"]) !!}   
              
                <div class="form-text text-muted">
                    {{ trans("lang.product_capacity_help") }}
                </div>
            </div>
            <!-- Category Id Field -->
            <!-- <div class="col-md-6 mt-2">
                <div class="form_label">
                    {!! Form::label('category_id', trans("lang.product_category_id")) !!}
                </div> 
                {!! Form::select('category_id', $category, null, ['class' => 'select2 form-control']) !!} 
                <div class="form-text text-muted">{{ trans("lang.product_category_id_help") }}</div>  
            </div> -->
        </div>
        <div class="form-group row">
       
            <!-- Price Field -->
            <div class="col-md-6 mt-2">
                <div class="form_label">
                    {!! Form::label('price', trans("lang.product_price")) !!}
                </div>
                {!! Form::number('price', null,  ['class' => 'form-control','placeholder'=>  '','step'=>"any", 'min'=>"0"]) !!}     
                <div class="form-text text-muted">
                    {{ trans("lang.product_price_help") }}
                </div>
            </div>
            <!-- Discount Price Field --> 
            <div class="col-md-6 mt-2">
                <div class="form_label">
                    {!! Form::label('discount_price', trans("lang.product_discount_price")) !!}
                </div>
                {!! Form::number('discount_price', null,  ['class' => 'form-control','placeholder'=> '','step'=>"any", 'min'=>"0"]) !!}
                <div class="form-text text-muted">
                    {{ trans("lang.product_discount_price_help") }}
                </div>
            </div>
        </div> 
        <div class="form-group row">
            <!-- Image Field --> 
            <div class="col-md-6 mt-2">
                <div class="form_label">
                    {!! Form::label('image', trans("lang.product_image")) !!}
                </div>
                <div style="width: 100%" class="dropzone image" id="image" data-field="image">
                    <input type="hidden" name="image">
                    <input type="hidden" name="image_rotation" id="image_rotation" value="0">
                    @if(isset($product->is_frozen) && $product->is_frozen==1)
                    <img src="/storage/app/public/images/frozen1.png" style="width: 30px;position: absolute;z-index: 999999;left: 114px;top: 50px;">
                    @endif
                </div>
                <button type="button" data-dropzone="image" onclick="rotateImage()" style="margin: 0 10px;" class="btn btn-outline-{{setting('theme_color','primary')}} btn-sm float-right mt-1" ><img style="height: 20px;" src="{{url('/images/rotate.png')}}"></button>
                <!-- <button type="button" data-dropzone="image" onclick="rotateImage()" class="btn btn-outline-{{setting('theme_color','primary')}} btn-sm float-right mt-1">{{ trans('lang.product_rotate')}}</button> -->
                <a href="#loadMediaModal" data-dropzone="image" data-toggle="modal" data-target="#mediaModal" class="btn btn-outline-{{setting('theme_color','primary')}} btn-sm float-right mt-1">{{ trans('lang.media_select')}}</a>
                <div class="form-text text-muted w-50">
                    {{ trans("lang.product_image_help") }}
                </div>
                @prepend('scripts')
                <script type="text/javascript">
                    var var15671147171873255749ble = '';
                    @if(isset($product) && $product->hasMedia('image'))
                        var15671147171873255749ble = {
                        name: "{!! $product->getFirstMedia('image')->name !!}",
                        size: "{!! $product->getFirstMedia('image')->size !!}",
                        type: "{!! $product->getFirstMedia('image')->mime_type !!}",
                        collection_name: "{!! $product->getFirstMedia('image')->collection_name !!}"
                    };
                            @endif
                    var dz_var15671147171873255749ble = $(".dropzone.image").dropzone({
                            url: "{!!url('uploads/store')!!}",
                            addRemoveLinks: true,
                            maxFiles: 1,
                            init: function () {
                                @if(isset($product) && $product->hasMedia('image'))
                                dzInit(this, var15671147171873255749ble, "{!! url($product->getFirstMediaUrl('image','thumb')) . '?v=' . rand() !!}")
                                @endif
                            },
                            accept: function (file, done) {
                                dzAccept(file, done, this.element, "{!!config('medialibrary.icons_folder')!!}");
                            },
                            sending: function (file, xhr, formData) {
                                dzSending(this, file, formData, '{!! csrf_token() !!}');
                            },
                            maxfilesexceeded: function (file) {
                                dz_var15671147171873255749ble[0].mockFile = '';
                                dzMaxfile(this, file);
                            },
                            complete: function (file) {
                                dzComplete(this, file, var15671147171873255749ble, dz_var15671147171873255749ble[0].mockFile);
                                dz_var15671147171873255749ble[0].mockFile = file;
                            },
                            removedfile: function (file) {
                                dzRemoveFile(
                                    file, var15671147171873255749ble, '{!! url("products/remove-media") !!}',
                                    'image', '{!! isset($product) ? $product->id : 0 !!}', '{!! url("uplaods/clear") !!}', '{!! csrf_token() !!}'
                                );
                            }
                        });
                    dz_var15671147171873255749ble[0].mockFile = var15671147171873255749ble;
                    dropzoneFields['image'] = dz_var15671147171873255749ble;
                </script>
                @endprepend
            </div>
            
            <div class="col-md-6 mt-2">
                <div class="form_label">
                {!! Form::label('product_tax', trans("lang.product_tax")) !!}
                </div> 
                {!! Form::select('tax_id', $taxes, null, ['class' => 'select2 form-control']) !!}
                <!-- {!! Form::number('tax', null,  ['class' => 'form-control','placeholder'=>  trans("lang.market_default_tax_placeholder"),'step'=>"any", 'min'=>"0"]) !!}                      -->
                <label class="col-9 ml-2 form-check-inline">
                {!! Form::hidden('tax_applicable', 0) !!}
                {!! Form::checkbox('tax_applicable', 1, null) !!}                       
              {!! Form::label('inclusive_tax_label', trans("lang.inclusive_tax_label"),['style' => 'margin-left:10px;margin-bottom:0;','id'=>'is_inclusive']) !!}
                    </label>
            </div>
          
            <!-- Description Field -->
           
        </div>
        <div class="form-group row">
            <div class="col-md-6 mt-2">
                    <div class="form_label">
                        {!! Form::label('description', trans("lang.product_description").' (EN)') !!}
                    </div>
                    {!! Form::textarea('description', null, ['class' => 'form-control','placeholder'=>''  ]) !!}
                    <div class="form-text text-muted">{{ trans("lang.product_description_help") }}</div>
                </div>
                <div class="col-md-6 mt-2">
                    <div class="form_label">
                        {!! Form::label('description', trans("lang.product_description").' (FR)') !!}
                    </div>
                    {!! Form::textarea('description_fr', null, ['class' => 'form-control','placeholder'=>''  ]) !!}
                    <div class="form-text text-muted">{{ trans("lang.product_description_help") }}</div>
                </div>
        </div>
        <div class="form-group row">
                  <div class="col-md-6 mt-2">
                
                         {{ Form::hidden('date_filter', null ,['id'=>'datefilter']) }} 
               
                        {{ Form::radio('date_filter', '1' , true,['onclick'=>'changefilter(this.value)']) }} {{trans("lang.expired_date")}}<br/>
                        {{ Form::radio('date_filter', '0' , false,['onclick'=>'changefilter(this.value)']) }} {{trans("lang.preparation_date")}}<br/>
                        {{ Form::radio('date_filter', '2' , false,['onclick'=>'changefilter(this.value)']) }} {{trans("lang.fruit_veg")}}
                        <div id="fno" style="padding-left: 0;margin-top:5px;" class="">
                <!-- <div class="form_label">
              
                    {!! Form::label('expired_date', trans("lang.expired_date")) !!}
                </div> -->
                @if(isset($product->expired_date))
              <input type="hidden" value="{{date('Y-m-d',strtotime($product->expired_date))}}" id="edate"/>
              @else
              <input type="hidden" value="{{date('Y-m-d')}}" id="edate"/>
                @endif
                {!! Form::date('expired_date', null,  ['class' => 'form-control','placeholder'=>  '','date_format' => 'YYYY-mm-dd']) !!}     
                <div  id="pno"  @if(isset($product->expired_date) && $product->is_frozen==1) style="color:red!important;font-size:13px;"  @else style="display:none;color:red!important;font-size:13px;" @endif class="text-muted">
                
                 
                 {{trans("lang.warning_expired_date")}}
           
               
                </div>
            </div>
            <div id="fyes" class="" style="display:none;padding-left: 0;margin-top:5px;">
                <!-- <div class="form_label">
              
                    {!! Form::label('preparation_date', trans("lang.preparation_date")) !!}
                </div> -->
                @if(isset($product->preparation_date))
              <input type="hidden" value="{{date('Y-m-d',strtotime($product->preparation_date))}}" id="pdate"/>
              @else
              <input type="hidden" value="{{date('Y-m-d')}}" id="pdate"/>
                @endif
                {!! Form::date('preparation_date', null,  ['class' => 'form-control','placeholder'=> '','date_format' => 'YYYY-mm-dd']) !!}     
                <div id="pyes"  @if(isset($product->preparation_date) && $product->is_frozen==1)  style="color:red!important;font-size:13px;" @else style="color:red!important;font-size:13px;display:none;" @endif class="text-muted">
               
                          
                        {{trans("lang.warning_preparation_date")}}
               
                </div>
            </div>
                </div>
                
                <div class="col-md-6 mt-2">
                <div class="form_label">
                    {!! Form::label('is_frozen', trans("lang.product_is_frozen")) !!}
                </div> 
                {!! Form::select('is_frozen', $frozens_opt, null, ['class' => 'select2 form-control']) !!} 
                <div class="form-text text-muted">{{ trans("lang.product_is_frozen_help") }}</div>  
            </div>
                
        </div>
       
        <!-- Custom Field -->
        <div class="form-group row mt-2">
            @if($customFields)
            <div class="clearfix"></div>
            <div class="col-12 custom-field-container">
                <h5 class="col-12 pb-4">{!! trans('lang.custom_field_plural') !!}</h5>
                {!! $customFields !!}
            </div>
            @endif
        </div>
        <!-- Submit Field -->
        <div class="form-group row mt-2">
            <div class="col-12 text-right">
                <button type="submit" class="btn btn-{{setting('theme_color')}}"><i class="fa fa-save"></i> {{trans('lang.save')}}</button>
                <a href="{!! route('products.index') !!}" class="btn btn-default"><i class="fa fa-undo"></i> {{trans('lang.cancel')}}</a>
            </div>
        </div>
    </div>
</div>


<script>
// function rotateImage(){
//     var img = $('.dz-image img');
//     var rotateTimes = 1;
//     if(img.data('rotate')){
//         rotateTimes = parseInt(img.data('rotate'));
//     }
//     var rotateDeg = 90*rotateTimes;
//     img.attr('data-rotate', rotateTimes+1);
//     var imgSrc = img.attr('src');
//     img.css({'transform': 'rotate('+rotateDeg+'deg)'});
//     console.log("Click confirmed");
// }
function rotateImage(){
    var img = $('.dz-image img');
    // var rotateTimes = 1;
    var rotateTimes = parseInt($('#image_rotation').val());
    rotateTimes++;
    // if(img.data('rotate')){
        // rotateTimes = parseInt(img.data('rotate'));
        // rotateTimes = parseInt($('#image_rotation').val());
    // }
    var rotateDeg = 90*rotateTimes;
    // img.attr('data-rotate', rotateTimes+1);
    $('#image_rotation').val(rotateTimes);
    var imgSrc = img.attr('src');
    img.css({'transform': 'rotate('+rotateDeg+'deg)'});
}
//date_filter.onchange = function() {
    function changefilter(val)    
    {
        if(val==0){
                $("#fyes").show();
                $("#fno").hide();
        } 
        if(val==1){
            $("#fyes").hide();
            $("#fno").show();
        }
        if(val==2){
            $("#fyes").hide();
            $("#fno").hide();
        }
    }
//}
preparation_date.onchange = function() {
    var str=preparation_date.value;
 var res=str.split("-");

 var year = parseInt(res[0]);
     var month = parseInt(res[1]) ; // months indexes are zero based, e.g. 9 == Octobre
     var day = parseInt(res[2]);
     if (day < 10) {
            day = '0' + day;
        }
        if (month < 10) {
            month = '0' + month;
        }

var fdate=day+'/'+ month+'/'+ year;
    document.getElementById("predate").innerHTML=fdate;
}
var x = document.getElementById("is_frozen").selectedIndex;
is_frozen.onchange = function() {
    if($(this).val()==1){
        $("#pno").show();
        $("#pyes").show();
    } else {
        $("#pno").hide();
        $("#pyes").hide();
    }
}





// if(document.getElementById("datefilter").value==0){
//     yes.style.display = "block";
//     no.style.display = "none";
//         } 
//         if(document.getElementById("datefilter")==1){
//             yes.style.display = "none";
//             no.style.display = "block";
//         }
//let today = new Date().toISOString().substr(0, 10);
//document.querySelector("#expired_date").value = today;
//expired_date.value="30/04/2021";
//console.log(edate.value);

// var str=edate.value;
// var res=str.split("/");
// var jsDate = new Date(res[0], res[1] - 1, res[2].substr(0,2));
// console.log(jsDate);
// var year = parseInt(res[0]);
//     var month = parseInt(res[1]) ; // months indexes are zero based, e.g. 9 == Octobre
//     var day = parseInt(res[2]);
// var jdate = new Date(year, month, day);
// var dd = jdate.getDate();
//         var mm = jdate.getMonth() ;
  
//         var yyyy = jdate.getFullYear();
//         if (dd < 10) {
//             dd = '0' + dd;
//         }
//         if (mm < 10) {
//             mm = '0' + mm;
//         }
//         var today = dd + '/' + mm + '/' + yyyy;
// console.log(today);
// expired_date.value=today;

document.getElementById("expired_date").value =document.getElementById("edate").value;

document.getElementById("preparation_date").value =document.getElementById("pdate").value; //'2014-02-09';    
//document.getElementById('expired_date').value = moment().format('YYYY-MM-DD');
if(capacity.value!="" && unit.value!="" ){
 weight=capacity.value*1.59155;
 //alert(unit.value.toLowerCase());
    if(unit.value.toLowerCase()=='kg'){
                 
                 weight=capacity.value*1.59155;
               }
               if(unit.value.toLowerCase()=='g'){
                 kg=capacity.value/1000;
                 weight=kg*1.59155;
               }
               if(unit.value.toLowerCase()=='ml'){
                 kg=capacity.value/1000;
                 weight=kg*1.59155;
               }
               if(unit.value.toLowerCase()=='l'){
                 kg=capacity.value;
                 weight=kg*1.59155;
               }
    co2.innerHTML = 'Co2 : '+weight.toFixed(2)+' kg';
}
  capacity.oninput = function() {
    weight=capacity.value*1.59155;
    if(unit.value.toLowerCase()=='kg'){
                 
                 weight=capacity.value*1.59155;
               }
               if(unit.value.toLowerCase()=='g'){
                 kg=capacity.value/1000;
                 weight=kg*1.59155;
               }
               if(unit.value.toLowerCase()=='ml'){
                 kg=capacity.value/1000;
                 weight=kg*1.59155;
               }
               if(unit.value.toLowerCase()=='l'){
                 kg=capacity.value;
                 weight=kg*1.59155;
               }
    co2.innerHTML = 'Co2 : '+weight.toFixed(2)+' kg';
  };
  unit.onchange = function() {
    weight=capacity.value*1.59155;
    if(unit.value.toLowerCase()=='kg'){
                 
                 weight=capacity.value*1.59155;
               }
               if(unit.value.toLowerCase()=='g'){
                 kg=capacity.value/1000;
                 weight=kg*1.59155;
               }
               if(unit.value.toLowerCase()=='ml'){
                 kg=capacity.value/1000;
                 weight=kg*1.59155;
               }
               if(unit.value.toLowerCase()=='l'){
                 kg=capacity.value;
                 weight=kg*1.59155;
               }
    co2.innerHTML = 'Co2 : '+weight.toFixed(2)+' kg';
  };
</script>