@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 href="{{route('add_battery')}}" class="dropdown-toggle btn btn-lg btn-info" ><i class="fa fa-fw fa-plus"></i>Add </a>
         
          @endif--}}
        
  </section>
  <BR><BR>
 
<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">ONLINE 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>Range</th>
                                <th>Speed</th>
                                <th>Power</th>
                                <th>Price</th>
                                <th>OfFer Price</th>
                                <th>Image</th>
                                <th>Description</th>									
                                <th>Action</th>
								
                            </tr>
                        </thead>
                       <tbody>
                            @php 
                            $i=1;
                            @endphp
                            @foreach($cartproducts as $data)
                            <tr id="{{$data->id}}">
                                <td>{{$i}}</td>
                                <td></td>
                                <td>KM</td>
                                <td>Km/h</td>
                                <td>Watt</td>
                                
                                <td></td>
                                <td></td>
                               
                                 <td><img style="width:60px;height: 60PX;" src="{{ url($data->image) }}"></td>
                                <td><textarea readonly> {{$data->description}} </textarea></td>
									<td>           
										<a href="{{ route('edit_cart_product',[Crypt::encrypt($data->id)] ) }}" class="btn btn-primary"> Edit</a>
									   <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_cart_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">Addons features</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="p_type" class="form-control">
                                 <option selected >Select</option>
                                 <option value="lith">LITHIUM</option>
                                 <option value="lead">LEAD</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="cat_name" class="control-label">
                                Price<i class="required">*</i>
                                </label>
                                <input type="hidden" class="form-control"  name="p_id" value="{{$data->id}}">
                                
                                <input type="text" class="form-control" id="price" name="price" autocomplete="off" placeholder="price.." required>
                                 <span class="text-danger">@if ($errors->has('price')){{ $errors->first('price') }}@endif</span>
                              </div>
                               <div class=" col-sm-6 col-md-6 ">
                                <label for="offer_price" class="control-label">
                               Offer Price<i class="required">*</i>
                                </label>
                                 
                                <input type="text" class="form-control" id="offer_price" name="offer_price" autocomplete="off" placeholder="price.." required>
                                 <span class="text-danger">@if ($errors->has('offer_price')){{ $errors->first('offer_price') }}@endif</span>
                              </div>
                               <div class=" col-sm-6 col-md-6 ">
                                <label for="range" class="control-label">
                                Range<i class="required">*</i>
                                </label>
                                
                                <input type="text" class="form-control" id="range" name="range" autocomplete="off" placeholder="price.." required>
                                 <span class="text-danger">@if ($errors->has('range')){{ $errors->first('range') }}@endif</span>
                              </div>
                               <div class=" col-sm-6 col-md-6 ">
                                <label for="cat_name" class="control-label">
                                Speed<i class="required">*</i>
                                </label>
                                 
                                <input type="text" class="form-control" id="speed" name="speed" autocomplete="off" placeholder="price.." required>
                                 <span class="text-danger">@if ($errors->has('speed')){{ $errors->first('speed') }}@endif</span>
                              </div>
                               <div class=" col-sm-6 col-md-6 ">
                                <label for="cat_name" class="control-label">
                                Power (Volt)<i class="required">*</i>
                                </label>
                                 <select name="power" class="form-control">
                                 <option value="48v">48 Volt</option>
                                 <option value="60v">60 Volt</option>
                                 <option value="72v">72 Volt</option>
                                 
                                </select>
                                 <span class="text-danger">@if ($errors->has('mdate')){{ $errors->first('mdate') }}@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>