@extends('layouts.admin.app')
@section('content')
    <div class="content-wrapper">
        <section class="content-header bg-white form-group p-3 p-md-4">
            <div class="row">
                <div class="col text-center text-sm-left">
                    <h3 class="text-primary text-md text-uppercase">
                        <img src="{{ asset('images/category-icon.png') }}" class="heading-desk align-middle" alt="">
                       Master Product Unit  Edit
                    </h3>
                </div>
            </div>
            <div class="clearfix"></div>
        </section>
          <section class="content-header bg-white form-group p-3 p-md-4">
            <div class="row">
                <div  class="col " style="color:#fff;">
                    <a id="unit_info"    class="btn btn-primary">Unit Info</a>  <a  id="price_info"  class="btn btn-secondary">Price</a>
                </div>
                 
            </div>
            <div class="clearfix"></div>
        </section>
         <form method="POST" name="productForm" id="productForm" action="{{ route('admin.masterproductunit.update',$productunit->id) }}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <input type="hidden" id="pcode" value="{{$productunit->id}}">
        <section class="content unit">
            <div class="row">
                <div class="col-lg-12">
                 
                        <div class="bg-white p-3 p-md-4 shadow">
                            <div class="row form-group pb-sm-2 align-items-center">
                                <div class="col-md-3 col-sm-4">
                                    <label for="date" class="mb-1 mb-sm-0 font-size-15"> Master Box Code <span class="error">*</span>:</label>
                                </div>
                                <div class="col-md-9 col-sm-8">
                                    <select class="form-control" name="product_name">
                                        <option value="">Select  Master Box Code</option>
                                        @foreach($products as   $key => $value_product)
                                        <option value="{{$value_product->product_code}}" selected >{{$value_product->product_master_code}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                          <!--   <div class="row form-group pb-sm-2 align-items-center">
                                <div class="col-md-3 col-sm-4">
                                    <label for="date" class="mb-1 mb-sm-0 font-size-15"> Dealer Code <span class="error">*</span>:</label>
                                </div>
                                <div class="col-md-9 col-sm-8">
                                    <select class="form-control" name="dealer_name">
                                        <option value="">Select Dealer Name</option>
                                        @foreach($dealear as   $key_dealear => $value_dealear)
                                        <option value="{{$value_dealear->delear_code}}" selected>{{$value_dealear->dealer_name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            -->
                          

                            <div class="row form-group pb-sm-2 align-items-center">
                                <div class="col-md-3 col-sm-4">
                                    <label for="cash" class="mb-1 mb-sm-0 font-size-15">Product Unit Barcode <span class="error">*</span>:</label>
                                </div>
                                <div class="col-md-9 col-sm-8">
                                <input class="form-control" type="text" name="barcode" value="{{$productunit->barcode_no}}" id="barcode" placeholder="barcode">
                            </div>
                            </div>
                            
                             <div class="row form-group pb-sm-2 align-items-center">
                                <div class="col-md-3 col-sm-4">
                                    <label for="cash" class="mb-1 mb-sm-0 font-size-15">Product Unit Scratch Code <span class="error">*</span>:</label>
                                </div>
                                <div class="col-md-9 col-sm-8">
                                <input class="form-control" type="text" name="scratch_code" id="scratch_code" placeholder="scratch code" value="{{$productunit->scratch_code}}">
                            </div>
                            </div>


                            <div class="row form-group pb-sm-2 align-items-center">
                                <div class="col-md-3 col-sm-4">
                                    <label for="cash" class="mb-1 mb-sm-0 font-size-15">Model No <span class="error">*</span>:</label>
                                </div>
                                <div class="col-md-9 col-sm-8">
                                <input class="form-control" type="text" name="model_no" id="model_no" value="{{$productunit->model_no}}" placeholder="Model No">
                            </div>
                            </div>

                            <div class="row form-group pb-sm-2 align-items-center">
                                <div class="col-md-3 col-sm-4">
                                    <label for="cash" class="mb-1 mb-sm-0 font-size-15">Color<span class="error">*</span>:</label>
                                </div>
                                <div class="col-md-9 col-sm-8">
                                <input class="form-control" type="text" name="color" id="color" value="{{$productunit->color}}" placeholder="Color">
                            </div>
                            </div>
                 <div class="row align-items-center mt-4 mb-3 pt-2 pt-sm-0">
                                <div class="col-md-3 col-sm-4"></div>
                                <div class="col-md-9 col-sm-8 text-center text-sm-left">
                                    <a href="{{route('admin.masterproductunit.index')}}" style="color:#fff" class="btn btn-danger text-uppercase px-4 py-2 font-weight-bold mr-3">
                                        <span class="py-1 d-block">
                                            <i class="fa fa-long-arrow-left mr-2" aria-hidden="true"></i>Back
                                        </span>
                                    </a>
                                    <a id="next-btn"    style="color:#fff" class="btn btn-primary text-uppercase px-4 py-2 font-weight-bold mr-3">
                                        <span class="py-1 d-block">
                                            <i class="fa fa-long-arrow-right mr-2" aria-hidden="true"></i>Next
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    
                </div>
            </div>
        </section>

        <section class="content price">
            <div class="row">
                <div class="col-lg-12">
                        <div class="bg-white p-3 p-md-4 shadow">
                            <input type="hidden" name="unit_id" value="">

                            @foreach($dealears as $keydelear  =>  $value_keydelaer)
                            <div class="row mt-2">
                                <div class="col-md-6 col-sm-6">
                                    <label for="date" class="mb-1 mb-sm-0 font-size-15"> User Name <span class="error">*</span>:</label>
                             
                                <input type="text" value="{{$value_keydelaer->dealer_name}}" disabled>
                               
                                </div>
                          
                                <div class="col-md-6 col-sm-6">
                                    <label for="date" class="mb-1 mb-sm-0 font-size-15"> Unit Price <span style="color:red;" class="error1"></span>:</label>
@if(array_key_exists($value_keydelaer->id,$productprices))
                                     @if(!empty($productprices[$value_keydelaer->id]) ||  $productprices[$value_keydelaer->id] == 0)
                                    
                                    <input min="0"  title="&nbsp;&nbsp;Please enter Price" type="number" id="" value="{{$productprices[$value_keydelaer->id]}}" name="unit_price[{{$value_keydelaer->id}}]"  >  
                                   

                                    @else
                               
                                    <input min="0" title="&nbsp;&nbsp;Please enter Price" type="number" value="" id="" name="unit_price[{{$value_keydelaer->id}}]"  >
                                    @endif
                                    
                                    @else
                               
                                    <input min="0" title="&nbsp;&nbsp;Please enter Price" type="number" value="" id="" name="unit_price[{{$value_keydelaer->id}}]"  >
                                     @endif
                                </div>
                            </div>
                            @endforeach
                           
                          

                           
                            </div>
                 <div class="row align-items-center mt-4 mb-3 pt-2 pt-sm-0">
                                <div class="col-md-3 col-sm-4"></div>
                                <div class="col-md-9 col-sm-8 text-center text-sm-left">
                                    <a onclick="unit()" style="color:#fff" class="btn btn-danger text-uppercase px-4 py-2 font-weight-bold mr-3">
                                        <span class="py-1 d-block">
                                            <i class="fa fa-long-arrow-left mr-2" aria-hidden="true"></i>Back
                                        </span>
                                    </a>
                                    <button type="submit" class="btn btn-primary text-uppercase px-4 py-2 font-weight-bold">
                                        <span class="py-1 d-block">Submit</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    
                </div>
            </div>
        </section>

</form>



    </div>
    @section('admin-js')
        <script type="text/javascript" src="{{ asset('js/adminjs/masterproductunit.js') }}"></script>


         <script type="text/javascript">
    $('.price').hide();
    function unit() {

    $("#unit_info").removeClass("btn-secondary").addClass("btn-primary");
    $("#price_info").removeClass("btn-primary").addClass("btn-secondary");
    $('.price').hide();
    $('.unit').show();

    }

    function price() {
    $("#price_info").removeClass("btn-secondary").addClass("btn-primary");
    $("#unit_info").removeClass("btn-primary").addClass("btn-secondary");
    $('.price').show();
    $('.unit').hide();
    }
    </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>

  <script>
$(function() {
    // Initialize form validation on the unit-form
    $('#productForm').validate({
        
        rules: {
            product_name: {
                required: true
            },
            barcode: {
                required: true
            },
            model_no: {
                required: true
            },
            color: {
                required: true
            },
             // 'unit_price[]': { required: true },

        },
        messages: {
            product_name: {
                required: "Please select a product name."
            },
            barcode: {
                required: "Please enter the barcode."
            },
            model_no: {
                required: "Please enter the model number."
            },
            color: {
                required: "Please enter the color."
            },
            // 'unit_price[]': { required: "Please Enter Area" },
        },
        errorElement: 'span',
        errorPlacement: function(error, element) {
            error.addClass('invalid-feedback');
            element.closest('.form-group').append(error);
        },
        highlight: function(element, errorClass, validClass) {
            $(element).addClass('is-invalid');
        },
        unhighlight: function(element, errorClass, validClass) {
            $(element).removeClass('is-invalid');
        }
    });

    // Function to handle the Next button click
    $('#next-btn').click(function() {
        // Validate the form
        if ($('#productForm').valid()) {
            price();
            $('input[name="unit_price[]"]').prop('required', true);
        } else {
            console.log('Form validation failed. Please check the fields.');
        }
    });

    // Example function to call after form validation
    function nextFunction() {
        // Perform actions after validation (e.g., navigate to the next page)
        console.log('Proceeding to the next function or step.');
    }
});
</script>
      
    @endsection
@endsection