@extends('adminlayout.admin')
@section('content')
<style >
    .cursor{
    cursor: pointer;
    }
    .nk-content-fluid{
    margin-top: 65px;
    position: relative;
    }
    .modal-title {
  text-align: center!important;
}
</style>
<div class="content-wrapper">

 <section class="content-header" style="float:right;">
   @if(Auth::user()->hasRole('super_admin'))
    <a class="btn btn-lg btn-info" data-toggle="modal" data-target="#add_product_in_store">
     <i class="fa fa-fw fa-plus"></i>Add Product
    </a>
    @endif  
 <!--  <a class="btn btn-lg btn-info" href="{{route('product_list')}}">
     Vehicle Chassis List
    </a> -->	
  </section>
  <br><br>
 @if(Auth::user()->hasRole('super_admin')) 
 <!-- product Modal -->
  <div class="modal fade" id="add_product_in_store" tabindex="-1" role="dialog" aria-labelledby="add_productLabel" aria-hidden="true">
     <form id="form-purchase" class="form-horizontal" action="{{ route('save_product_list') }}" method="post" enctype="multipart/form-data">
              @csrf
      <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="add_productLabel">New Product</h5>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                <div class="modal-body">
                  
                   <div class="row">
                    <div class=" col-sm-6 col-md-6 ">
                    <label for="cat_name" class="control-label">
                    Vehicle Name<i class="required">*</i>
                    </label>
                    <input type="text" class="form-control" id="name" name="name" autocomplete="off" placeholder="Type name" required>
                    <span class="text-danger">@if ($errors->has('name')){{ $errors->first('name') }}@endif</span>
                  </div>
                  <div class=" col-sm-6 col-md-6 ">
                    <label for="pan" class="control-label">
                     Vehicle Slug<i class="required">*</i>
                    </label>
                    <input type="text" class="form-control" id="slug" name="slug" autocomplete="off" placeholder="slug name" required>
                     <span class="text-danger">@if ($errors->has('slug')){{ $errors->first('slug') }}@endif</span>
                   </div>
                   <div class=" col-sm-6 col-md-6 ">
                    <label for="hsn" class="control-label">
                     Vehicle HSN<i class="required">*</i>
                    </label>
                    <input type="text" class="form-control" id="hsn" name="hsn" autocomplete="off" placeholder="hsn Number" required>
                     <span class="text-danger">@if ($errors->has('hsn')){{ $errors->first('hsn') }}@endif</span>
                   </div>
                   
                    <div class="col-sm-12 col-md-12">
                             <label for="pan" class="control-label">
                                 Vehicle Color AND QTY <i class="required">*</i>
                                </label>
								
                                <div class="row">
								  <div class="col-5 col-sm-5"><label class="control-label">Color</label></div>
                                  <div class="col-2 col-sm-2"><label class="control-label">Quantity</label></div>
                                  <div class="col-5 col-sm-5"> </div>
									
								
								</div>
								
								<div class="row add-field">
								
									
									
                                    <div class="col-5 col-sm-5">
                                        <br>
                                        <input type="text" name="color[]" class="form-control small bg-lighter color" required />
                                        
                                    </div>
                                     <div class="col-2 col-sm-2">
                                      <br>  
                                     <input type="number" name="qty[]" class="form-control small bg-lighter qty" required />
                                     </div>
                                    <div class="col-5 col-sm-5 cut">
                                        <br>
                                        <!-- Changed the class to id -->
                                        <a id="add-field" class="btn btn-success">+ Add More</a>
                                    </div>
                                </div>
                                @error('documents')
                                    <p class="text-danger">{{ $message }}</p>
                                @enderror
                             
                        </div>
                  
               
                <script>
                    $(document).ready(function() {
                        // Changed the selector from class '.add-more' to id '#add-field'
                        $("body").on("click", "#add-field", function() {
                            var html = $(".add-field").first().clone();
                             
                            $(html).find(".cut").html("<br><a class='btn btn-danger remove'>- Remove</a>");
                             $(html).find(".color").val('');
                             $(html).find(".qty").val('');

                            $(".add-field").last().after(html);
                        });

                        $("body").on("click", ".remove", function() {
                            $(this).parents(".add-field").remove();
                        });
                    });
                </script>
                 
                  
                 </div>
               
                </div>
                <div class="modal-footer" style="text-align: center;">
                  <button class="btn btn-lg btn-info" name="submit" data-loading-text="Processing...">
                    <i class="fa fa-fw fa-save"></i>
                      Submit        </button>
                </div>
              </div>
            </div>
       </form>
           <br>
          </div>
 @endif      		  
		  
<section class="content">     
  
    <div class="row">
        <div class="col-xs-12">
            <!-- /.card -->
            <div class="box box-success" >
              <div class="box-header">
				<h3 class="box-title">VEHICLE PRODUCT LIST</h3>
			  </div>
			   @if(Session::has('message'))
	<p class="alert-{{ Session::get('alert-class', 'alert-info') }}" style="text-align: center;">{{ Session::get('message') }}</p>
	@endif
                <div class="box-body">
				  <div class="table-responsive"> 
                    <table id="example1" class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>S.no</th>
                                <th>Product Name</th>
                                <th>Slug</th>
                                <th>Color/ Qty</th>
								@if(Auth::user()->hasRole('super_admin'))
                                <th>Action</th>
								@endif
                            </tr>
                        </thead>
                       <tbody>
                            @php 
                            $i=1;
                            @endphp
                            @foreach($products as $data)
                            <tr id="{{$data->id}}">
                                <td>{{$i}}</td>
                                <td></td>
                                <td> </td>
                                <td></td>
                                 @if(Auth::user()->hasRole('super_admin')) 
								 <td>           
										<a  class="btn btn-primary" data-toggle="modal" data-target="#edit_product_in_store" onclick="editVehicle()"> Edit</a>
										<div id="row" style="display:none;">
										<div class="row">
											<div class=" col-sm-6 col-md-6 ">
											<label for="cat_name" class="control-label">
											Vehicle Name<i class="required">*</i>
											</label>
											<input type="hidden" class="form-control"  name="id"  value="">
											
											<input type="text" class="form-control" id="name" name="name" autocomplete="off" placeholder="Type name" value="" required="">
											<span class="text-danger"></span>
											</div>
											<div class=" col-sm-6 col-md-6 ">
											<label for="pan" class="control-label">
											Vehicle Slug<i class="required">*</i>
											</label>
											<input type="text" class="form-control" id="slug" name="slug" autocomplete="off" placeholder="slug name" value=" " required="">
											<span class="text-danger"></span>
											</div>
											<div class=" col-sm-6 col-md-6 ">
											<label for="hsn" class="control-label">
											Vehicle HSN<i class="required">*</i>
											</label>
											<input type="text" class="form-control" id="hsn" name="hsn" autocomplete="off" placeholder="hsn Number" value="" required="">
											<span class="text-danger"></span>
											</div>

											<div class="col-sm-12 col-md-12">
											<label for="pan" class="control-label">Vehicle Color And Qty <i class="required">*</i>
											</label>

											<div class="row">
											<div class="col-5 col-sm-5"><label class="control-label">Color</label></div>
											<div class="col-2 col-sm-2"><label class="control-label">Quantity</label></div>
											<div class="col-5 col-sm-5"><a id="add-more" class="btn btn-success">+ Add More</a> </div>


											</div>
                                           											
											<input type="hidden" name="remove_item" id="remove_item{{$data->id}}" value="">
																 
											</div>
										</div>
										</div>
										
									   {{--<a href="{{ route('delete_cart_product',[Crypt::encrypt($data->id)] ) }}" class="btn btn-danger delete-list" onclick="return confirm('Are you sure you want to delete this item?');"> Delete</a>--}}

                                       <a  data-toggle="modal" data-target="#addons-{{$i}}" href="#" class="btn btn-info delete-list"> <i class="fa fa-cog"></i></a>

						<!-- Battery product Modal -->
                      <div class="modal fade" id="addons-{{$i}}" tabindex="{{$i}}" role="dialog" aria-labelledby="add_productLabel" aria-hidden="true">
                        <form id="form-purchase" class="form-horizontal" action="{{ route('setting_vehicle_product') }}" method="post" enctype="multipart/form-data">
                    @csrf

                  <div class="modal-dialog" role="document">
                          <div class="modal-content">
                            <div class="modal-header">
                              <h5 class="modal-title" id="add_productLabel">Manage Vehicle Battary Type & Price</h5>
                              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                              </button>
                            </div>
                            <div class="modal-body">
                                <div class="row">

                                 <div class=" col-sm-6 col-md-6 ">
                                <label for="type" class="control-label">
                                Vehicle Type<i class="required">*</i>
                                </label>
                                 <select name="battery_type" class="form-control">
                                 <option disabled selected >Select Battary...</option>
                                 <option value="LEAD GHREFINE">LEAD GHREFINE</option>
                                 <option value="LITHIUM">LITHIUM</option>
                                 
                                </select>
                                 <span class="text-danger">@if ($errors->has('p_type')){{ $errors->first('p_type') }}@endif</span>
                              </div> 
                              <div class=" col-sm-6 col-md-6 ">
                                <label for="exampleInputEmail1">Battery Volt</label>
                            <select name="battery_volt" id="battery_volt" class="form-control" >
                                <option disabled selected>Select Battary...</option>
                                 <option value="48V/32AH" data="48V/32AH"> 48V/32 AH</option>
                                 <option value="60V/24AH" data="60V/24AH"> 60V/24 AH</option>
                                 <option value="60V/28AH" data="60V/28AH"> 60V/28 AH</option>
                                 <option value="60V/32AH" data="60V/32AH"> 60V/32 AH</option>
                                 <option value="60V/36AH" data="60V/36AH"> 60V/36 AH</option>
                                 <option value="72V/32AH" data="72V/32AH"> 72V/32 AH</option>    
                                
                            </select>
                            <span class="text-danger">@if ($errors->has('battery_volt')){{ $errors->first('battery_volt') }}@endif</span>
                         
                                 
                              </div>
                              </div>
                                <div class="row">  
                                <div class=" col-sm-6 col-md-6 ">
                                <label for="cat_name" class="control-label">
                                Purchase Price<i class="required">*</i>
                                </label>
                                <input type="hidden" class="form-control"  name="vehicle_id" value="{{$data->id}}">
                                
                                <input type="text" class="form-control" id="purchase_price" name="purchase_price" autocomplete="off" placeholder="price.." required>
                                 <span class="text-danger">@if ($errors->has('purchase_price')){{ $errors->first('purchase_price') }}@endif</span>
                              </div>


                               <div class=" col-sm-6 col-md-6 ">
                                <label for="distributtor_price" class="control-label">
                               Distributtor Price<i class="required">*</i>
                                </label>
                                 
                                <input type="text" class="form-control" id="distributtor_price" name="distributtor_price" autocomplete="off" placeholder="price.." required>
                                 <span class="text-danger">@if ($errors->has('distributtor_price')){{ $errors->first('distributtor_price') }}@endif</span>
                              </div>
                              <div class=" col-sm-6 col-md-6 ">
                                <label for="distributtor_price" class="control-label">
                               Dealer Price<i class="required">*</i>
                                </label>
                                 
                                <input type="text" class="form-control" id="dealer_price" name="dealer_price" autocomplete="off" placeholder="price.." required>
                                 <span class="text-danger">@if ($errors->has('dealer_price')){{ $errors->first('dealer_price') }}@endif</span>
                              </div>
                              <div class=" col-sm-6 col-md-6 ">
                                <label for="customer_price" class="control-label">
                               Customer Price<i class="required">*</i>
                                </label>
                                 
                                <input type="text" class="form-control" id="customer_price" name="customer_price" autocomplete="off" placeholder="price.." required>
                                 <span class="text-danger">@if ($errors->has('customer_price')){{ $errors->first('customer_price') }}@endif</span>
                              </div>
                                
                              
                             </div>
                           
                            </div>
                            <div class="modal-footer" style="text-align: center;">
                              <button class="btn btn-lg btn-info" name="submit" data-loading-text="Processing...">
                                <i class="fa fa-fw fa-save"></i>
                                  Submit        </button>
                            </div>
                           <h4 class="text-center">LEAD</h4>