@extends('layouts.contentLayoutMaster')

{{-- page title --}}
@include('panels.page-title')

{{-- vendor style --}}
@section('vendor-style')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/flag-icon/css/flag-icon.min.css')}}">
@endsection

{{-- page content --}}
@section('content')
<div class="section">
  <div class="card">
    
  </div>

  <!-- HTML VALIDATION  -->


  <div class="row">
    <div class="col s12">
      
      <div id="validations" class="card card-tabs">
        @include('panels.flashMessages')
        <div class="card-content">
          <div class="card-title">
            <div class="row">
              <div class="col s12 m6 l10">
                
              </div>
            </div>
          </div>
          <div id="view-validations">
         
          {{--<form method="POST" class="formValidate" action="{{ route('submit-form') }}">--}}

          {{--<form class="formValidate" method="post" action="{{ isset($result) ? route($formUrl, $result['id']) : route($formUrl) }}">--}}
                    @if(isset($product_mapping_edit->id))
                      <form class="formValidate" action="{{route($formUrl,$product_mapping_edit->id)}}" id="formValidateCompany" method="post">
            {!! method_field('patch') !!}
          @else
                        <form id="accountForm" action="{{route($formUrl)}}" method="post">
            {!! method_field('post') !!}
          @endif
      

           @csrf

        
                     <div class="row">
             
             @if(isset($userType) && $userType==config('custom.superadminrole'))
             <div class="input-field col s12 m6">
                <select name="company_id" id="company" required>
                    <option value="" disabled>Select Company</option>
                    @if(isset($all_company) && !empty($all_company))
                    @foreach($all_company as $company_val)
                        <option value="{{ $company_val->id }}" 
                            {{ isset($product_mapping_price_edit) && $product_mapping_price_edit->compName->id == $company_val->id ? 'selected' : '' }}>{{ $company_val->company_name }}
                        </option>
                        
                    @endforeach
                    @endif
                </select>
                @error('company_id')
                <div style="color:red">{{$message}}</div>
                @enderror
             </div>
           
            @endif 

                    
                <div class="input-field col s12 m6">
                      <select name="product_id" id="product" required>
                        <option value="" disabled>Select Product</option>
                    @if(isset($all_product) && !empty($all_product))
                    @foreach($all_product as $product_val)

                    <option value="{{ $product_val->product_id }}" 
                        {{ isset($product_mapping_price_edit) && $product_mapping_edit->product_id == $product_val->product_id ? 'selected' : '' }} data-itemcode="{{ isset($product_val->productname->product_code) ? $product_val->productname->product_code : '' }}">{{ isset($product_val->productname->product_name) ? $product_val->productname->product_name : '' }}
                    </option>
                    @endforeach
                    @endif
                      </select>
                      @error('product_id')
                      <div style="color:red">{{$message}}</div>
                      @enderror
                </div> 
             
                
                <div class="input-field col s12 m6">
                  <select name="variation_id" id="variation" required>
                    <option value="" disabled selected>Select variation</option>
                    @if(isset($all_variation) && !empty($all_variation))
                    @foreach($all_variation as $variation_val)
                    <option value="{{ $variation_val->id }}" 

                    {{isset($product_mapping_price_edit) && $product_mapping_edit->product_variant_id == $variation_val->id ? 'selected' : '' }}>{{ isset($variation_val->name) ? $variation_val->name : '' }}
                    </option>
                    @endforeach
                    @endif
                  </select>
                  @error('variation_id')
                  <div style="color:red">{{$message}}</div>
                  @enderror
                </div> 

                
                                <div class="input-field col s12 m6">
                  <select name="buyer_type" id="buyer" required>
                    <option value="" disabled selected>Select Type</option>
                    @if(isset($buyer_type) && !empty($buyer_type))
                    @foreach($buyer_type as $buyer_type_val)
                    {{--<option value="{{ $buyer_type_val->id }}">
                      {{ $buyer_type_val->name }}
                    </option>--}}
                    <option value="{{ $buyer_type_val->id }}" {{ isset($product_mapping_price_edit) && $product_mapping_edit->buyer_type == $buyer_type_val->id ? 'selected' : '' }}>{{ isset($buyer_type_val->name) ? $buyer_type_val->name : '' }}
                    </option>

                      @endforeach
                    @endif
                  </select>
                  @error('company_id')
                  <div style="color:red">{{$message}}</div>
                  @enderror
                </div> 

                <div class="input-field col s12 m6">
                <label for="item_code">Item Code</label>
                <input id="item_code" readonly class="" name="item_code" type="text" value="{{(isset($product_mapping_edit->item_code)) ? $product_mapping_edit->item_code : '' }}">
                @error('item_code')
                    <div style="color:red">{{ $message }}</div>
                @enderror
                <small class="errorTxt1"></small>
                </div> 

                <div class="input-field col s12 m6">
                <label for="start_date">Start Date</label>
                <input id="start_date" class="validate" name="start_date" value="{{(isset($product_mapping_edit->start_date)) ? $product_mapping_edit->start_date : '' }}" type="text" data-error=".errorTxt1" required>
                @error('start_date')
                    <div style="color:red">{{ $message }}</div>
                @enderror
                <small class="errorTxt1"></small>
                </div> 

                <div class="input-field col s12 m6">
                <label for="end_date">End Date</label>
                <input id="end_date" class="validate" name="end_date" type="text"  value="{{(isset($product_mapping_edit->end_date)) ? $product_mapping_edit->end_date : '' }}" data-error=".errorTxt1" required>
                @error('end_date')
                    <div style="color:red">{{ $message }}</div>
                @enderror
                <small class="errorTxt1"></small>
                </div> 
                

                <div class="input-field col s12 m4">
                <label for="price">Price</label>
                <input id="price" class="validate" name="price"  pattern="[0-9]*"  type="text" value="{{(isset($product_mapping_edit->price)) ? $product_mapping_edit->price : '' }}" required data-error=".errorTxt1">
                @error('price')
                    <div style="color:red">{{ $message }}</div>
                @enderror
                <small class="errorTxt1"></small>
                </div> 

                <div class="input-field col s12 m4">
                <label for="discount">Discount</label>
                <input id="discount" class="validate" name="discount" type="text" value="{{isset($product_mapping_edit->discount) && !empty($product_mapping_edit->discount) && ($product_mapping_edit->discount!='') ? $product_mapping_edit->discount : '' }}"  data-error=".errorTxt1">
                @error('discount')
                    <div style="color:red">{{ $message }}</div>
                @enderror
                <small class="errorTxt1"></small>
                </div>
                
                <!-- Discount Type -->
                <div class="col s12 m4">
                    <label>Discount Type</label>
                    <div class="display-flex">
                      <p>
                        <label>
                          <input name="discount_type" type="radio" value="flat" {{isset($product_mapping_edit) &&$product_mapping_edit->discount_type === 'flat' ? 'checked' : '' }}/>
                          <span>Flat</span>
                        </label>
                      </p>
                      <p>
                        <label>
                          <input name="discount_type" type="radio" value="percentage" {{isset($product_mapping_edit) && $product_mapping_edit->discount_type === 'percentage' ? 'checked' : '' }}/>
                          <span>Percentage</span>
                        </label>
                      </p>
                    </div>
                  
                </div>

                <div class="input-field col s12">
                  <button class="btn waves-effect waves-light right submit" type="submit" name="action">Submit
                    <i class="material-icons right">send</i>
                  </button>
                </div>
              </div>

            </form>
          </div>
          
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('page-script')
<script src="{{asset('js/scripts/form-wizard.js')}}"></script>
<script src="{{asset('js/scripts/form-file-uploads.js')}}"></script>
<script>
window.onload=function(){
    var company_id_sel = "{{(isset($product_mapping_edit->company_id) && $product_mapping_edit->company_id!='NULL') ? $product_mapping_edit->company_id : old('company_name')}}";

    var product_id_sel = "{{(isset($product_mapping_edit->product_id) && $product_mapping_edit->product_id!='NULL') ? $product_mapping_edit->product_id : old('product_name')}}";

    var variation_id_sel = "{{(isset($product_mapping_edit->product_variant_id) && $product_mapping_edit->product_variant_id!='NULL') ? $product_mapping_edit->product_variant_id : old('name')}}";

    var buyer_id_sel = "{{(isset($product_mapping_edit->buyer_type) && $product_mapping_edit->buyer_type!='NULL') ? $product_mapping_edit->buyer_type : old('name')}}";

    $('#company').val(company_id_sel);
    $('#company').formSelect();
    $('#product').val(product_id_sel);
    $('#product').formSelect();
    $('#variation').val(variation_id_sel);
    $('#variation').formSelect();
    $('#buyer').val(buyer_id_sel);
    $('#buyer').formSelect();
    // console.log('ccompany_id_selompany_value',buyer_id_sel);
  
  }

  </script>



<script>
    $(document).ready(function () {

      $( "#start_date" ).datepicker({ 
        dateFormat: 'yy-mm-dd',
        onSelect: function(selectdate){
          $("#end_date").val('');
          $("#end_date").datepicker({
              dateFormat: 'yy-mm-dd',
              minDate: selectdate
          });
        }
      });

        $('#company').change(function () {
            var companyId = $(this).val();

            $.ajax({
                url: "{{ route('get-products') }}", 
                type: 'GET',
                data: {
                    company_id: companyId
                },
                success: function (response) {

                    console.log(response, 'response');
                        $('#product').html('<option value="">Select Product</option>');

                        $.each(response.products, function (key, value) {
                            if(value.productname && value.productname!=''){
                            console.log(key,value.productname.product_name ,'abc')
                            $("#product").append('<option value="' + value.product_id + '" data-itemcode="'+value.productname.product_code+'">' + value.productname.product_name + '</option>');
                            }
                            

                        });
                        $('#product').formSelect();
                    
                },
                error: function () {
                    console.log('Error while fetching products.');
                }
            });
        });



        $('#product').change(function () {
            var productId = $(this).val();
            //  $('#product').data('itemcode');
            let itemcode = $(this).find(':selected').data('itemcode');
            console.log(itemcode,'itemcode');
            $('#item_code').val(itemcode).attr('readonly',true);
            
            

            $.ajax({
                url: "{{ route($productVariationUrl) }}",
                type: 'GET',
                data: {
                    product_id: productId
                },
                success: function (result) {

                    console.log(result, 'result');
                        $('#variation').html('<option value="">Select Variation</option>');

                        $.each(result.variations, function (key, value) {

                            console.log(key,value.id ,'var')
                            
                            $("#variation").append('<option value="' + value.id + '" >' + value.name + '</option>');
                            

                        });
                        $('#variation').formSelect();
                    
                },
                error: function () {
                    console.log('Error while fetching variation.');
                }
            });
        });

    });
</script>

<script>
    document.getElementById('price').addEventListener('input', function() {
        this.value = this.value.replace(/[^0-9]/g, '');
    });
</script>


@endsection